@import url('/static/design-states.css');
:root{--tileW:min(46vh,440px);--tilePad:0px;--tileBg:0;--tileBorder:0;--tileShadow:0;--tileGlow:0;--tileBlur:0px;--logoW:min(46vh,440px);--formRows:0fr;--formOpacity:0;--formY:12px;--formDelay:0s;--formPE:none;--introOpacity:1;--introY:0px;--introPE:auto;--introH:220px;--introMt:-32px;--whoOpacity:0;--caretOpacity:1}
body.open,body:not([data-state="anon"]){--tileW:min(400px,calc(100vw - 32px));--tilePad:28px 32px 32px;--tileBg:.28;--tileBorder:.22;--tileShadow:.5;--tileGlow:.12;--tileBlur:6px;--logoW:150px;--formRows:1fr;--formOpacity:1;--formY:0px;--formDelay:.35s;--formPE:auto;--introOpacity:0;--introY:10px;--introPE:none;--introH:0px;--introMt:0px}
[hidden]{display:none!important}
button:disabled{cursor:wait;opacity:.6}
#error{font:13px/1.5 'Space Grotesk',sans-serif;color:#ffb2b2;margin:0}
h1{font:700 22px/1.3 'Space Grotesk',sans-serif;text-align:center;margin:0}
.hint{font:14px/1.5 'Space Grotesk',sans-serif;color:#8fa3c4;margin:0}
.setup{text-align:center}.qr{max-width:100%;height:auto;border-radius:12px;background:white}
details{font:12px/1.6 'JetBrains Mono',monospace;color:#8fa3c4;margin-top:8px}summary{cursor:pointer}
#setup-key{display:block;overflow-wrap:anywhere;margin-top:8px;color:#dfe8f7}
#otp-entry,#recovery-entry{display:flex;flex-direction:column;gap:6px}
#otp-entry label,#recovery-entry label,.save-codes{font:12px/1.5 'JetBrains Mono',monospace;color:#8fa3c4}
#otp-code,#recovery-code{box-sizing:border-box;width:100%;font:20px 'JetBrains Mono',monospace;padding:13px 14px;border-radius:12px;border:1px solid rgba(143,196,255,.22);background:rgba(3,6,16,.35);color:#fff;outline:none}
#otp-code{text-align:center;letter-spacing:.3em}
#otp-code:focus,#recovery-code:focus{border-color:#3d8bff;box-shadow:0 0 0 3px rgba(61,139,255,.2)}
.primary{margin-top:6px;font:14px 'JetBrains Mono',monospace;padding:14px 20px;border-radius:999px;border:none;background:#2f7bff;color:white;cursor:pointer;box-shadow:0 0 30px rgba(47,123,255,.4)}
.primary:hover{background:#4a8dff}.text-button{padding:8px 0;background:none;border:0;color:#8fc4ff;font:12px/1.5 'JetBrains Mono',monospace;cursor:pointer}
.text-button:hover{color:white}.save-codes{display:flex;align-items:center;gap:8px}.save-codes input{width:20px;height:20px;flex-shrink:0}
#recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center;font:12px/1.5 'JetBrains Mono',monospace;color:#dfe8f7}
#recovery-codes code{padding:7px 2px;border:1px solid rgba(143,196,255,.22);border-radius:8px}
:focus-visible{outline:2px solid #8fc4ff;outline-offset:3px}
body:not([data-state="anon"]) #scene,body.open #scene{overflow:auto!important}
body:not([data-state="anon"]) #main,body.open #main{box-sizing:border-box;height:auto!important;min-height:100%;padding-top:24px!important;padding-bottom:24px!important}
body:not([data-state="anon"]) #tile{flex-shrink:0}
.no-script{position:fixed;z-index:3;bottom:16px;left:16px;right:16px;text-align:center;color:white;background:#101a30;padding:16px}
@media(max-width:480px){#main{padding-left:16px!important;padding-right:16px!important}body:not([data-state="anon"]){--tilePad:24px}}