:root{color-scheme:dark;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07141d;color:#eef7fc;--cyan:#63dcff}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 50%,#133347 0,transparent 60%)}header,footer{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;gap:20px}header{border-bottom:1px solid #27414f;font-size:12px;letter-spacing:.14em}header a{font-weight:800;font-size:22px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}main{width:min(440px,90vw);margin:auto;padding:24px 0}h1{font-size:clamp(28px,5vw,36px);line-height:1.15;letter-spacing:-.035em;margin:0 0 22px;font-weight:650}p{color:#bed0dc;margin:12px 0}.small{font-size:14px;line-height:1.45}button{font:inherit;min-height:52px;border:1px solid transparent;background:var(--cyan);color:#052332;border-radius:12px;width:100%;padding:12px 16px;text-align:left;cursor:pointer;margin:6px 0;font-weight:600}button span{float:right}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary{background:#0c243280;color:#edf8ff;border-color:#577383}.back{background:transparent;color:#bdd4e2;width:auto;padding:8px 0;font-size:14px;font-weight:400;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid white;outline-offset:3px}label{display:block;margin:12px 0 8px;font-size:14px}input{font:inherit;background:#0a1e2b;border:1px solid #577383;border-radius:12px;padding:14px;width:100%;color:white;min-height:52px}#code{font-size:24px;letter-spacing:.35em}#status:empty{display:none}#status{color:#ffda9d;font-size:14px}footer{font-size:12px;color:#9bb5c5}.key{border-top:1px solid #355263;padding:12px 0;display:grid;grid-template-columns:1fr auto;align-items:center}.key p{margin:2px 0}.key .small{grid-column:1}.key button{grid-column:2;grid-row:1/3;width:auto;min-height:44px;font-size:14px;background:transparent;color:#ffb9b9;padding:8px}nav{display:flex;justify-content:space-between;align-items:center}nav span{font-size:14px}[hidden]{display:none!important}@media(max-height:650px){main{padding:12px 0}header,footer{padding-top:10px;padding-bottom:10px}h1{margin-bottom:12px}}@media(max-width:480px){header{padding-top:max(16px,env(safe-area-inset-top))}}