:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0b0d10;--fg: #e6e8eb;--muted: #8a9099;--accent: #4f9eff;--good: #2ecc71;--bad: #e74c3c;--border: #1f2329;--card: #14181d;--chart-bg: #0b0d10;--chart-grid: rgba(255,255,255,.06);--chart-grid-soft: rgba(255,255,255,.04);--chart-axis: #1f2329;--chart-text: #c8ccd1}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--fg: #1a1d21;--muted: #6b7380;--accent: #1f6feb;--good: #1e8e3e;--bad: #d93025;--border: #e3e6ea;--card: #f5f6f8;--chart-bg: #ffffff;--chart-grid: rgba(0,0,0,.07);--chart-grid-soft: rgba(0,0,0,.04);--chart-axis: #d8dce1;--chart-text: #4a5260}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent;touch-action:pan-y;overscroll-behavior:contain}.chart-wrap,.chart-canvas{touch-action:pan-y pinch-zoom}a{color:var(--accent);text-decoration:none}button{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;cursor:pointer}button:active{opacity:.7}button.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}button.danger{background:var(--bad);border-color:var(--bad);color:#2a0808;font-weight:600}button:disabled,button.primary:disabled,button.danger:disabled{opacity:.45;cursor:not-allowed;background:var(--card);color:var(--muted);border-color:var(--border)}input[type=text],input[type=password]{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}.app{min-height:100vh;display:flex;flex-direction:column}.app-nav{display:flex;gap:8px;flex-wrap:wrap;row-gap:6px;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--card);position:sticky;top:0;z-index:10}.app-nav a{padding:6px 10px;border-radius:6px;color:var(--muted)}.app-nav a.active{color:var(--fg);background:#4f9eff1f}.app-main{flex:1;padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.login-card{max-width:320px;margin:80px auto;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px}.login-card h1{margin:0 0 6px;font-size:22px}.login-card p{color:var(--muted);margin:0 0 16px}.login-card .row{display:flex;gap:8px;margin-top:12px}.login-card .error{color:var(--bad);margin-top:10px;font-size:13px}.muted{color:var(--muted)}.small{font-size:13px}.list-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;position:sticky;top:56px;z-index:5;padding:6px 0;background:var(--bg)}.list-header h2{margin:0;font-size:18px;flex:1}.filter-btn{position:relative}.filter-badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#06121f;border-radius:10px;padding:0 6px;font-size:11px;font-weight:700;line-height:16px;min-width:16px;text-align:center}.cards{display:flex;flex-direction:column;gap:8px}.card-link{color:inherit}.card-link .card{cursor:pointer;transition:border-color .12s}.card-link:active .card{border-color:var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.card-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-row+.card-row{margin-top:4px}.card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-score{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.dir-pill{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:flex-end;justify-content:center}.drawer{background:var(--card);border-top-left-radius:14px;border-top-right-radius:14px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--border)}.drawer-handle{width:40px;height:4px;border-radius:2px;background:var(--border);align-self:center;margin:6px 0 4px}.drawer-row{display:flex;gap:8px;align-items:center}.drawer-row.col{flex-direction:column;align-items:stretch;gap:6px}.drawer-toggle{display:flex;gap:8px;align-items:center;padding:8px 0}.drawer-actions{display:flex;gap:10px;margin-top:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chips-scroll::-webkit-scrollbar{height:4px}.chip{padding:6px 10px;border-radius:999px;font-size:13px;background:transparent;white-space:nowrap}.chip-on{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.tf-bar{display:flex;gap:4px;padding:4px 6px;margin-bottom:4px;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow-x:auto}.tf-btn{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:6px;cursor:pointer;white-space:nowrap}.tf-btn:hover{color:var(--fg)}.tf-btn.on{background:#4f9eff26;color:var(--fg);border-color:#4f9eff66}.chart-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--chart-bg)}.theme-toggle{font-size:16px;padding:6px 0;line-height:1;width:36px;text-align:center;flex:0 0 auto}.chart-canvas{width:100%;height:100%}.chart-band{position:absolute;top:0;bottom:28px;pointer-events:none;z-index:1}.chart-band-spike{background:#4f9eff1a;border-left:1px solid rgba(79,158,255,.35);border-right:1px solid rgba(79,158,255,.35)}.chart-band-range{background:#ffa5001a;border-left:1px solid rgba(255,165,0,.35);border-right:1px solid rgba(255,165,0,.35)}.detail-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.detail-header h2{margin:0;font-size:18px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}.detail-cell{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.detail-cell .k{color:var(--muted);font-size:12px}.detail-cell .v{font-size:16px;font-variant-numeric:tabular-nums}.nav-slot{display:contents}.nav-pickers{display:flex;gap:6px;align-items:center}.nav-pickers select{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:4px 6px;max-width:110px}.symbol-typeahead{position:relative}.symbol-typeahead input{font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:4px 6px;width:110px;text-transform:uppercase}.symbol-results{position:absolute;top:calc(100% + 4px);right:0;width:280px;max-width:calc(100vw - 24px);max-height:280px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #0006;z-index:50}.symbol-row{display:flex;gap:8px;align-items:baseline;padding:6px 10px;cursor:pointer;font-size:13px}.symbol-row:hover{background:#ffffff0d}.symbol-tkr{font-weight:700;min-width:56px}.symbol-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.step-row{display:flex;flex-direction:column;gap:6px;margin-top:8px}.step-pills{display:flex;gap:6px}.step-pill{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:4px 8px;flex:1;min-width:0;opacity:.55;font:inherit;color:inherit;text-align:left;cursor:pointer}.step-pill:hover{opacity:.85}.step-pill.on{opacity:1;border-color:var(--accent)}.step-pill.active{opacity:1;border-color:var(--accent);border-style:dashed}.step-num{width:20px;height:20px;border-radius:50%;background:var(--border);color:var(--fg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.step-pill.on .step-num{background:var(--accent);color:#06121f}.step-label{font-size:12px}.step-pill .small{font-size:11px}.step-actions{display:flex;gap:8px}.step-actions button{flex:1}.focus-row{display:flex;flex-direction:column;gap:6px;margin-top:10px}.focus-buttons{display:flex;gap:8px;flex-wrap:wrap}.focus-buttons button{flex:1;min-width:100px}.focus-date{color:var(--fg);font-weight:600}.dir-row{display:flex;align-items:center;gap:8px;margin-top:8px}.action-footer{display:flex;gap:10px;margin-top:10px;padding-bottom:env(safe-area-inset-bottom)}.error{color:var(--bad);margin-top:8px;font-size:13px}.notes{width:100%;font:inherit;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:10px;margin-top:10px;resize:vertical}.label-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;position:sticky;bottom:0;z-index:20;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 80%,transparent)}.label-footer button{min-height:48px;font-size:15px}.label-footer .lbl-good{background:var(--good);border-color:var(--good);color:#052812;font-weight:700}.label-footer .lbl-bad{background:var(--bad);border-color:var(--bad);color:#2a0808;font-weight:700}.label-footer .lbl-border{background:#c6973a;border-color:#c6973a;color:#2a1d05;font-weight:700}