.account-nav { border:0; background:transparent; color:#d5cee3; font:inherit; font-size:13px; font-weight:700; padding:9px 12px; border-radius:10px; cursor:pointer; white-space:nowrap; }
.account-nav:hover { background:#ffffff0b; color:#fff; }
.account-nav-primary { border:1px solid #c4b5fd40; background:#a78bfa14; color:#e9ddff; }
.account-dialog { width:min(440px,calc(100vw - 32px)); box-sizing:border-box; max-height:calc(100dvh - 32px); overflow:auto; padding:30px; border:1px solid #ffffff1b; border-radius:22px; color:#f1eef8; background:linear-gradient(145deg,#1b1b2a,#11131c); box-shadow:0 32px 110px #0009; }
.account-dialog::backdrop { background:#080914ce; backdrop-filter:blur(9px); }
.account-dialog [hidden] { display:none!important; }
.account-dialog-top { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.account-dialog-top img { border-radius:10px; }
.account-close { margin-left:auto; padding:0; width:32px; height:32px; border:0; border-radius:9px; background:#ffffff08; color:#a7a2b8; font-size:26px; cursor:pointer; }
.account-close:hover { color:#fff; background:#ffffff10; }
.account-test-badge { border:1px solid #c4b5fd35; border-radius:6px; color:#c4b5fd; font-size:10px; font-weight:700; letter-spacing:.05em; padding:5px 7px; }
.account-dialog h2 { margin:0; font-size:28px; letter-spacing:-.045em; }
.account-intro { margin:8px 0 23px; color:#a9a3ba; font-size:14px; }
.account-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; border:1px solid #ffffff0d; background:#080a1270; padding:4px; border-radius:11px; margin-bottom:23px; }
.account-tabs button { padding:10px; border:0; border-radius:7px; background:transparent; color:#9f98b0; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.account-tabs button[aria-pressed="true"] { background:#a78bfa20; color:#e2d5ff; box-shadow:0 2px 8px #0003; }
.account-form { display:grid; gap:8px; }
.account-form label { font-size:12px; font-weight:650; color:#c6bfd5; margin-top:8px; }
.account-form input { width:100%; box-sizing:border-box; background:#090b1370; color:#fff; border:1px solid #ffffff1b; border-radius:10px; padding:12px 13px; min-height:44px; font:inherit; font-size:14px; }
.account-dialog :focus-visible { outline:2px solid #c4b5fd; outline-offset:3px; }
.account-form input:focus-visible { outline-offset:0; border-color:#b5a0ff; }
.account-form small { color:#948da6; font-size:11px; }
.account-submit { justify-content:space-between; width:100%; border:0; cursor:pointer; font:inherit; font-size:14px; margin-top:17px; }
.account-dialog button:disabled { cursor:default; opacity:.55; }
.account-dialog[aria-busy="true"] button:disabled { cursor:wait; }
.account-service { padding:13px; margin:0 0 18px; border:1px solid #ffffff1b; border-radius:10px; background:#090b1370; font-size:12px; }
.account-service p { margin:0 0 10px; color:#bdb5cc; line-height:1.5; }
.account-service p[data-kind="error"] { color:#ffb0bb; }
.account-service button { border:1px solid #c4b5fd40; border-radius:7px; padding:7px 9px; margin-right:10px; background:#a78bfa14; color:#e9ddff; font:inherit; cursor:pointer; }
.account-service a { color:#c4b5fd; }
.account-feedback { min-height:18px; margin:16px 0 0; color:#c5bdd8; font-size:12px; line-height:1.5; }
.account-feedback[data-kind="error"] { color:#ffb0bb; }
.account-identity { display:flex; align-items:center; gap:13px; margin:24px 0; }
.account-avatar { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:#c4b5fd16; border:1px solid #c4b5fd25; color:#c4b5fd; font-size:22px; font-weight:800; }
.account-identity strong { display:block; font-size:17px; overflow-wrap:anywhere; }
.account-identity span { display:block; color:#9f98b0; font-size:12px; margin-top:4px; overflow-wrap:anywhere; }
.account-plan { display:grid; gap:8px; background:radial-gradient(ellipse at 100% 0,#a78bfa13,transparent 75%),#0c0e1670; border:1px solid #c4b5fd25; border-radius:14px; padding:21px; }
.account-plan-caption { color:#a39bb7; font-size:10px; font-weight:700; letter-spacing:.13em; }
.account-plan strong { font-size:24px; letter-spacing:-.03em; }
.account-plan span:not(.account-plan-caption) { color:#bbb3cf; font-size:12px; }
.account-profile-help { color:#a49cb7; font-size:12px; line-height:1.6; margin:18px 0; }
.account-logout { width:100%; padding:11px; background:transparent; border:1px solid #ffffff20; border-radius:10px; color:#c3bbd4; font:inherit; font-size:12px; cursor:pointer; }
.account-feedback:empty { display:none; }
@media(max-height:780px) { .account-dialog { padding:24px; } .account-dialog-top { margin-bottom:16px; } .account-intro { margin:7px 0 16px; } .account-tabs { margin-bottom:15px; } .account-form label { margin-top:4px; } .account-form input { padding:10px 12px; } .account-submit { margin-top:12px; } }
@media(max-width:650px) { .topbar-inner nav { gap:3px; } .account-nav { padding:8px; font-size:11px; } .account-dialog { padding:23px; } }