:root{--color-accent:#57c9ac;--acc-deep:#2f8f86;--glowc:94, 201, 176;--bg:#0f111c;--bg-deep:#07080f;--panel:#181a28}:root[data-theme=blurple]{--color-accent:#8b93ff;--acc-deep:#5865f2;--glowc:120, 130, 255}:root[data-theme=ember]{--color-accent:#ff8a5c;--acc-deep:#d1592b;--glowc:240, 130, 80}:root{--text:#fff;--muted:#e9e9ed99;--muted-2:#e9e9ed80;--muted-3:#e9e9ed73;--hair:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0}.app{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.content{flex:1;width:100%;max-width:480px;margin:0 auto;padding-bottom:96px;overflow-x:hidden}.state{text-align:center;color:var(--muted);padding:40px 22px;font:500 14px system-ui}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0b;border:1px solid #ffffff17}.row{align-items:center;display:flex}.btnp{color:#fff;cursor:pointer;background:linear-gradient(90deg, var(--acc-deep), var(--color-accent));box-shadow:0 8px 26px rgba(var(--glowc), .45);border:none;border-radius:13px;padding:13px;font:600 14px system-ui;transition:transform .12s,box-shadow .2s}.btnp:active{transform:scale(.97)}.btnp:disabled{opacity:.55}.btng{color:#e9e9edd9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff29;border-radius:13px;padding:13px;font:600 14px system-ui;transition:background .2s}.btng:active{background:#ffffff17}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font:600 11px system-ui}.page-h{color:#fff;margin:0;font:600 26px system-ui}.pill{background:rgba(var(--glowc), .14);border:1px solid rgba(var(--glowc), .4);border-radius:20px;align-items:center;gap:6px;padding:7px 13px;display:inline-flex}.pill span{color:#fff;font:600 14px system-ui}.tabbar{height:76px;padding:0 6px calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:linear-gradient(#0000,#0a0c1499 35%,#0a0c14fa);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{cursor:pointer;color:var(--muted-3);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;font:500 9.5px/1 system-ui;transition:color .2s;display:flex}.tab.active{color:var(--color-accent)}.tab.active svg{filter:drop-shadow(0 0 8px rgba(var(--glowc), .7))}.avatar{background:linear-gradient(135deg, var(--color-accent), var(--acc-deep));color:#0f111c;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.hero{height:280px;position:relative}.hero-bg{background:linear-gradient(135deg, #2a1f47, #0f111c 72%), radial-gradient(80% 60% at 28% 18%, rgba(var(--glowc), .4), transparent 60%);position:absolute;inset:0}.hero-fade{background:linear-gradient(#0000 38%,#0f111c8c 72%,#0f111c);position:absolute;inset:0}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{border-radius:14px;padding:13px 12px}.stat-num{color:#fff;font:600 22px system-ui}.stat-lbl{letter-spacing:.02em;text-transform:uppercase;color:var(--muted-2);margin-top:5px;font:500 10px/1.25 system-ui}.seg{cursor:pointer;color:#e9e9ed8c;background:0 0;border:none;border-radius:11px;flex:1;padding:10px;font:600 13px system-ui;transition:all .2s}.seg.on{background:linear-gradient(90deg, var(--acc-deep), var(--color-accent));color:#fff}.card{border-radius:16px;flex-direction:column;padding:13px;display:flex}.poster{border-radius:10px;flex:none;justify-content:center;align-items:center;width:64px;height:88px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12}.card-title{color:#fff;font:600 15px system-ui}.card-meta{color:var(--muted-2);margin-top:2px;font:500 11px system-ui}.progress{background:#ffffff1a;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.progress>div{background:linear-gradient(90deg, var(--acc-deep), var(--color-accent));height:100%;box-shadow:0 0 10px var(--color-accent)}.icon-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:11px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-btn.on{background:rgba(var(--glowc), .16);border-color:rgba(var(--glowc), .5)}.mini-stats{border-top:1px solid var(--hair);grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px;padding-top:13px;display:grid}.mini-stats>div{text-align:center}.mini-num{color:#fff;font:600 18px system-ui}.mini-lbl{text-transform:uppercase;letter-spacing:.03em;color:var(--muted-2);margin-top:2px;font:500 9px system-ui}.plan-card{border-radius:18px;padding:20px;position:relative;overflow:hidden}.badge{letter-spacing:.08em;background:var(--color-accent);color:#fff;border-radius:20px;padding:4px 9px;font:600 9.5px system-ui;position:absolute;top:15px;right:16px}.price{color:#fff;font:600 30px system-ui}.hl{color:#e9e9edd9;font:500 12.5px/1.35 system-ui}.spec-row{border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:8px 0;display:flex}.list{border-radius:16px;overflow:hidden}.list-row{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:15px;display:flex}.list-row+.list-row{border-top:1px solid #ffffff12}.list-title{color:#fff;font:600 14px system-ui}.list-sub{color:var(--muted-2);margin-top:1px;font:500 11px system-ui}.switch{cursor:pointer;border:none;border-radius:14px;flex:none;width:44px;height:26px;padding:3px;transition:background .2s}.switch>div{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 4px #0006}.sheet-scrim{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07080f99;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--panel);padding:10px 16px calc(26px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;border-radius:22px 22px 0 0;max-height:70vh;overflow-y:auto}.sheet-grip{background:#fff3;border-radius:2px;width:36px;height:4px;margin:6px auto 14px}.sheet-opt{cursor:pointer;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:13px 14px;display:flex}
