:root{--bg: #060a15;--bg-glow1: rgba(14, 165, 183, .16);--bg-glow2: rgba(30, 107, 255, .18);--card: rgba(20, 28, 48, .66);--card-solid: #121a30;--card-hi: rgba(255, 255, 255, .05);--stroke: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .14);--text: #eef3ff;--muted: #8ea3cc;--faint: #5f7099;--accent: #2a7bff;--accent2: #14c4d6;--grad: linear-gradient(135deg, #14c4d6 0%, #2a7bff 55%, #5b6bff 100%);--grad-soft: linear-gradient(135deg, rgba(20,196,214,.18), rgba(42,123,255,.18));--ok: #34d399;--danger: #fb7185;--radius: 22px;--radius-sm: 15px;--shadow: 0 18px 40px -18px rgba(0, 0, 0, .7);--shadow-glow: 0 12px 34px -10px rgba(42, 123, 255, .55);--blur: 18px;--tap: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=light]{--bg: #eaf0ff;--bg-glow1: rgba(14, 165, 183, .14);--bg-glow2: rgba(42, 123, 255, .14);--card: rgba(255, 255, 255, .75);--card-solid: #ffffff;--card-hi: rgba(255, 255, 255, .6);--stroke: rgba(12, 20, 48, .08);--stroke-strong: rgba(12, 20, 48, .14);--text: #0a1330;--muted: #56679a;--faint: #8593bb}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:SF Pro Display,-apple-system,Segoe UI,Roboto,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overflow-x:hidden;letter-spacing:-.01em}body:before{content:"";position:fixed;inset:-20% -20% auto -20%;height:60vh;z-index:-1;background:radial-gradient(45% 55% at 20% 15%,var(--bg-glow1),transparent 70%),radial-gradient(50% 55% at 85% 5%,var(--bg-glow2),transparent 70%);filter:blur(20px)}.app{max-width:480px;margin:0 auto;padding:14px 16px calc(96px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 18px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px}.brand .dot{width:30px;height:30px;border-radius:10px;background:var(--grad);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.brand .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-120%);animation:sheen 4.5s ease-in-out infinite}.icon-btn{background:var(--card);border:1px solid var(--stroke);color:var(--text);width:42px;height:42px;border-radius:13px;font-size:18px;cursor:pointer;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transition:transform .5s var(--tap),background .2s;display:grid;place-items:center}.icon-btn:active{transform:rotate(35deg) scale(.9)}.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--card-hi),transparent)}.card h3{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:700;margin-bottom:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.big{font-size:30px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.muted{color:var(--muted);font-size:13px}.faint{color:var(--faint);font-size:12px}.pill{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em}.pill.ok{background:#34d39924;color:var(--ok);box-shadow:0 0 0 1px #34d39940}.pill.ok:before{content:"●";margin-right:5px;animation:pulseDot 2s ease-in-out infinite}.pill.off{background:#fb718524;color:var(--danger)}.pill.pro{background:var(--grad);color:#fff;box-shadow:var(--shadow-glow)}.bar{height:12px;border-radius:999px;background:#00000040;overflow:hidden;margin-top:10px;position:relative}:root[data-theme=light] .bar{background:#0c143014}.bar>span{display:block;height:100%;background:var(--grad);border-radius:999px;width:0;transition:width 1s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.bar>span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translate(-100%);animation:shine 2.4s ease-in-out infinite}.btn{display:block;width:100%;padding:16px;border:none;border-radius:var(--radius-sm);background:var(--grad);background-size:180% 180%;color:#fff;font-size:16px;font-weight:800;cursor:pointer;margin-top:10px;box-shadow:var(--shadow-glow);transition:transform .18s var(--tap),box-shadow .2s,filter .2s;animation:gradShift 6s ease infinite}.btn:active{transform:scale(.97);filter:brightness(1.06)}.btn:disabled{opacity:.55;box-shadow:none}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--stroke-strong);box-shadow:none;animation:none;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:16px;cursor:pointer;text-align:left;box-shadow:var(--shadow);color:var(--text);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));position:relative;overflow:hidden;transition:transform .18s var(--tap),border-color .2s,box-shadow .2s}.tile:active{transform:scale(.96)}.tile.sel{border-color:#2a7bff66;background-image:var(--grad-soft);box-shadow:inset 3px 0 0 0 var(--accent2),var(--shadow)}.tile .price{font-size:17px;font-weight:800}.tile .sub{font-size:12px;color:var(--faint);margin-top:2px}.seg{display:flex;gap:5px;background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:5px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.seg button{flex:1;border:none;background:none;color:var(--muted);padding:11px 6px;border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:color .2s,background .3s,transform .2s var(--tap)}.seg button:active{transform:scale(.93)}.seg button.on{background:var(--grad);color:#fff;box-shadow:var(--shadow-glow)}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.tabbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:452px;display:flex;padding:6px;gap:2px;background:var(--card);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.tabbar button{flex:1;background:none;border:none;color:var(--faint);padding:8px 0;font-size:10px;font-weight:600;cursor:pointer;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:3px;transition:color .2s,background .3s,transform .2s var(--tap)}.tabbar button .ico{font-size:19px;transition:transform .3s var(--tap)}.tabbar button.active{color:var(--text);background:var(--grad-soft)}.tabbar button.active .ico{transform:translateY(-1px) scale(1.14)}.tabbar button:active{transform:scale(.9)}.qr{width:210px;height:210px;border-radius:18px;background:#fff;padding:12px;margin:4px auto 0;display:block;box-shadow:var(--shadow)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;word-break:break-all;color:var(--muted);background:#0000002e;padding:10px 12px;border-radius:12px}:root[data-theme=light] .mono{background:#0c14300d}.back{background:none;border:none;color:var(--accent);font-size:15px;font-weight:600;cursor:pointer;margin-bottom:12px;padding:6px 2px}.back:active{opacity:.6}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:var(--card-solid);border:1px solid var(--stroke-strong);color:var(--text);padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:toastIn .35s var(--tap);z-index:20}.txrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--stroke);font-size:14px}.txrow:last-child{border-bottom:none}.center{text-align:center}.reveal{opacity:0;animation:fadeUp .55s var(--tap) forwards;animation-delay:calc(var(--i, 0) * 70ms)}.view{animation:viewIn .4s ease}.sk{border-radius:14px;background:linear-gradient(100deg,var(--card) 30%,var(--card-hi) 50%,var(--card) 70%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.sk-card{height:118px;margin-bottom:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes shine{0%{transform:translate(-100%)}60%,to{transform:translate(220%)}}@keyframes sheen{0%{transform:translate(-120%)}55%,to{transform:translate(220%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}