:root{--bg: #2f323c;--panel: #383b46;--line: #4d515c;--text: #d1d4dc;--muted: #9aa0ab;--up: #2ebd85;--down: #f0616d;--gold: #e8b04a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-text-size-adjust:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.app{display:grid;grid-template-columns:168px 1fr;height:100%}.watch{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.watch ul{list-style:none;margin:0;padding:0}.watch .lists{overflow-y:auto;flex:1;padding:4px 0}.watch h4{margin:10px 12px 4px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.watch li{display:flex;align-items:center;border-left:3px solid transparent}.watch li.on{border-left-color:var(--gold);background:#444856}.watch .sym{flex:1;text-align:left;padding:10px 12px;font-weight:500}.watch .x{color:var(--muted);padding:10px 12px;opacity:0}.watch li:hover .x,.watch li:focus-within .x{opacity:1}.add{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line)}.add input{min-width:0;flex:1;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 8px;font-size:12px}.add button{padding:0 10px;border:1px solid var(--line);border-radius:4px}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:8px 12px;border-bottom:1px solid var(--line)}.quote{display:flex;align-items:baseline;gap:10px}.quote strong{font-size:16px;font-weight:600}.px,.chg{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.chg.up{color:var(--up)}.chg.down{color:var(--down)}.dot{width:8px;height:8px;border-radius:50%;background:var(--line);align-self:center}.dot.live{background:var(--up)}.seg{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.seg.wrap{flex-wrap:wrap}.seg button{padding:6px 12px;color:var(--muted);font-size:13px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{color:var(--bg);background:var(--gold);font-weight:600}.chart{flex:1;min-height:0}.error{margin:24px 16px;color:var(--down)}@media (max-width: 760px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.watch{border-right:0;border-bottom:1px solid var(--line);flex-direction:row}.watch .lists{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:0}.watch section{display:flex;align-items:center;flex:none}.watch h4{margin:0 4px 0 10px}.watch ul{display:flex}.watch li{border-left:0;border-bottom:3px solid transparent;flex:none}.watch li.on{border-bottom-color:var(--gold)}.watch .x{display:none}.add{border-top:0;border-left:1px solid var(--line);flex:none;width:150px}.bar{gap:8px 12px}}@media (prefers-reduced-motion: no-preference){.seg button,.watch li{transition:background .12s,color .12s}}.gear{padding:6px 12px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:13px}.gear.on{color:var(--gold);border-color:var(--gold)}.settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 14px;padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.settings h3{grid-column:1 / -1;margin:4px 0 0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-weight:600}.fld{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.fld input[type=number],.fld select{background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:6px 8px;font-size:14px}.fld input[type=checkbox]{width:18px;height:18px;margin-top:4px;accent-color:var(--gold)}.reset{grid-column:1 / -1;justify-self:start;padding:6px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--muted)}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.tools button{padding:5px 10px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:13px}.tools button.on{color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:600}.tools button:disabled{opacity:.4;cursor:default}.tools .rr{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-left:4px}.tools .rr input{width:56px;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:4px 6px;font-size:13px}.tools .sp{flex:1}.tools .hint{font-size:12px;color:var(--gold)}.error .retry{margin-left:8px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;color:var(--text)}