:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#fff;--surface:#f6f7f9;--surface-hover:#eceef2;--border:#e1e4ea;--grid:#f0f2f5;--text:#131722;--text-muted:#6a7185;--accent:#2962ff;--accent-soft:#2962ff1a;--up:#089981;--down:#f23645;--volume-up:#08998159;--volume-down:#f2364559;--warn-bg:#fff4e0;--warn-text:#8a5300}@media (prefers-color-scheme:dark){:root{--bg:#131722;--surface:#1c2030;--surface-hover:#262b3d;--border:#2a2e39;--grid:#1c2030;--text:#d1d4dc;--text-muted:#8b91a3;--accent:#5b8cff;--accent-soft:#5b8cff26;--up:#26a69a;--down:#ef5350;--volume-up:#26a69a59;--volume-down:#ef535059;--warn-bg:#3a2c10;--warn-text:#f5c26b}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 var(--font-sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(135deg, var(--up) 50%, var(--down) 50%);border-radius:3px;width:14px;height:14px}.search{flex:280px;max-width:460px;position:relative}.search-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:6px;outline:none;padding:7px 12px}.search-input:focus{border-color:var(--accent);background:var(--bg)}.search-results{z-index:20;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:60vh;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.search-results li{cursor:pointer;grid-template-columns:minmax(90px,auto) 1fr auto;align-items:center;gap:12px;padding:7px 12px;display:grid}.search-results li.active{background:var(--surface-hover)}.search-secid{font-weight:600;font-family:var(--font-mono);font-size:13px}.search-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-tags{gap:4px;display:flex}.intervals{gap:2px;display:flex}.intervals button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:4px;padding:5px 9px}.intervals button:hover{background:var(--surface-hover);color:var(--text)}.intervals button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.badge{background:var(--surface-hover);color:var(--text-muted);white-space:nowrap;border-radius:4px;padding:1px 7px;font-size:11px;display:inline-block}.badge.warn{background:var(--warn-bg);color:var(--warn-text)}.badge.class-bond{color:#b26a00}.badge.class-share,.badge.class-share_pref{color:var(--accent)}.badge.class-metal{color:#a08000}.badge.class-fund{color:#7b52c4}.badge.class-index{color:var(--up)}.workspace{flex:1;min-height:0;display:flex}.chart{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chart-canvas{flex:1;min-height:0}.chart-legend{z-index:5;font-variant-numeric:tabular-nums;pointer-events:none;flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex;position:absolute;top:8px;left:12px;right:80px}.chart-legend-title{font-weight:600}.chart-overlay{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chart-overlay.error{color:var(--down)}.chart-badges{z-index:5;gap:6px;display:flex;position:absolute;bottom:36px;left:12px}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--text-muted)}.info{border-left:1px solid var(--border);flex-shrink:0;width:300px;padding:16px;overflow-y:auto}.info-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.info-secid{font-size:18px;font-weight:700;font-family:var(--font-mono)}.info-name{color:var(--text-muted);margin:6px 0 12px}.info h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:18px 0 6px;font-size:12px}.info dl{margin:0}.info-row{border-bottom:1px solid var(--grid);justify-content:space-between;gap:12px;padding:5px 0;display:flex}.info-row dt{color:var(--text-muted)}.info-row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.info-source{color:var(--text-muted);margin-top:18px;font-size:12px}.info-source a{color:inherit}.page-error{color:var(--down);margin:24px}@media (width<=800px){.workspace{flex-direction:column}.chart{min-height:60vh}.info{border-left:0;border-top:1px solid var(--border);width:auto}.chart-legend{font-size:12px;right:12px}}