@import"/login/tokens.css";:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font);min-height:100dvh;display:grid;place-items:center}main{width:min(100%,460px);padding:40px 24px}.brand{display:flex;align-items:center;gap:13px;font-size:30px;letter-spacing:-1px;text-decoration:none;color:var(--text)}.intro{margin:58px 0 30px}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.2;font-weight:500;margin:14px 0}p{color:var(--muted)}button,input,textarea{font:inherit;border-radius:10px;width:100%;padding:13px 16px;border:1px solid var(--border)}button{background:var(--accent);color:var(--bg);cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:wait}input,textarea{background:var(--surface);color:var(--text);margin:8px 0 14px}#status{min-height:26px;font-size:14px}details,section{font-size:13px;border-top:1px solid var(--border);padding-top:20px;margin-top:20px}summary{cursor:pointer;color:var(--text)}footer{color:var(--muted);font-size:12px;margin-top:32px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}label{display:block}a{color:inherit}textarea{overflow-wrap:anywhere}#security-check{display:flex;justify-content:center;min-height:65px;margin:20px 0 0}body:has(#keys){display:block}body:has(#keys) main{width:100%;max-width:720px;margin:auto;padding:28px 24px 64px}body:has(#keys) .brand{gap:12px;font-size:22px;font-weight:650;letter-spacing:normal;margin-bottom:24px}body:has(#keys) nav{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}body:has(#keys) nav a{padding:10px 18px;border-radius:30px;color:var(--muted);text-decoration:none}body:has(#keys) nav a[aria-current=page]{background:var(--surface);color:var(--text)}body:has(#keys) .intro{margin:32px 0 18px}body:has(#keys) h1{font-size:clamp(32px,7vw,44px);font-weight:650;letter-spacing:-.035em;line-height:1.1;margin:10px 0 18px}body:has(#keys) .intro p{margin:0;font-size:15px}body:has(#keys) #session-state{font-size:12px;margin:12px 0;overflow-wrap:anywhere}body:has(#keys) #status:empty{min-height:0;margin:0}body:has(#keys) #status:not(:empty){padding:12px 0;color:var(--accent)}body:has(#keys) section{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:20px;margin-top:20px;font-size:14px}body:has(#keys) section h2{font-size:19px;font-weight:600;line-height:1.3;margin:0 0 16px}body:has(#keys) section p{margin:12px 0;overflow-wrap:anywhere}body:has(#keys) button{min-height:44px;padding:11px 14px;border-radius:12px;background:transparent;color:var(--text);font-size:14px}body:has(#keys) #add,body:has(#keys) #recovery{color:var(--accent);margin-top:8px}body:has(#keys) #keys p,body:has(#keys) #sessions p{display:flex;align-items:center;justify-content:space-between;gap:14px}body:has(#keys) #keys button,body:has(#keys) #sessions button{width:auto;flex:0 0 auto;min-width:76px}body:has(#keys) #events p{font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--border)}body:has(#keys) #events p:last-child{padding-bottom:0;border-bottom:0}body:has(#keys) #recovery-result{border-top:1px solid var(--border);margin-top:18px;padding-top:8px}body:has(#keys) #recovery-result button{margin-top:8px}body:has(#keys) #recovery-value{background:var(--bg)}body:has(#keys) section:last-child{background:transparent;border:0;padding:0}body:has(#keys) section:last-child p{font-size:13px;line-height:1.8}@media(max-width:420px){body:has(#keys) section{padding:18px 16px}body:has(#keys) nav{gap:4px}body:has(#keys) nav a{padding:10px 14px}}