:root{--bg:#f5f5f5;--surface:#fff;--ink:#151515;--muted:#707070;--rule:#e8e8e8;--accent:#0078aa;--accent-hover:#005477;--accent-ink:#fff;--accent-wash:#e8f4f9;--danger:#c93325}@media (prefers-color-scheme:dark){:root{--bg:#001a24;--surface:#002b3d;--ink:#eaf2f5;--muted:#a2aaad;--rule:#004663;--accent:#00cbed;--accent-hover:#5ee8ff;--accent-ink:#00212e;--accent-wash:#003c54;--danger:#ff9b90}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));justify-content:center;align-items:center;margin:0;font:17px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.card{background:var(--surface);border:1px solid var(--rule);border-radius:14px;width:100%;max-width:25rem;padding:clamp(22px,6vw,30px)}.logo{width:84px;height:auto;color:var(--muted);margin-bottom:1.3rem;display:block}.mark{background:var(--accent-wash);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.1rem;display:flex}.mark svg{width:24px;height:24px}.mark.done{background:var(--accent);color:var(--accent-ink)}h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 .35rem;font-size:1.4rem;font-weight:650;line-height:1.2}.lede{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem}.mark.done~h1{margin-bottom:1.3rem}.logo+.mark{margin-top:.2rem}form{gap:.9rem;display:grid}label{gap:.3rem;display:grid}label span{color:var(--muted);font-size:.8rem;font-weight:500}input{font:inherit;width:100%;min-height:48px;color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:.55rem .75rem;font-size:max(16px,1rem)}input:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{width:100%;min-height:50px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.15rem;padding:.7rem 1rem;font-size:1rem;font-weight:550;text-decoration:none;display:flex}.btn svg{flex:none;width:19px;height:19px}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.primary:disabled{opacity:.6;cursor:progress}.btn.secondary{color:var(--accent);border-color:var(--rule);background:0 0;margin-top:.6rem}.btn.secondary:hover{border-color:var(--accent)}.error{color:var(--danger);margin:0;font-size:.88rem}.hint{color:var(--muted);margin:.9rem 0 0;font-size:.82rem}.fine{border-top:1px solid var(--rule);color:var(--muted);align-items:center;gap:.5rem;margin:1.4rem 0 0;padding-top:1.1rem;font-size:.8rem;line-height:1.4;display:flex}.fine svg{flex:none;width:15px;height:15px}details{margin-top:1.3rem}summary{cursor:pointer;color:var(--accent);padding:.3rem 0;font-size:.85rem}.steps{grid-template-columns:auto 1fr;gap:.3rem .7rem;margin:.7rem 0 0;font-size:.8rem;display:grid}.steps dt{color:var(--ink);font-weight:600}.steps dd{color:var(--muted);margin:0}code{color:var(--muted);background:var(--bg);border:1px solid var(--rule);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:8px;margin-top:.8rem;padding:.6rem;font:.74rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}