:root{--bg:#faf6ee;--text:#3e4c63;--muted:#5d6a7e;--line:#ddd5c6;--accent:#7a2e3a;--accent-text:#fff;--lavender:#e9e3f5;--error:#8a2630;--focus:#5b4a9b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14202f;--text:#e8e4da;--muted:#a9b2c0;--line:#2c3b50;--accent:#d99aa5;--accent-text:#14202f;--lavender:#2a2f4a;--error:#f0a3ab;--focus:#c3b6ee}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.shell{max-width:28rem;margin:0 auto;padding:2.5rem 1.25rem 3rem}header{margin-bottom:1.5rem}h1{letter-spacing:-.02em;margin:0;font-size:2.25rem;font-weight:700}h2{margin:0 0 .5rem;font-size:1.25rem}.tagline,.quiet,.hint{color:var(--muted);margin:.25rem 0 0}.hint{margin:0 0 .75rem;font-size:.95rem}form{gap:.5rem;margin-top:1rem;display:grid}label{font-weight:600}input{font:inherit;width:100%;min-height:3rem;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:.5rem;padding:.5rem .875rem;font-size:1.125rem}input.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.5rem}button{font:inherit;cursor:pointer;background:var(--accent);min-width:3rem;min-height:3rem;color:var(--accent-text);border:0;border-radius:.5rem;margin-top:.5rem;padding:.5rem 1.25rem;font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:var(--text);border:1px solid var(--line);background:0 0}button.link{color:var(--text);background:0 0;margin:0;padding:.5rem .25rem;font-weight:500;text-decoration:underline}.row{flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.notice-slot{min-height:1rem}.notice{background:var(--lavender);border-radius:.5rem;margin:0 0 .75rem;padding:.75rem 1rem}.notice.error{border:1px solid var(--error);color:var(--error);background:0 0}.notice strong{font-weight:600}.card{border:1px solid var(--line);border-radius:.75rem;margin-top:1rem;padding:1.25rem}.card p{margin:0 0 .75rem}.card button{margin-top:.75rem}@media (prefers-reduced-motion:no-preference){.notice{animation:.18s ease-out settle}@keyframes settle{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}}
