:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101019;color:#f2f1f8;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:900px;margin:auto;padding:24px}header,.row,.key-row{display:flex;justify-content:space-between;align-items:center;gap:16px}header{border-bottom:1px solid #303040}.brand{font-weight:700;text-decoration:none;color:#f2f1f8}h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1.15;letter-spacing:-.04em}h2{margin:0;font-size:1.5rem}h3{margin-top:28px;font-size:1.1rem}p{color:#cfcedc}.eyebrow{color:#c5adff;font-size:.85rem}.card{border:1px solid #353348;border-radius:20px;padding:28px;background:#1a1927;margin:24px 0}.narrow{max-width:520px;margin:40px auto}.muted,footer{color:#b0adbf;font-size:.9rem}label{display:block;font-weight:600;margin:18px 0 8px}input{display:block;min-width:0;width:100%;background:#101019;color:#fff;border:1px solid #757087;border-radius:9px;padding:13px;font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:9px;padding:11px 18px;font:inherit;font-weight:650;background:#c0a3ff;color:#19102b;cursor:pointer;text-decoration:none}form>button{margin-top:16px}.quiet{background:#302b43;color:#f2eaff;border:1px solid #75688d}header button,.devices button{margin:0}button:disabled{opacity:.55;cursor:not-allowed}.notice{border:1px solid #8a77af;background:#2c2540;border-radius:10px;padding:16px}.badge{font-size:.8rem;color:#e0d1ff;border:1px solid #78688e;border-radius:100px;padding:4px 12px;white-space:nowrap}.key-row input{font-family:ui-monospace,monospace;font-size:.85rem}.key-row button{flex-shrink:0}a{color:#d0b9ff;text-underline-offset:3px}:focus-visible{outline:3px solid #a8dfff;outline-offset:4px}.devices{padding:0;list-style:none}.devices li{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #403b50;padding:16px 0}.devices small{display:block;color:#b0adbf}.skip{position:absolute;top:-100px;padding:12px;background:#101019}.skip:focus{top:0}footer{padding-bottom:40px}@media(max-width:520px){header,main,footer{padding:18px}.card{padding:20px}.key-row{align-items:stretch;flex-direction:column}.key-row button{align-self:flex-start}.devices li{align-items:flex-start;flex-direction:column}.row{align-items:flex-start;flex-wrap:wrap}.narrow{margin:20px auto}}