:root{color-scheme:light;--ink:#102c40;--muted:#597080;--line:#d9e2e7;--accent:#057d8d;--back:#edf3f5;--panel:#fff;--soft:#e7f5f6;--error:#8a2424}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#e9f2f4,#f8fbfc 60%);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}.shell{max-width:540px;margin:7vh auto 2rem;padding:0 1rem}.brand{display:flex;gap:12px;align-items:center;margin-bottom:19px}.brand strong{display:block;font-weight:800;letter-spacing:.11em}.brand small{display:block;color:var(--muted)}.symbol{display:grid;place-items:center;border-radius:12px;width:53px;height:53px;background:#09384d;color:white;font-size:1.3rem;font-weight:800}.panel{background:var(--panel);border:1px solid var(--line);border-radius:19px;box-shadow:0 15px 35px #0b36421a;padding:clamp(20px,5vw,34px)}h1{font-size:1.7rem;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}p{margin:0 0 16px}.muted,footer{color:var(--muted);font-size:.92rem}label{font-size:.9rem;font-weight:650;display:block;margin:15px 0 6px}input:not([type=checkbox]){width:100%;padding:12px 14px;border:1px solid #b8cbd3;border-radius:9px;font:inherit;background:#fff}input:focus-visible{outline:3px solid #9bdae0;outline-offset:1px}button{background:var(--accent);color:#fff;border:none;border-radius:10px;display:block;margin-top:23px;width:100%;font:inherit;font-weight:700;padding:13px;cursor:pointer}button:hover{filter:brightness(.92)}button.outline{background:white;color:var(--ink);border:1px solid #adc5ce}.notice,.error,.secret{border-radius:10px;padding:14px 15px;margin:17px 0;background:var(--soft)}.error{background:#fceaea;color:var(--error)}.secret code{display:block;word-break:break-all;font-size:1.1rem;padding:12px 0;font-weight:700}.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.codes code{font-size:.85rem;border:1px solid var(--line);padding:9px;text-align:center;word-break:break-all;border-radius:7px}.tick{display:flex;align-items:flex-start;gap:9px;font-size:.9rem}.tick input{margin-top:4px}.summary{border-top:1px solid var(--line);margin-top:24px}.summary div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.summary span{color:var(--muted)}.summary strong{text-align:right}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.77rem;font-weight:800;margin-bottom:8px}footer{text-align:center;margin-top:18px}@media(max-width:480px){.shell{margin:3vh auto 2rem}.codes{grid-template-columns:1fr}.summary div{display:block}.summary strong{display:block;text-align:left}}
