:root{--bg:#0a0e0d;--bg-glow-1:#4ce0b312;--bg-glow-2:#2878c80d;--surface:#121817;--surface-2:#1a2220;--surface-3:#212b28;--border:#ffffff12;--border-strong:#ffffff24;--text:#eaf2f0;--muted:#8ba09b;--mint:#4ce0b3;--mint-2:#8ffad0;--mint-deep:#0fae81;--mint-soft:#4ce0b321;--up:#3ddc97;--up-soft:#3ddc9724;--down:#ff5c8a;--down-soft:#ff5c8a21;--violet:#a78bfa;--gold:#f5c15e;--shadow:0 16px 48px #00000080;--card-sheen:inset 0 1px 0 #ffffff0b;--nav-bg:#101615d1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f1f5f4;--bg-glow-1:#0fae8114;--bg-glow-2:#2878c80d;--surface:#fff;--surface-2:#edf3f1;--surface-3:#e2eae8;--border:#0a28221a;--border-strong:#0a28222e;--text:#12201c;--muted:#5c706b;--mint:#0fae81;--mint-2:#34c79a;--mint-deep:#0a8d68;--mint-soft:#0fae811f;--up:#12a06a;--up-soft:#12a06a1f;--down:#e0446f;--down-soft:#e0446f1a;--violet:#7c5ce0;--gold:#c98a1a;--shadow:0 14px 36px #14282424;--card-sheen:inset 0 1px 0 #ffffffb3;--nav-bg:#ffffffd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}#root{background:radial-gradient(560px 380px at 12% -6%, var(--bg-glow-1), transparent 62%), radial-gradient(520px 420px at 95% 8%, var(--bg-glow-2), transparent 60%), var(--bg);background-attachment:fixed;flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=500px){body{background:#050807}:root[data-theme=light] body{background:#dde5e3}#root{border-left:1px solid var(--border);border-right:1px solid var(--border)}}button{font-family:inherit}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:10px;display:flex}.label{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.card{background:linear-gradient(160deg, var(--surface-2), var(--surface) 55%);border:1px solid var(--border);box-shadow:var(--card-sheen);border-radius:20px}.card.pad{padding:16px}.card.glow-mint{box-shadow:var(--card-sheen), 0 0 28px #4ce0b31a;border-color:#4ce0b359}.card.glow-up{box-shadow:var(--card-sheen), 0 0 32px #3ddc9724;border-color:#3ddc9766}.card.glow-down{box-shadow:var(--card-sheen), 0 0 32px #ff5c8a1f;border-color:#ff5c8a66}.btn{letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg, var(--mint-2), var(--mint-deep));color:#04120c;border:none;border-radius:15px;padding:14px 18px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 6px 20px #4ce0b338,inset 0 1px #ffffff40}:root[data-theme=light] .btn{color:#fff}.btn:hover{box-shadow:0 8px 26px #4ce0b34d,inset 0 1px #ffffff40}.btn:active{transform:scale(.975)translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:var(--card-sheen)}.btn.ghost:hover{border-color:var(--border-strong);box-shadow:var(--card-sheen)}.btn.up{color:#04140c;background:linear-gradient(135deg,#63eab4,#14a86e);box-shadow:0 6px 20px #3ddc973d,inset 0 1px #ffffff40}.btn.down{color:#fff;background:linear-gradient(135deg,#ff85a8,#e0356b);box-shadow:0 6px 20px #ff5c8a38,inset 0 1px #ffffff38}:root[data-theme=light] .btn.up{color:#fff}.chip{background:var(--mint-soft);color:var(--mint);letter-spacing:.2px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip.up{background:var(--up-soft);color:var(--up)}.chip.down{background:var(--down-soft);color:var(--down)}.chip.neutral{background:var(--surface-3);color:var(--muted)}.chip.violet{color:var(--violet);background:#a78bfa24}.chip.gold{color:var(--gold);background:#f5c15e24}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}.seg button.on{background:linear-gradient(135deg, var(--mint-2), var(--mint-deep));color:#04120c;box-shadow:0 3px 12px #4ce0b34d}:root[data-theme=light] .seg button.on{color:#fff}.input{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:14px;outline:none;padding:13px 14px;font-family:inherit;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:#4ce0b38c;box-shadow:0 0 0 3px #4ce0b31f}.input::placeholder{color:var(--muted);font-weight:500}.navpill{bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:24px;width:calc(100% - 32px);max-width:408px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0006}.navbtn{cursor:pointer;color:var(--muted);letter-spacing:.3px;background:0 0;border:none;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 7px;font-size:10.5px;font-weight:600;transition:color .18s,background .18s;display:flex;position:relative}.navbtn .ico{transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:flex}.navbtn.on{color:var(--mint);background:var(--mint-soft);font-weight:800}.navbtn.on .ico{transform:translateY(-1px)scale(1.08)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page{animation:.32s cubic-bezier(.22,.8,.3,1) both fadeUp}@keyframes pulseDot{0%,to{box-shadow:0 0 #4ce0b380}50%{box-shadow:0 0 0 5px #4ce0b300}}.livedot{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulseDot}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.breathe{animation:3.2s ease-in-out infinite breathe}@keyframes spinSlow{to{transform:rotate(360deg)}}.hscroll{scrollbar-width:none;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}main{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}main::-webkit-scrollbar{width:5px}main::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}.grad-text{background:linear-gradient(120deg, var(--mint-2), var(--mint) 45%, var(--mint-deep));color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sheet{background:linear-gradient(180deg, var(--surface-2), var(--surface) 40%);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow);padding:14px 22px calc(22px + env(safe-area-inset-bottom));border-bottom:none;border-radius:26px 26px 0 0;flex-direction:column;align-items:center;gap:12px;animation:.28s cubic-bezier(.22,.9,.3,1) both sheetUp;display:flex}.sheet-grabber{background:var(--border-strong);border-radius:2px;width:42px;height:4px}
