*{box-sizing:border-box}body{font:16px/1.55 system-ui,sans-serif;background:#10131c;color:#e9ecf6;margin:0}header,main,footer{max-width:1280px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #353b4a}a{color:#a4b7ff;text-decoration:none}header a{font-weight:800;letter-spacing:.06em;font-size:24px}small{font-size:14px;font-weight:400}h1{font-size:clamp(28px,4vw,44px);line-height:1.2}h2{margin-top:0}button{background:#a4b7ff;border:0;border-radius:14px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer}.panel,article{padding:24px;background:#1d2230;border:1px solid #363d50;border-radius:22px;margin:12px 0;overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}label{display:block;margin-bottom:18px}input,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #71798d;border-radius:12px;background:#121621;color:white;font:inherit}textarea,pre{font:14px/1.5 ui-monospace,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere}aside{padding:16px;border:1px solid #d2b15f;border-radius:12px}footer{color:#a5aabb}summary{cursor:pointer;min-height:36px}:focus-visible{outline:3px solid #d2b15f;outline-offset:3px}