:root{--bg: #070708;--panel: #101013;--panel2: #16161a;--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .14);--gold: #d8b96c;--gold-bright: #f0d795;--gold-dim: rgba(216, 185, 108, .45);--gold-faint: rgba(216, 185, 108, .1);--text: #f2f0eb;--muted: #8f8f98;--faint: #5c5c64;--ok: #57c690;--warn: #dfae62;--bad: #e0565c;--nav-h: 64px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(700px 340px at 50% -8%,rgba(216,185,108,.08),transparent 65%)}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:0 18px calc(var(--nav-h) + 28px);position:relative;z-index:1}@media(min-width:560px){body{background:#050506}.app{border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg);box-shadow:0 0 90px #0000008c}}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px 20px;margin:0 -18px 6px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.appbar .userbtn{all:unset;cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.appbar .userbtn .ava.small{width:34px;height:34px;font-size:12.5px}.appbar .userbtn .statusdot{position:absolute;bottom:0;right:-1px;border:2px solid var(--bg);width:10px;height:10px}.appbar img.logo{height:42px;width:auto;mix-blend-mode:screen;flex:none}.appbar .mark{width:34px;height:34px;border:1px solid var(--gold-dim);border-radius:50%;display:grid;place-items:center;font-family:New York,Georgia,serif;font-size:17px;color:var(--gold);background:radial-gradient(circle at 35% 30%,rgba(216,185,108,.16),transparent 70%);flex:none}.appbar .who{min-width:0}.appbar .who .name{font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .who .sub{color:var(--faint);font-size:12px}.appbar .spacer{flex:1}.statusdot{width:8px;height:8px;border-radius:50%;flex:none}.statusdot.active{background:var(--ok);box-shadow:0 0 8px #57c69099}.statusdot.disabled,.statusdot.suspended{background:var(--bad);box-shadow:0 0 8px #e0565c99}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,#0b0b0d 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);z-index:6}@media(min-width:560px){.tabbar{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.tabbar button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--faint);font-size:10.5px;letter-spacing:.04em;transition:color .15s}.tabbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.tabbar button.on{color:var(--gold-bright)}.hero{text-align:center;padding:30px 0 6px}.hero .lbl{color:var(--muted);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.hero .sum{font-size:44px;font-weight:250;letter-spacing:-.02em;color:var(--gold-bright);margin-top:6px;font-variant-numeric:tabular-nums}.hero .under{color:var(--faint);font-size:13px;margin-top:6px}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 8px}.mini{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.mini .k{color:var(--faint);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.mini .v{font-size:16.5px;font-weight:500;margin-top:4px;font-variant-numeric:tabular-nums}.mini .v.gold{color:var(--gold-bright)}.mini .v.warn{color:var(--warn)}.mini .v.ok{color:var(--ok)}.mini .v.bad{color:var(--bad)}h3.sec{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:26px 2px 10px;display:flex;align-items:center;gap:12px}h3.sec:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-faint),transparent)}h3.sec .cnt{color:var(--faint);letter-spacing:0}.list{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden}.item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border);min-height:60px}.item:last-child{border-bottom:0}button.item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:13px 14px;width:100%;border-bottom:1px solid var(--border);cursor:pointer;min-height:60px}button.item:last-child{border-bottom:0}button.item:active{background:#ffffff08}.ava{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--gold);background:var(--gold-faint);border:1px solid rgba(216,185,108,.2)}.ava.plain{color:var(--muted);background:var(--panel2);border-color:var(--border-strong)}.item .mid{flex:1;min-width:0}.item .t{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .s{color:var(--faint);font-size:12.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .s a{color:var(--muted);text-decoration:none}.item .end{text-align:right;flex:none}.item .end .m{font-size:14.5px;font-weight:550;font-variant-numeric:tabular-nums}.item .end .m.gold{color:var(--gold-bright)}.item .end .sub{margin-top:3px}.empty{color:var(--faint);padding:34px 20px;text-align:center;background:var(--panel);border:1px dashed var(--border-strong);border-radius:16px;font-size:13.5px}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:550;letter-spacing:.03em;border:1px solid var(--border-strong);color:var(--muted)}.badge.active,.badge.available,.badge.paid{color:var(--ok);border-color:#57c69059;background:#57c6900f}.badge.pending,.badge.frozen{color:var(--warn);border-color:#dfae6259;background:#dfae620f}.badge.disabled,.badge.reversed,.badge.suspended{color:var(--bad);border-color:#e0565c59;background:#e0565c0f}.notice{background:#e0565c0f;border:1px solid rgba(224,86,92,.4);color:var(--bad);border-radius:14px;padding:12px 16px;font-size:13.5px;margin:14px 0}.notice.gold{background:var(--gold-faint);border-color:var(--gold-dim);color:var(--gold-bright)}button.btn{font:600 14.5px/1 -apple-system,sans-serif;border:0;border-radius:12px;padding:14px 22px;cursor:pointer;color:#17130a;background:linear-gradient(160deg,var(--gold-bright),var(--gold) 55%,#b8945a);box-shadow:0 1px #ffffff40 inset,0 6px 18px #d8b96c1f;width:100%;text-align:center;transition:filter .15s,transform .05s}button.btn:hover{filter:brightness(1.06)}button.btn:active{transform:translateY(1px)}button.btn:disabled{opacity:.45}button.ghost{font:500 13.5px/1 -apple-system,sans-serif;background:transparent;color:var(--muted);border:1px solid var(--border-strong);border-radius:10px;padding:9px 15px;cursor:pointer}button.ghost:hover{color:var(--text);border-color:var(--gold-dim)}button.ghost.danger:hover{color:var(--bad);border-color:#e0565c80}input,select{background:var(--panel2);color:var(--text);border:1px solid var(--border-strong);border-radius:12px;padding:13px 15px;font-size:15px;width:100%;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--gold-dim)}input::placeholder{color:var(--faint)}label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:15px 2px 6px}.error{color:var(--bad);font-size:13px;min-height:18px;margin-top:8px}.hintline{color:var(--faint);font-size:12.5px;margin-top:8px;line-height:1.55}.okline{color:var(--ok);font-size:13px;margin-top:8px}.keybox{background:var(--gold-faint);border:1px dashed var(--gold-dim);border-radius:12px;padding:13px 15px;font-family:SF Mono,ui-monospace,monospace;font-size:13px;color:var(--gold-bright);word-break:break-all;margin-top:12px;line-height:1.8}.keybox .lbl{color:var(--muted);margin-right:8px}.mono{font-family:SF Mono,ui-monospace,monospace;font-size:13px}.muted{color:var(--muted)}.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--border-strong);border-radius:11px;padding:3px;gap:2px;margin-bottom:12px}.seg button{all:unset;cursor:pointer;padding:7px 14px;border-radius:8px;font-size:12.5px;color:var(--muted)}.seg button.on{background:var(--gold-faint);color:var(--gold-bright);border:1px solid var(--gold-dim);padding:6px 13px}.chartcard{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px 16px 8px}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.chart-head .k{color:var(--faint);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}.chart-head .v{font-size:20px;font-weight:500;color:var(--gold-bright);margin-top:3px;font-variant-numeric:tabular-nums}.legend{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block}svg.bars{width:100%;height:auto;display:block}svg.bars text.axis{fill:var(--faint);font-size:10px}svg.bars text.total{fill:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.planbar{height:5px;border-radius:3px;background:var(--panel2);margin-top:7px;overflow:hidden}.planbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#b28e42,var(--gold))}button.mini.click{all:unset;box-sizing:border-box;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px 14px}button.mini.click:active{background:var(--panel2)}.qmark{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;border:1px solid var(--faint);color:var(--faint);font-size:9px;margin-left:3px;vertical-align:1px}.holdlink{color:var(--gold-bright);cursor:pointer;border-bottom:1px dotted var(--gold-dim)}.holdsteps{margin-top:18px;display:flex;flex-direction:column;gap:18px}.hstep{display:flex;gap:14px}.hstep .hnum{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-dim);color:var(--gold-bright);display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--gold-faint)}.hstep b{font-size:14.5px;font-weight:600}.hstep p{color:var(--muted);font-size:13.5px;margin-top:4px;line-height:1.55}.ratingteaser{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:13px 16px;background:var(--gold-faint);border:1px solid var(--gold-dim);border-radius:14px;cursor:pointer;font-size:14px}.ratingteaser .tico{font-size:18px}.ratingteaser .mid{flex:1;color:var(--gold-bright)}.ratingteaser .chev{color:var(--gold-dim);font-size:18px}.ratingteaser:active{filter:brightness(1.15)}.ratehead{text-align:center;padding:26px 0 8px}.ratehead .trophy{font-size:42px}.ratehead .rmonth{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}.ratehead .rmy{font-size:22px;font-weight:650;margin-top:6px}.rankbox{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;font-size:14px;font-weight:650;color:var(--muted);background:var(--panel2);border:1px solid var(--border-strong)}.rankbox.r1{color:#17130a;background:linear-gradient(160deg,var(--gold-bright),#b8945a);border:0}.rankbox.r2{color:#e8e8ee;background:linear-gradient(160deg,#b9bcc9,#7d8092);border:0}.rankbox.r3{color:#2b1a10;background:linear-gradient(160deg,#d9a06b,#9c6a3f);border:0}.item.meRow{background:var(--gold-faint)}.item.meRow .t{color:var(--gold-bright)}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-box{width:360px;max-width:100%;text-align:center}.login-box img.logo{width:230px;max-width:80%;mix-blend-mode:screen;margin:0 auto 30px;display:block}.login-box .mark{width:58px;height:58px;margin:0 auto 16px;border:1px solid var(--gold-dim);border-radius:50%;display:grid;place-items:center;font-family:New York,Georgia,serif;font-size:28px;color:var(--gold);background:radial-gradient(circle at 35% 30%,rgba(216,185,108,.18),transparent 70%)}.login-box .word{font-size:13px;letter-spacing:.38em;color:var(--gold);text-transform:uppercase}.login-box .tag{color:var(--faint);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:3px 0 30px}.login-box form{text-align:left}.login-box .btn{margin-top:26px}.invite-intro{font-size:16px;margin-bottom:18px}.invite-intro b{color:var(--gold-bright)}.ministat{margin-top:16px}.ministat .k{color:var(--faint);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}.minibars{display:flex;gap:8px;align-items:flex-end;height:90px}.minibars .mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.minibars .mb i{display:block;width:100%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--gold-bright),#b8945a);opacity:.85}.minibars .mb span{color:var(--faint);font-size:10px;margin-top:5px}.minibars .mb b{position:absolute;top:-2px;transform:translateY(-100%);color:var(--muted);font-size:10.5px;font-weight:600}.denied{background:var(--gold-faint);border:1px solid var(--gold-dim);border-radius:16px;padding:22px 20px;margin-bottom:20px;text-align:center}.denied .dico{font-size:34px}.denied .dtitle{font-size:16.5px;font-weight:650;color:var(--gold-bright);margin-top:10px}.denied .dtext{color:var(--muted);font-size:13.5px;line-height:1.6;margin-top:8px}.otp-input{text-align:center;font-size:24px;letter-spacing:.5em;font-family:SF Mono,ui-monospace,monospace}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#030304b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:#121215;border:1px solid var(--border-strong);border-bottom:0;border-radius:22px 22px 0 0;padding:10px 22px calc(26px + env(safe-area-inset-bottom,0px));box-shadow:0 -30px 80px #0009;animation:sheetup .22s ease-out;max-height:86dvh;overflow-y:auto}@keyframes sheetup{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:4px auto 16px}.sheet h2{font-size:17px;font-weight:600}.sheet .subtitle{color:var(--faint);font-size:13px;margin-top:2px}.sheet .btn{margin-top:22px}.profhead{text-align:center;padding:26px 0 4px}.profhead .ava.big{width:68px;height:68px;margin:0 auto 12px;font-size:24px}.profhead .pname{font-size:20px;font-weight:650}.profhead .psub{margin-top:6px;font-size:13px}.codecard{background:linear-gradient(165deg,#d8b96c21,#d8b96c08 60%);border:1px solid var(--gold-dim);border-radius:18px;padding:20px;text-align:center;margin-top:16px}.codecard .lbl{color:var(--muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.codecard .code{font-family:SF Mono,ui-monospace,monospace;font-size:26px;letter-spacing:.12em;color:var(--gold-bright);margin:8px 0 4px}.codecard .sub{color:var(--faint);font-size:12.5px;margin-bottom:14px}.codecard .checklist{list-style:none;text-align:left;margin-top:16px;display:flex;flex-direction:column;gap:8px}.codecard .checklist li{position:relative;padding-left:24px;color:var(--muted);font-size:13px;line-height:1.5}.codecard .checklist li:before{content:"✓";position:absolute;left:2px;color:var(--ok);font-weight:700}.plist{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:12px}.prow{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);font-size:14.5px}.prow:last-child{border-bottom:0}.prow .k{color:var(--muted);flex:1}.prow .v{text-align:right;font-variant-numeric:tabular-nums}button.prow{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-bottom:1px solid var(--border);font-size:14.5px;cursor:pointer}button.prow:active{background:#ffffff08}button.prow .chev{color:var(--faint)}