:root{color-scheme:dark;--bg:#090a0e;--surface:#1b1820;--edge:rgba(255,255,255,.13);--ink:#f5f1f6;--sub:#aaa4b0;--accent:#eba1bd}
*{box-sizing:border-box}
html{min-height:100%}
body{background:var(--bg);color:var(--ink);margin:0;min-height:100vh;min-height:100dvh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 56% 55% at 15% 55%,rgba(131,49,83,.12),transparent 90%);z-index:-1}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
button,input{font:inherit}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
header{max-width:1100px;margin:auto;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:18px;letter-spacing:.09em;font-weight:830;color:var(--ink)}.brand span{color:#b5acb7}
.back{font-size:12px;color:var(--sub)}
.page{display:grid;place-items:center;min-height:calc(100dvh - 130px);padding:25px 20px 65px}
.panel{width:min(440px,100%);background:linear-gradient(155deg,#201923,#151319);border:1px solid var(--edge);padding:34px;border-radius:18px;box-shadow:0 28px 80px #0007}
.panel.wide{width:min(520px,100%)}
h1{margin:0 0 10px;font-size:32px;letter-spacing:-.06em;line-height:1.15}
h2{font-size:19px;letter-spacing:-.025em;margin:0 0 12px}
p{font-size:13px;line-height:1.65;color:var(--sub);margin:0 0 20px}
label{display:block;font-size:12px;font-weight:650;margin:18px 0 7px}
input{width:100%;padding:13px 14px;border:1px solid var(--edge);border-radius:9px;color:var(--ink);background:#0e0e14;font-size:14px;outline:none}
input:focus{border-color:#c27798;box-shadow:0 0 0 3px #c2779822}
input::placeholder{color:#736c77}
.primary,.secondary{display:block;width:100%;padding:13px 16px;border-radius:9px;font-size:13px;font-weight:750;margin:20px 0 0;border:0}
.primary{background:var(--accent);color:#281520}
.secondary{background:#28232c;color:#f4edf4;border:1px solid var(--edge)}
button:disabled{opacity:.45;cursor:not-allowed}
.aux{margin:21px 0 0;text-align:center;font-size:12px}
.small{font-size:11px;color:var(--sub)}.space{display:flex;justify-content:space-between;gap:12px;align-items:center}
.status{font-size:12px;line-height:1.6;color:var(--sub);min-height:18px;margin:14px 0 0;overflow-wrap:anywhere}
.status.error{color:#efaab3}.status.success{color:#a6e3bd}
.notice{font-size:11px;line-height:1.7;border:1px solid #5a3c4a;background:#251923;padding:12px 14px;border-radius:10px;margin-top:20px;color:#d5b5c3}
.keybox{background:#0e0e14;padding:14px;border:1px solid var(--edge);border-radius:10px;overflow-wrap:anywhere;word-break:break-word;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}
.qr-code{display:flex;justify-content:center;margin:16px auto}.qr-code canvas{max-width:100%;height:auto;background:#fff;padding:9px;border-radius:8px}
.codes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}
.codes code{display:block;background:#0e0e14;border:1px solid var(--edge);border-radius:7px;padding:10px;font-size:12px;letter-spacing:.03em}
.divider{border:0;border-top:1px solid var(--edge);margin:25px 0}
.turnstile{min-height:64px;margin-top:18px}
[hidden]{display:none!important}
@media(max-width:440px){header{padding:21px}.panel{padding:27px 23px}.page{padding:25px 14px 55px}}
.account-header-right{display:flex;align-items:center;gap:18px}
.account-danger{padding:16px;border:1px solid #69323b;border-radius:12px;background:rgba(111,24,37,.10)}
.account-danger h2{color:#f5b9c1}
.danger-button{display:block;width:100%;margin-top:16px;border:1px solid #b34f60;border-radius:8px;background:#7e2837;color:#fff;padding:12px 18px;font-weight:700}
.danger-button:hover{background:#9c3144}
#rename-status,#delete-status{min-height:18px}
@media(max-width:440px){.account-header-right{gap:8px}}