:root{color-scheme:dark;--bg:#0c0c0c;--surface:#141414;--surface-2:#262626;--border:#303030;--text:#ccc;--text-muted:#767676;--accent:#3a96dd;--amber:#f9f1a5;--on-accent:#0c0c0c;--select-bg:#ccc;--select-text:#0c0c0c;--up:#16c60c;--down:#e74856;--tco:#ffb000;--panel:#ffb000;--wick-fill:#3b78ff1f;--line-1:#61d6d6;--line-2:#b4009e;--line-3:#f2f2f2;--line-4:#3b78ff;--line-5:#f9f1a5;--font-mono:"Cascadia Mono", "Cascadia Code", Consolas, ui-monospace, "SF Mono", Menlo, "Roboto Mono", "DejaVu Sans Mono", monospace;--font-size:14px;--topbar-h:52px;--toolbar-h:40px;font-family:var(--font-mono);font-size:var(--font-size);-webkit-text-size-adjust:100%;font-weight:400}:root[data-theme=light]{color-scheme:light;--bg:#f2f2f2;--surface:#e8e8e8;--surface-2:#d9d9d9;--border:#c4c4c4;--text:#0c0c0c;--text-muted:#5a5a5a;--accent:#0037da;--amber:#7a6600;--on-accent:#f2f2f2;--select-bg:#0c0c0c;--select-text:#f2f2f2;--up:#13a10e;--down:#c50f1f;--tco:#9a6200;--panel:#9a6200;--wick-fill:#0037da1a;--line-1:#0f7a8a;--line-2:#881798;--line-3:#0c0c0c;--line-4:#0037da;--line-5:#7a6600}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}::selection{background:var(--select-bg);color:var(--select-text)}.app{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;display:flex}.symbol-button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:6px;min-width:0;max-width:58%;padding:4px 6px;display:flex}.symbol-button:hover,.symbol-button:focus-visible{border-color:var(--border);background:var(--surface);outline:none}.symbol-text{flex-direction:column;min-width:0;display:flex}.symbol-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chevron{fill:none;width:12px;height:12px;stroke:var(--text-muted);stroke-width:2px;flex-shrink:0}.symbol-source{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quote{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;margin-left:auto;line-height:1.25;display:flex}.quote-last{color:var(--text)}.quote-change{color:var(--text-muted)}.quote-change[data-sign=up]{color:var(--up)}.quote-change[data-sign=down]{color:var(--down)}.icon-button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;place-items:center;display:grid}.icon-button:hover,.icon-button:focus-visible{border-color:var(--border);color:var(--accent);outline:none}.icon-button svg{fill:currentColor;stroke:currentColor;stroke-width:1.6px;width:15px;height:15px}.toolbar{height:var(--toolbar-h);border-bottom:1px solid var(--border);scrollbar-width:none;flex-shrink:0;align-items:center;gap:14px;padding:0 8px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.segmented{flex-shrink:0;gap:2px;display:flex}.segmented button{min-width:34px;height:26px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 7px}.segmented button:hover{color:var(--accent)}.segmented button[aria-checked=true]{background:var(--select-bg);color:var(--select-text)}.segmented button:disabled{opacity:.3;cursor:default;color:var(--text-muted)}.app{position:relative}.menu-button{border:1px solid var(--border);height:26px;color:var(--text);cursor:pointer;background:0 0;flex-shrink:0;padding:0 8px}.menu-button:hover,.menu-button[aria-expanded=true]{border-color:var(--text)}.menu{z-index:10;top:calc(var(--topbar-h) + var(--toolbar-h) - 4px);border:1px solid var(--text-muted);background:var(--bg);min-width:220px;padding:6px 0;position:absolute;left:8px;box-shadow:0 8px 24px #00000080}.menu[hidden]{display:none}.menu-title{color:var(--text-muted);padding:6px 12px 2px}.menu-item{cursor:pointer;user-select:none;align-items:baseline;gap:8px;padding:6px 12px;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item input{opacity:0;pointer-events:none;position:absolute}.menu-item .box{color:var(--text-muted)}.menu-item .box:before{content:"[ ]"}.menu-item input:checked+.box{color:var(--accent)}.menu-item input:checked+.box:before{content:"[x]"}.menu-item input:focus-visible+.box{outline:1px solid var(--accent)}.menu-item small{color:var(--text-muted);margin-left:auto;padding-left:12px}.content{flex-direction:column;flex:1;min-height:0;display:flex}.chart-wrap{flex:1;min-width:0;min-height:0;position:relative}.chart{position:absolute;inset:0}.chart-message{text-align:center;color:var(--amber);margin:0;position:absolute;inset:auto 16px 50%}.panel{border-top:1px solid var(--border);flex-shrink:0;padding:4px 8px 6px}.panel[hidden]{display:none}.panel-head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-list{grid-auto-columns:168px;grid-auto-flow:column;gap:12px;padding-top:4px;display:grid;overflow-x:auto}.tile{min-width:0;line-height:1.35}.tile-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-value,.tile-meta{white-space:nowrap}.tile-meta{color:var(--text-muted)}.tile-change[data-sign=up]{color:var(--up)}.tile-change[data-sign=down]{color:var(--down)}.tile-chart{width:100%;height:40px;margin-top:2px;display:block}.tile-chart .area{fill:var(--panel);fill-opacity:.15}.tile-chart .line{fill:none;stroke:var(--panel);stroke-width:1.5px;vector-effect:non-scaling-stroke}.tile-chart .bar{fill:var(--panel)}.tile-chart .zero{stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}@media (width>=900px){.content{flex-direction:row}.panel{border-top:0;border-left:1px solid var(--border);width:260px;padding:6px 12px;overflow-y:auto}.panel-list{grid-auto-columns:auto;grid-auto-flow:row;gap:16px;padding-top:10px;overflow-x:visible}}.attribution{padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;flex-shrink:0;gap:2px 12px;display:flex}.attribution a{color:var(--text);text-decoration-color:var(--border);text-underline-offset:3px}.attribution a:hover{color:var(--accent)}.symbol-dialog{border:1px solid var(--text-muted);background:var(--bg);width:min(560px,100vw - 16px);max-height:min(640px,100dvh - 32px);color:var(--text);padding:0;box-shadow:0 8px 24px #00000080}.symbol-dialog[open]{flex-direction:column;display:flex}.symbol-dialog::backdrop{background:#000000b3}.dialog-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.search{min-width:0;height:34px;color:var(--text);caret-color:var(--text);background:0 0;border:0;flex:1;padding:0 4px}.search::placeholder{color:var(--text-muted)}.search:focus{outline:none}.search::-webkit-search-cancel-button{display:none}.symbol-list{padding:2px 0 8px;overflow-y:auto}.symbol-group{color:var(--text-muted);padding:12px 12px 4px}.symbol-option{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;width:100%;padding:7px 12px 7px 26px;display:flex;position:relative}.symbol-option:before{content:"";color:var(--text);position:absolute;top:7px;left:10px}.symbol-option:hover,.symbol-option:focus-visible{background:var(--surface-2);outline:none}.symbol-option[aria-selected=true]:before{content:"*"}.symbol-option small{color:var(--text-muted)}@media (width>=768px){.topbar{padding:0 12px}.symbol-button{max-width:none}.symbol-text{flex-direction:row;align-items:baseline;gap:10px}.quote{flex-direction:row;align-items:baseline;gap:10px;margin-left:16px;margin-right:auto}}button,input,b,strong,small{font-size:var(--font-size);font-weight:400}@media (width<=767px){.search{font-size:16px}}
