:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263c50;background:#edf2f6;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px max(24px,env(safe-area-inset-bottom))}.card{width:100%;max-width:360px;padding:28px;background:#fff;border:1px solid #dce5ed;border-radius:18px;box-shadow:0 12px 40px #263c5009}.brand{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#dce8f2;color:#446a8a;font-size:23px;font-weight:650}h1{font-size:27px;margin:14px 0 7px;letter-spacing:-.7px}.intro{color:#596f81;font-size:14px;line-height:1.5;margin:0 0 22px}label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}input,button{font:inherit}input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #b9cbd9;border-radius:9px;color:#263c50;background:#fff;font-size:16px}#code{letter-spacing:.18em}input:read-only{background:#f4f7fa;color:#526b80}.hint{font-size:12px;line-height:1.5;color:#667b8c;margin:7px 0 15px}button{width:100%;min-height:44px;padding:10px;border:1px solid transparent;border-radius:9px;background:#446b8b;color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:hover{background:#365975}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #83abc9;outline-offset:3px}.separator{border-top:1px solid #e5ecf2;margin:21px 0}.secondary{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.quiet{width:auto;flex:1;min-height:44px;padding:7px 4px;background:transparent;color:#446b8b;font-size:12px;font-weight:500}.quiet:hover{background:#edf3f7}#status,#error{font-size:13px;line-height:1.5;margin:12px 0 0;overflow-wrap:anywhere}#status:empty,#error:empty{display:none}#error,.error{color:#9b3341}.placeholder{font-size:14px;line-height:1.6;color:#596f81;margin:0 0 24px}[hidden]{display:none!important}@media(max-height:600px){body{place-items:start center;padding-top:16px}.card{padding:22px}.brand{width:30px;height:30px;font-size:20px}h1{margin-top:10px}.intro{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
