:root{color-scheme:dark;--bg:#07111f;--card:rgba(17,31,50,.83);--line:rgba(255,255,255,.08);--muted:#8ea1b9;--text:#f6f9ff;--blue:#3d8bff;--cyan:#42d5e8;--green:#41d899;--danger:#ff6978;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#173b69 0,#07111f 45%,#040a13 100%);color:var(--text);overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(70px);opacity:.18;pointer-events:none}.ambient-one{width:260px;height:260px;background:#368aff;right:-120px;top:110px}.ambient-two{width:220px;height:220px;background:#25d7ca;left:-140px;bottom:50px}.shell{width:min(100%,520px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(26px + env(safe-area-inset-bottom));position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:17px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900;font-size:21px;background:linear-gradient(145deg,var(--cyan),var(--blue));box-shadow:0 8px 28px rgba(61,139,255,.32)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.2em}.pill{max-width:48%;padding:8px 11px;border-radius:99px;font-size:12px;text-align:center;white-space:normal;background:rgba(65,216,153,.12);color:#70e8b1;border:1px solid rgba(65,216,153,.22)}.pill.loading{color:#b9c7d8;background:rgba(255,255,255,.05);border-color:var(--line)}.pill.off{color:#ffc0c6;background:rgba(255,105,120,.1);border-color:rgba(255,105,120,.2)}.card{background:linear-gradient(145deg,rgba(20,38,61,.94),rgba(11,23,39,.9));border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.hero{padding:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:12px}.avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:20px;font-weight:800;background:linear-gradient(145deg,#2e6fd2,#42d5e8);box-shadow:inset 0 1px rgba(255,255,255,.25)}.eyebrow{display:block;color:#6fd7ea;font-size:10px;font-weight:750;letter-spacing:.14em;margin-bottom:5px}.identity{min-width:0}.identity h1{font-size:19px;line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity p{color:var(--muted);font-size:13px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance{min-width:0;text-align:right}.balance span,.stat span,.server-row small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.balance b{display:block;max-width:92px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.subscription{padding:21px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.section-head>div{min-width:0}.section-head h2{font-size:22px;margin:0;overflow-wrap:anywhere}.status-dot{flex:0 0 auto;max-width:48%;font-size:12px;font-weight:700;padding:7px 10px;text-align:center;background:rgba(65,216,153,.12);color:#70e8b1;border-radius:99px}.status-dot.off{background:rgba(255,105,120,.1);color:#ff9da7}.status-copy{font-size:13px;color:#aebcd0;line-height:1.45;margin:14px 0 18px;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.stat{min-width:0;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:17px;padding:14px}.stat b,.stat small{overflow-wrap:anywhere}.stat b{display:block;font-size:16px}.stat small{display:block;color:#6e839d;font-size:10px;margin-top:4px}.usage{margin-top:18px}.usage-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.usage-head b{min-width:0;text-align:right;overflow-wrap:anywhere;color:#dce8f8}.progress{height:7px;background:rgba(255,255,255,.065);border-radius:99px;overflow:hidden;margin-top:9px}.progress i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .5s}.server-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.server-row b{display:block;font-size:13px}.server-icon,.support-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:rgba(66,213,232,.1);color:#69dcec;font-size:21px}.actions{display:grid;gap:9px;margin-top:20px}button{font:inherit;color:inherit;border:0;cursor:pointer;overflow-wrap:anywhere}.primary,.secondary{width:100%;min-height:50px;border-radius:16px;font-weight:750}.primary{display:flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(135deg,#3180f5,#36bad2);box-shadow:0 10px 26px rgba(49,128,245,.25)}.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line)}.privacy-note{text-align:center;color:#71859e;font-size:10px;margin:12px 0 0}.support-card{width:100%;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;margin-top:12px}.support-card b,.support-card small{display:block}.support-card b{font-size:14px}.support-card small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.35}.support-card i{font-style:normal;color:var(--muted)}.footer{text-align:center;color:#4f6279;font-size:10px;margin:18px}.hidden{display:none!important}.loading-card{display:flex;align-items:center;gap:14px;padding:20px}.grow{flex:1}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.1),rgba(255,255,255,.04));background-size:220% 100%;animation:shimmer 1.3s infinite}.avatar-skeleton{width:54px;height:54px;border-radius:18px}.line{height:11px;width:55%;border-radius:8px;margin-top:10px}.line.wide{width:80%;margin-top:0}.error-card{text-align:center;padding:28px 22px}.error-card>span{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:16px;background:rgba(255,105,120,.12);color:#ff9da7;font-size:24px;font-weight:800}.error-card h2{font-size:19px}.error-card p{color:var(--muted);font-size:13px;line-height:1.5}.error-card .primary{margin-top:18px}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);padding:11px 16px;border-radius:99px;background:#eaf3ff;color:#07111f;font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes shimmer{to{background-position:-220% 0}}@media(max-width:390px){.shell{padding-left:10px;padding-right:10px}.hero{padding:15px;gap:10px}.avatar{width:46px;height:46px;border-radius:15px}.identity h1{font-size:16px}.identity p{font-size:11px}.balance span{font-size:10px}.balance b{max-width:72px;font-size:12px}.subscription{padding:16px}.stats{gap:7px}.stat{padding:11px}.stat b{font-size:14px}}@media(max-width:330px){.hero{grid-template-columns:auto minmax(0,1fr)}.balance{grid-column:2;text-align:left}.balance b{max-width:100%}.pill,.status-dot{max-width:54%;font-size:10px}}