:root{--ink: #f2f6fc;--mut: #8a97b0;--dim: #5c6880;--card: rgba(255, 255, 255, .045);--card2: rgba(255, 255, 255, .08);--line: rgba(255, 255, 255, .09);--acc: #2ee59d;--acc2: #17c8c0;--acc-ink: #06281a;--acc-glow: rgba(46, 229, 157, .55);--acc-soft: rgba(46, 229, 157, .12);--acc-faint: rgba(46, 229, 157, .08);--acc-ring: rgba(46, 229, 157, .35);--sheet: #101b30;--nav-bg: rgba(9, 15, 28, .92);--gold: #f2c879;--danger: #ff6b6b;--warn: #ffb454;--nav-h: 66px;--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-content-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px))}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100dvh}body{color:var(--ink);background:radial-gradient(340px 260px at 50% -60px,rgba(46,229,157,.14),transparent 70%),linear-gradient(180deg,#111b30,#0a111f 55%,#070c16);background-attachment:fixed;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.page{min-height:100dvh;padding:calc(14px + var(--safe-top)) 16px calc(var(--nav-h) + var(--safe-bottom) + 20px);display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto}.h1{font-size:24px;font-weight:800;letter-spacing:-.01em}.muted{color:var(--mut);font-size:13px}.dim{color:var(--dim)}.num{font-variant-numeric:tabular-nums}.grow{flex:1}.center{text-align:center}.kard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 18px;border:none;border-radius:16px;font:700 15px/1 inherit;cursor:pointer;transition:transform .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn-pri{background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--acc-ink);box-shadow:0 10px 26px -10px var(--acc-glow)}.btn-sec{background:var(--card2);border:1px solid var(--line);color:var(--ink);font-weight:600}.btn-row{display:flex;justify-content:space-between}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;gap:6px;padding:8px 12px calc(8px + var(--safe-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);max-width:520px;margin:0 auto;z-index:10}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:14px;color:var(--dim);font-size:10.5px;text-decoration:none;transition:color .15s ease,background .15s ease}.tab svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab.on{background:var(--acc-soft);color:var(--acc)}.ring-wrap{position:relative;width:min(64vw,34vh,300px);aspect-ratio:1;margin:10px auto 0}.ring-wrap svg{transform:rotate(-90deg);width:100%;height:100%;display:block}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ring) * .014);padding:0 17%;text-align:center;--ring: min(64vw, 34vh, 300px)}.ring-center .ring-state{font-size:clamp(12px,calc(var(--ring) * .082),22px);font-weight:800}.ring-center .ring-value{font-size:clamp(24px,calc(var(--ring) * .17),54px);font-weight:800;line-height:1.05}.ring-center .ring-note{font-size:clamp(11px,calc(var(--ring) * .062),17px);line-height:1.3;color:var(--mut)}.ring-center .ring-sub{font-size:clamp(11px,calc(var(--ring) * .053),15px);line-height:1.25;color:var(--mut);opacity:.75}.ring-center .num.muted{font-size:11px;line-height:1.25}.plan{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.plan.on{border-color:var(--acc);background:var(--acc-faint);box-shadow:0 0 0 1px var(--acc-ring),0 8px 22px -12px var(--acc-glow)}.plan.gold .plan-name{color:var(--gold)}.plan-name{font-weight:700;font-size:14.5px}.plan-desc{font-size:11.5px;color:var(--mut)}.plan-price{margin-left:auto;text-align:right;font-weight:800;font-size:15px;white-space:nowrap}.plan-price small{display:block;font-weight:500;font-size:10.5px;color:var(--mut)}.peri{display:flex;gap:6px}.peri>div{position:relative;overflow:hidden;flex:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:19px 4px 11px;font-size:12px;color:var(--mut);cursor:pointer}.peri>div.on{border-color:var(--acc);color:var(--ink);font-weight:700}.peri b{display:block;font-size:13px;color:var(--ink)}.peri .peri-pm{display:block;font-size:10.5px;white-space:nowrap;line-height:1.3}.prow{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;cursor:pointer}.prow:last-child{border-bottom:0}.prow-ic{width:36px;height:36px;border-radius:11px;flex-shrink:0;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:16px}.prow-name{font-weight:600;font-size:13.5px}.prow-sub{font-size:11.5px;color:var(--mut)}.prow-end{margin-left:auto;color:var(--dim)}.input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--ink);font:14px/1 inherit;outline:none}.input:focus{border-color:var(--acc)}.input::placeholder{color:var(--dim)}.presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset{text-align:center;padding:13px 4px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-weight:700;cursor:pointer}.preset.on{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc-ring)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700}.badge-ok{background:var(--acc-soft);color:var(--acc)}.badge-warn{background:#ffb45421;color:var(--warn)}.badge-danger{background:#ff6b6b21;color:var(--danger)}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fade-in{animation:none}.btn,.tab,.plan{transition:none}}.steps{display:flex;gap:6px}.steps i{flex:1;height:4px;border-radius:2px;background:var(--card2)}.steps i.on{background:var(--acc)}.txrow{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line)}.txrow:last-child{border-bottom:0}html[data-theme=minimal]{--acc: #ffffff;--acc2: #d9d9d9;--acc-ink: #0a0a0b;--gold: #e5e5e5;--card: rgba(255,255,255,.05);--card2: rgba(255,255,255,.09);--line: rgba(255,255,255,.12);--mut: #9a9a9f;--dim: #5c5c62;--acc-glow: rgba(255,255,255,.22);--acc-soft: rgba(255,255,255,.1);--acc-faint: rgba(255,255,255,.06);--acc-ring: rgba(255,255,255,.3);--sheet: #101012;--nav-bg: rgba(10,10,11,.92)}html[data-theme=minimal] body{background:linear-gradient(180deg,#101012,#0a0a0b 60%,#060607);background-attachment:fixed}html[data-theme=neon]{--acc: #0ff0b3;--acc2: #7b2ff7;--acc-ink: #05070f;--gold: #b388ff;--card: rgba(15,240,179,.05);--card2: rgba(123,47,247,.1);--line: rgba(15,240,179,.18);--mut: #7d8ab0;--dim: #4a5578;--acc-glow: rgba(15,240,179,.55);--acc-soft: rgba(15,240,179,.12);--acc-faint: rgba(15,240,179,.08);--acc-ring: rgba(15,240,179,.35);--sheet: #0a0e1a;--nav-bg: rgba(5,7,15,.92)}html[data-theme=neon] body{background:radial-gradient(340px 260px at 50% -60px,rgba(15,240,179,.16),transparent 70%),radial-gradient(300px 300px at 100% 30%,rgba(123,47,247,.12),transparent 70%),linear-gradient(180deg,#0a0e1a,#05070f);background-attachment:fixed}html[data-theme=concierge]{--acc: #e8b06c;--acc2: #c98e4a;--acc-ink: #241608;--gold: #f2c879;--card: rgba(232,176,108,.07);--card2: rgba(232,176,108,.12);--line: rgba(232,176,108,.18);--mut: #b39b7d;--dim: #7a6852;--acc-glow: rgba(232,176,108,.5);--acc-soft: rgba(232,176,108,.12);--acc-faint: rgba(232,176,108,.08);--acc-ring: rgba(232,176,108,.35);--sheet: #1b1512;--nav-bg: rgba(20,16,12,.92)}html[data-theme=concierge] body{background:radial-gradient(340px 260px at 50% -60px,rgba(232,176,108,.14),transparent 70%),linear-gradient(180deg,#1b1512,#14100c 55%,#0e0b08);background-attachment:fixed}html[data-theme=terminal]{--acc: #5af78e;--acc2: #3ecf6f;--acc-ink: #050805;--gold: #b7f7c9;--card: rgba(90,247,142,.05);--card2: rgba(90,247,142,.1);--line: rgba(90,247,142,.22);--mut: #6fae83;--dim: #3e7a4e;--acc-glow: rgba(90,247,142,.5);--acc-soft: rgba(90,247,142,.12);--acc-faint: rgba(90,247,142,.08);--acc-ring: rgba(90,247,142,.35);--sheet: #081008;--nav-bg: rgba(5,8,5,.92)}html[data-theme=terminal] body{background:linear-gradient(180deg,#081008,#050805);background-attachment:fixed;font-family:SF Mono,ui-monospace,Cascadia Mono,JetBrains Mono,Menlo,monospace}.stats3{display:flex;gap:8px}.stat3{flex:1;text-align:center;padding:10px 4px;background:var(--card);border:1px solid var(--line);border-radius:14px}.stat3 b{display:block;font-size:15px;font-variant-numeric:tabular-nums}.stat3 span{font-size:10.5px;color:var(--mut)}.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qact{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 12px;font-weight:600;font-size:13px;color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.qact:active{transform:scale(.97)}.qact i{font-style:normal;width:30px;height:30px;border-radius:9px;flex-shrink:0;background:var(--acc-soft);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:14px}.qact:disabled,.qact[data-disabled="1"]{opacity:.45;pointer-events:none}.peri .sale{position:absolute;top:0;right:0;background:var(--acc);color:var(--acc-ink);font-weight:700;font-size:9.5px;padding:2px 8px;border-bottom-left-radius:10px}.slider-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--mut);min-height:34px}.slider-val{display:flex;align-items:baseline;gap:4px;font-size:17px;font-weight:800;color:var(--ink);padding:4px 10px;border-radius:10px;border:1px dashed var(--line);cursor:text;-webkit-tap-highlight-color:transparent}.slider-val:active{background:var(--card2)}.slider-val small{font-size:12px;font-weight:600;color:var(--mut)}.slider-input{width:68px;padding:4px 8px;background:var(--card2);border:1px solid var(--acc);border-radius:10px;color:var(--ink);font:800 17px/1.2 inherit;text-align:right;outline:none;-moz-appearance:textfield}.slider-input::-webkit-outer-spin-button,.slider-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;margin:-4px 0;background:transparent;outline:none;cursor:pointer;touch-action:pan-y}.slider::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,var(--acc) var(--fill, 0%),var(--acc2) var(--fill, 0%),var(--card2) var(--fill, 0%))}.slider::-moz-range-track{height:8px;border-radius:8px;background:linear-gradient(to right,var(--acc) var(--fill, 0%),var(--card2) var(--fill, 0%))}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;margin-top:-6px;background:#fff;box-shadow:0 2px 8px -2px #0009,0 0 0 3px var(--acc-soft);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.slider::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px -2px #0009;cursor:pointer}.slider:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 10px -2px #0009,0 0 0 6px var(--acc-soft)}.slider-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}.note-warn{margin-top:14px;padding:10px 12px;border-radius:12px;background:#ffb4541a;border:1px solid rgba(255,180,84,.22);font-size:11.5px;line-height:1.5;color:var(--mut)}.note-warn b{color:var(--warn);font-weight:600}.chg{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--mut);padding:3px 0}.chg b{font-size:14px;color:var(--ink)}.balance-hero{background:linear-gradient(135deg,var(--acc-soft),var(--acc-faint));border:1px solid var(--acc-ring);border-radius:18px;padding:16px}.skel{background:var(--card2);border-radius:18px;animation:skel-pulse 1.2s ease-in-out infinite}@keyframes skel-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}