:root{color:#172027;font-synthesis:none;text-rendering:optimizelegibility;--red:#df333b;--green:#27934b;--ink:#172027;--muted:#65747d;--line:#cfd6da;--line-soft:#e4e9ec;--surface:#fff;--surface-alt:#f4f7f8;--nav:#18262e;--blue:#1778d4;--amber:#eb8a00;background:#eef2f4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef2f4;min-width:320px}body{background:#eef2f4;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #1683ff}.app-shell{width:100%;min-height:100vh}.app-header{z-index:30;color:#fff;background:var(--nav);border-bottom:1px solid #081116;grid-template-columns:210px minmax(0,1fr) auto;min-height:56px;display:grid;position:sticky;top:0}.brand{color:#fff;border-right:1px solid #314149;align-items:center;gap:10px;min-width:0;padding:0 16px;text-decoration:none;display:flex}.brand-mark{color:#172027;background:#ffd04c;border-radius:4px;place-items:center;width:30px;height:30px;display:grid}.brand>span:last-child{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.brand strong{letter-spacing:0;font-size:15px}.brand small{color:#9eacb3;letter-spacing:0;font-size:10px;font-weight:700}.symbol-tabs{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.symbol-tabs::-webkit-scrollbar{display:none}.symbol-tabs button{text-align:left;color:#dbe2e5;cursor:pointer;background:0 0;border-top:0;border-bottom:3px solid #0000;border-left:0;border-right:1px solid #314149;grid-template-rows:auto auto;grid-template-columns:auto auto;min-width:140px;padding:7px 14px 6px;display:grid}.symbol-tabs button:hover{background:#21323a}.symbol-tabs button.active{background:#243740;border-bottom-color:#ffd04c}.symbol-tabs strong{font-size:13px}.symbol-tabs span{justify-self:end;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.symbol-tabs em{grid-column:2;justify-self:end;font-size:10px;font-style:normal}.header-actions{border-left:1px solid #314149;justify-content:flex-end;align-items:center;gap:8px;padding:0 12px;display:flex}.header-jump-button{color:#172027;letter-spacing:0;white-space:nowrap;cursor:pointer;background:#ffd04c;border:1px solid #ffd04c;border-radius:4px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.header-jump-button:hover{background:#f5bf35;border-color:#f5bf35}.icon-button{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:#ffffff14;border-color:#ffffff1f}.status-strip{color:#5d6b73;border-bottom:1px solid var(--line);white-space:nowrap;background:#edf1f3;align-items:center;gap:18px;min-height:30px;padding:0 14px;font-size:10px;font-weight:700;display:flex;overflow-x:auto}.status-strip span{align-items:center;gap:5px;display:inline-flex}.status-strip .data-mode.delayed,.chain-quote-time.delayed{color:var(--amber)}.status-strip .data-mode.realtime,.chain-quote-time.realtime{color:var(--green)}.status-strip time{margin-left:auto}.feed.connected{color:var(--green)}.feed.disconnected{color:var(--amber)}.cache-notice{color:#745200;background:#fff3c9;border-bottom:1px solid #ead68f;padding:7px 14px;font-size:12px;font-weight:600}.stock-workspace,.options-workspace{background:var(--surface);border-bottom:1px solid var(--line);width:100%}.options-workspace{scroll-margin-top:56px}.stock-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;min-height:76px;display:flex}.symbol-quote{align-items:center;gap:18px;min-width:0;padding:10px 16px;display:flex}.symbol-quote>div:first-child{min-width:90px}.symbol-quote h1{letter-spacing:0;margin:0;font-size:20px;line-height:1.05}.symbol-quote>div:first-child span{max-width:140px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.symbol-quote>strong{letter-spacing:0;min-width:100px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:27px}.quote-change{min-width:75px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:grid}.quote-stats{border-left:1px solid var(--line-soft);gap:16px;margin:0;padding-left:18px;display:flex}.quote-stats div{min-width:52px}.quote-stats dt{color:#7a878e;font-size:9px;font-weight:700}.quote-stats dd{white-space:nowrap;margin:4px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.positive{color:var(--red)!important}.negative{color:var(--green)!important}.neutral{color:inherit}.stock-intervals{border-left:1px solid var(--line);flex-shrink:0;align-items:stretch;display:flex}.stock-intervals button{color:#48565e;border:0;border-right:1px solid var(--line);cursor:pointer;background:#f4f6f7;border-bottom:3px solid #0000;min-width:66px;padding:0 12px;font-size:12px;font-weight:650}.stock-intervals button:hover{background:#e9eef0}.stock-intervals button.active{color:#10181d;background:#fff;border-bottom-color:#1778d4}.market-chart{min-width:0}.chart-legend,.macd-header{color:#4f5e66;border-bottom:1px solid var(--line);white-space:nowrap;background:#f1f4f6;align-items:center;min-height:31px;padding:0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex;overflow-x:auto}.legend-main,.ma-legend{align-items:center;gap:13px;display:flex}.legend-main strong{color:#182126}.legend-label{color:#69777f;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800}.ma-legend{margin-left:auto}.live-candle{color:#8b5600;background:#ffe3a3;border-radius:3px;padding:2px 5px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800}.history-loading{color:#336a8b;font-size:9px;font-weight:800}.price-chart-shell,.macd-chart-shell,.option-chart-shell{position:relative}.price-chart-shell{height:430px;min-height:320px}.price-chart-canvas,.macd-chart-canvas,.option-chart-canvas{width:100%;height:100%}.macd-header{border-top:1px solid var(--line);gap:16px}.macd-header>span:first-child{color:#1f2a30;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.macd-hist{color:var(--green)}.macd-dif{color:#ff7a00}.macd-dea{color:#1683ff}.raw-label{color:#78868e;margin-left:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800}.macd-chart-shell{height:155px}.chart-state,.table-state{color:#6f7d85;background:#ffffffd1;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.chart-state.compact{font-size:11px}.options-toolbar{border-bottom:1px solid var(--line);background:#e9eef0;align-items:center;gap:20px;min-height:52px;padding:0 14px;display:flex}.options-title{align-items:center;gap:8px;display:flex}.options-title h2{letter-spacing:0;margin:0;font-size:13px}.options-title>span{color:#718087;font-size:9px;font-weight:700}.expiration-select{color:#6a7880;align-items:center;gap:7px;margin-left:auto;font-size:9px;font-weight:800;display:flex}.expiration-select select{color:#1b252a;background:#fff;border:1px solid #bfc9ce;border-radius:4px;min-width:144px;height:30px;padding:0 28px 0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.chain-quote-time{color:#6d7a82;text-align:right;min-width:96px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.options-content{grid-template-columns:minmax(0,1fr) 370px;height:clamp(420px,68vh,620px);min-height:0;display:grid;overflow:hidden}.chain-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;min-width:0;min-height:0;position:relative;overflow:auto}.option-chain{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;min-width:1880px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.option-chain th,.option-chain td{text-align:right;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e4e8ea;border-right:1px solid #e4e8ea;height:29px;padding:0 6px;overflow:hidden}.option-chain col.quote-column{width:76px}.option-chain col.strike-column{width:60px}.option-chain thead{position:static}.option-chain thead th{z-index:5;color:#5e6c74;text-align:center;background:#eef2f4;height:30px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:9px;font-weight:800;position:sticky;top:28px}.option-chain .chain-groups th{z-index:6;color:#223039;background:#dde5e8;height:28px;font-size:10px;top:0}.option-chain .chain-groups th:first-child{color:#a6262d}.option-chain .chain-groups th:last-child{color:#20733d}.option-chain tbody tr:nth-child(2n) td,.option-chain tbody tr:nth-child(2n) th{background:#fafbfb}.option-chain tbody tr:hover td,.option-chain tbody tr:hover th{background:#fff7d9}.option-chain .strike-head,.option-chain .strike-cell{color:#152027;text-align:center;width:60px;max-width:60px;padding-left:3px;padding-right:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;background:#dbe4e8!important}.option-chain tr.at-money td,.option-chain tr.at-money th{border-top:1px solid #dcad28;border-bottom:1px solid #dcad28}.option-chain td.selected{box-shadow:inset 0 0 0 1px #4a9de4;background:#dceeff!important}.option-chain .option-price-up{color:var(--green)}.option-chain .option-price-down{color:var(--red)}.chain-price-button{width:100%;height:27px;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:4px;padding:0;display:inline-flex}.chain-price-button:hover{color:#0b63ae}.option-detail{border-left:1px solid var(--line);background:#fff;min-width:0;min-height:0;overflow:hidden}.option-detail-header{border-bottom:1px solid var(--line);background:#f0f3f5;justify-content:space-between;align-items:center;height:44px;padding:0 10px 0 12px;display:flex}.option-detail-header>div{align-items:center;gap:8px;display:flex}.option-detail-header strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.option-detail-header span:last-child{color:#708087;font-size:10px}.option-detail-placeholder-title{color:#627078}.option-detail .icon-button:hover{background:#dfe6e9;border-color:#c7d0d4}.option-type{color:#fff;text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:800}.option-type.call{background:var(--red)}.option-type.put{background:var(--green)}.option-detail-quote{border-bottom:1px solid var(--line-soft);align-items:baseline;gap:12px;height:42px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.option-detail-quote strong{font-size:20px}.option-detail-quote span{color:#69777f;font-size:9px}.option-intervals{border-bottom:1px solid var(--line);height:34px;display:flex}.option-intervals button{border:0;border-right:1px solid var(--line);cursor:pointer;background:#f5f7f8;border-bottom:2px solid #0000;width:58px;font-size:10px;font-weight:700}.option-intervals button.active{color:var(--blue);border-bottom-color:var(--blue);background:#fff}.option-intervals button:disabled{color:#9aa5aa;cursor:default}.option-metrics{border-bottom:1px solid var(--line);background:#fff;align-items:stretch;height:34px;display:flex}.option-metrics button{color:#64747c;border:0;border-right:1px solid var(--line-soft);cursor:pointer;background:#fff;border-bottom:2px solid #0000;flex:1 1 0;min-width:0;padding:0 3px;font-size:9px;font-weight:700}.option-metrics button.active{color:var(--blue);border-bottom-color:var(--blue)}.option-metrics button:disabled{color:#aeb7bb;cursor:default}.option-metric-live{color:#237943;white-space:nowrap;background:#edf8f0;border:1px solid #acd7b9;align-self:center;margin:0 6px;padding:2px 4px;font-size:8px;font-weight:800}.option-chart-shell{height:calc(100% - 154px);min-height:264px;position:relative}.option-chart-empty{color:#7a878d;background:#fff;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:0}.option-chart-empty strong{color:#4f5d64;font-size:10px}.option-chart-empty span{font-size:9px}@media (max-width:1180px){.quote-stats{display:none}.stock-toolbar{display:block}.stock-intervals{border-top:1px solid var(--line);border-left:0;height:42px;overflow-x:auto}.stock-intervals button{min-width:76px}.options-content{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:820px){.app-header{grid-template-columns:56px minmax(0,1fr) auto}.brand{padding:0 13px}.brand>span:last-child{display:none}.symbol-tabs button{min-width:118px;padding-left:9px;padding-right:9px}.header-actions{gap:4px;padding:0 6px}.header-jump-button{width:32px;padding:0}.header-jump-button span{display:none}.status-strip{gap:12px}.status-strip time{display:none}.symbol-quote{gap:10px}.symbol-quote>strong{min-width:auto;font-size:22px}.price-chart-shell{height:360px}.ma-legend{margin-left:20px}.options-toolbar{flex-wrap:wrap;gap:8px 14px;padding-top:8px;padding-bottom:8px}.expiration-select{margin-left:0}.chain-quote-time{margin-left:auto}.options-content{flex-direction:column-reverse;height:auto;display:flex}.chain-scroll{flex:0 0 clamp(300px,45vh,420px)}.option-detail{border-bottom:1px solid var(--line);border-left:0;flex:0 0 360px}.option-chart-shell{height:240px;min-height:0}}@media (max-width:520px){.symbol-quote>div:first-child span,.quote-change span:first-child{display:none}.symbol-quote>div:first-child{min-width:58px}.symbol-quote{padding-left:10px;padding-right:10px}.price-chart-shell{height:320px}.macd-chart-shell{height:132px}.chart-legend,.macd-header{padding-left:9px;padding-right:9px}.options-title>span,.chain-quote-time{display:none}.expiration-select{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}