:root{color-scheme:dark;--bg: #06080f;--panel: rgba(14, 18, 30, .82);--panel-border: rgba(120, 140, 200, .18);--text: #e6ecf5;--muted: #8c97ad;--accent: #6bb5ff}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{position:relative;width:100%;height:100%}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{display:block;cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}.sidebar{position:absolute;top:16px;right:16px;width:320px;max-height:calc(100% - 32px);overflow-y:auto;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:12px;padding:16px;font-size:13px;line-height:1.45;z-index:10}.sidebar h1{font-size:16px;margin:0 0 4px;letter-spacing:.3px}.sidebar .subtitle{color:var(--muted);font-size:11px;margin-bottom:14px}.sidebar h2{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:16px 0 6px;font-weight:600}.row{display:flex;align-items:center;gap:8px;margin:4px 0}.row label{flex:1;color:var(--muted)}.row .value{color:var(--text);font-variant-numeric:tabular-nums}.seg{display:flex;background:#0000004d;border-radius:6px;padding:2px}.seg button{flex:1;background:transparent;border:0;color:var(--muted);padding:6px 8px;font-size:12px;border-radius:4px;cursor:pointer;font-family:inherit}.seg button.active{background:#6bb5ff2e;color:var(--text)}.seg button:hover:not(.active){color:var(--text)}input[type=range]{width:100%;accent-color:var(--accent)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:6px;font-size:11px}.legend .item{display:flex;align-items:center;gap:6px;color:var(--muted)}.legend .swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.detail{background:#00000040;border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;margin-top:6px}.detail .ticker{font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:18px;font-weight:700;letter-spacing:1px}.detail .sector{font-size:11px;color:var(--muted);margin-top:2px}.kv{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin-top:8px;font-size:12px}.kv .k{color:var(--muted)}.kv .v{font-variant-numeric:tabular-nums;text-align:right}.kv .v.pos{color:#6bd49a}.kv .v.neg{color:#ff7e8b}.tooltip{pointer-events:none;background:#080c16eb;border:1px solid var(--panel-border);padding:6px 9px;border-radius:6px;font-size:12px;white-space:nowrap;transform:translate(12px,-50%);font-family:SF Mono,ui-monospace,Menlo,monospace}.tooltip .t{font-weight:700;letter-spacing:.5px}.tooltip .s{color:var(--muted);font-size:10px;margin-top:2px;font-family:-apple-system,sans-serif}.hint{position:absolute;bottom:14px;left:16px;font-size:11px;color:var(--muted);background:var(--panel);border:1px solid var(--panel-border);padding:8px 12px;border-radius:8px;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hint kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:3px;padding:1px 5px;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:10px;margin:0 2px}