:root{--up: #f23645;--down: #089981;--dif: #e8a020;--dea: #2e79b5;--mavol5: #e8a020;--mavol10: #2e79b5;--bg: #ffffff;--bg-elevated: #ffffff;--bg-subtle: #f6f7f9;--text: #131722;--text-dim: #5d6470;--text-faint: #9aa1ad;--border: #e6e9ef;--accent: #2962ff;--grid: #eef1f5}:root[data-theme=dark]{--bg: #0e1117;--bg-elevated: #161a23;--bg-subtle: #1b2029;--text: #e6e9ef;--text-dim: #a1a8b3;--text-faint: #6b7280;--border: #262c38;--grid: #1f2530}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans HK,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh}.app{max-width:1100px;margin:0 auto;padding:0 0 calc(16px + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:10;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:calc(10px + env(safe-area-inset-top)) 12px 10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.symbol{font-weight:700;font-size:15px}.tf-title{font-size:12px;color:var(--text-dim)}.spacer{flex:1}.pill-row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pill-row::-webkit-scrollbar{display:none}.pill{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:999px;padding:5px 12px;font-size:12px;white-space:nowrap;cursor:pointer}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.pill:disabled{opacity:.45;cursor:not-allowed}.icon-btn{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:8px;width:32px;height:32px;font-size:15px;cursor:pointer;line-height:1}.readout{padding:8px 12px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:12.5px;border-bottom:1px solid var(--border);background:var(--bg-elevated);font-variant-numeric:tabular-nums}.readout .k{color:var(--text-faint);margin-right:3px}.readout .up{color:var(--up)}.readout .down{color:var(--down)}.tag{border-radius:4px;padding:1px 6px;font-size:11.5px;border:1px solid var(--border);color:var(--text-dim)}.tag.hot{color:#fff;background:var(--up);border-color:var(--up)}.tag.cold{color:#fff;background:var(--down);border-color:var(--down)}.chart-wrap{position:relative;width:100%;height:min(74dvh,720px);min-height:420px;touch-action:pan-y}.chart{width:100%;height:100%}.status{padding:24px 16px;color:var(--text-dim);font-size:13px;text-align:center}.foot{padding:10px 12px 0;font-size:11.5px;color:var(--text-faint);display:flex;gap:12px;flex-wrap:wrap}