:root{color-scheme:light;--bg: #f5f6f8;--text: #1d232f;--surface: #ffffff;--surface-alt: #f5f6f8;--border: #dfe3e8;--border-soft: #edf0f4;--border-strong: #cfd6df;--muted: #687182;--small-text: #6b7280;--button-bg: #f5f6f8;--button-hover: #e9edf3;--button-text: #2b3340;--selected-bg: #f0f4f9;--selected-border: #dce4ee;--tab-text: #384252;--active-bg: #1d232f;--active-text: #ffffff;--strike-bg: #faf6ea;--strike-text: #1d232f;--atm-bg: #eaf7ef;--atm-strike-bg: #d8f1e3;--positive: #0f8a55;--negative: #c2413a;--warning-bg: #fff7ed;--warning-border: #fed7aa;--warning-text: #7c2d12;--chart-grid: #d6d8dd;--chart-line: #2563eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}[data-theme=dark]{color-scheme:dark;--bg: #101318;--text: #e6eaf0;--surface: #171b22;--surface-alt: #202630;--border: #2b3340;--border-soft: #252c37;--border-strong: #3a4554;--muted: #9ba4b5;--small-text: #a3acba;--button-bg: #202630;--button-hover: #2b3340;--button-text: #e6eaf0;--selected-bg: #202a36;--selected-border: #334155;--tab-text: #c7ceda;--active-bg: #e6eaf0;--active-text: #101318;--strike-bg: #302b1f;--strike-text: #f2df9d;--atm-bg: #173326;--atm-strike-bg: #204831;--positive: #4ade80;--negative: #f87171;--warning-bg: #332115;--warning-border: #7c3f1d;--warning-text: #fed7aa;--chart-grid: #334155;--chart-line: #60a5fa}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0;padding:20px 16px}.sidebar-header,.dashboard-header,.panel-toolbar{align-items:center;display:flex;justify-content:space-between;gap:16px}.sidebar h2,.dashboard h1,.section-heading h3,.empty-state h3{margin:0}.sidebar h2{font-size:22px}.eyebrow{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:0;text-transform:uppercase}.icon-button{align-items:center;background:var(--button-bg);border:1px solid var(--border);border-radius:8px;color:var(--button-text);display:inline-flex;flex:0 0 auto;height:40px;justify-content:center;min-width:40px;padding:0 10px}.icon-button:hover{background:var(--button-hover)}.watchlist{display:grid;gap:8px;margin-top:20px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.watchlist-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:inherit;display:flex;justify-content:space-between;min-height:64px;padding:10px 12px;text-align:left;width:100%}.watchlist-item:hover,.watchlist-item.selected{background:var(--selected-bg);border-color:var(--selected-border)}.ticker-block,.quote-block,.news-item span{display:grid;gap:3px;min-width:0}.quote-block{text-align:right}small{color:var(--small-text);font-size:12px}.positive{color:var(--positive)}.negative{color:var(--negative)}.dashboard{display:flex;flex-direction:column;min-width:0;padding:24px}.dashboard-header{min-height:70px}.dashboard h1{font-size:34px;line-height:1.1}.quote-strip{align-items:center;display:flex;gap:12px}.quote-strip>div{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:grid;gap:4px;min-width:112px;padding:10px 12px}.quote-strip span{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px;margin:20px 0 16px;overflow-x:auto}.tab{align-items:center;background:transparent;border:1px solid var(--border-strong);border-radius:8px;color:var(--tab-text);display:inline-flex;flex:0 0 auto;gap:8px;min-height:38px;padding:8px 12px}.tab.active{background:var(--active-bg);border-color:var(--active-bg);color:var(--active-text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;min-height:0;overflow:hidden}.chain-view,.greeks-view,.news-view{display:flex;flex-direction:column;height:100%;min-height:0;padding:18px}.panel-toolbar{border-bottom:1px solid var(--border-soft);flex:0 0 auto;padding-bottom:16px}.field{align-items:center;display:inline-flex;gap:8px}.field span{color:var(--muted);font-size:13px;font-weight:700}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);min-height:36px;min-width:150px;padding:0 34px 0 10px}.chain-table-wrap{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chain-table{border-collapse:separate;border-spacing:0;font-size:13px;min-width:1120px;width:100%}.chain-table th,.chain-table td{border-bottom:1px solid var(--border-soft);padding:9px 10px;text-align:right;white-space:nowrap}.chain-table th{background:var(--surface);color:var(--muted);font-size:12px;position:sticky;top:0;z-index:1}.chain-table .group-row th{background:var(--surface-alt);color:var(--button-text);text-align:center}.strike-col{background:var(--strike-bg);color:var(--strike-text);font-weight:800;text-align:center!important}th.strike-col{position:sticky;top:0;z-index:2}.atm-row td{background:var(--atm-bg)}.atm-row .strike-col{background:var(--atm-strike-bg)}.greek-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid var(--border);border-radius:8px;padding:16px}.metric-list{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0}.metric-list div{background:var(--surface-alt);border-radius:8px;padding:10px}.metric-list dt{color:var(--muted);font-size:12px}.metric-list dd{font-size:18px;font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}.chart-section{border-top:1px solid var(--border-soft);margin-top:18px;min-height:0;padding-top:18px}.chart-frame{height:310px;margin-top:10px}.news-list{display:grid;gap:10px;margin-top:16px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.news-item{align-items:center;border:1px solid var(--border);border-radius:8px;color:inherit;display:flex;gap:16px;justify-content:space-between;min-height:70px;padding:12px 14px;text-decoration:none}.news-item:hover{background:var(--surface-alt)}.news-item strong{overflow-wrap:anywhere}.inline-error,.empty-state{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;color:var(--warning-text);padding:12px}.empty-state{margin:18px}.empty-state p{margin:6px 0 0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-actions{display:flex;flex:0 0 auto;gap:8px}.icon-button.active{background:var(--active-bg);border-color:var(--active-bg);color:var(--active-text)}.ticker-add{display:flex;gap:8px;margin-top:16px}.ticker-input{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);flex:1 1 auto;font:inherit;min-height:40px;min-width:0;padding:0 12px;text-transform:uppercase}.ticker-input::placeholder{color:var(--muted);text-transform:none}.ticker-input:focus-visible{border-color:var(--chart-line);outline:none}.watchlist-item.editing{cursor:default;gap:10px}.watchlist-item.editing .quote-block{margin-left:auto}.remove-button{align-items:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--negative);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.remove-button:hover{background:var(--button-hover)}.refresh-card strong{font-variant-numeric:tabular-nums}.empty-state h3{align-items:center;display:flex;gap:8px}.empty-state.loading-state{background:var(--surface-alt);border-color:var(--border);color:var(--text)}.empty-state.loading-state p{color:var(--muted)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);border-right:0;padding:14px}.watchlist{display:flex;overflow-x:auto}.watchlist-item{flex:0 0 210px}.dashboard{padding:16px}.dashboard h1{font-size:26px}.dashboard-header{align-items:flex-start;flex-direction:column}.quote-strip{flex-wrap:wrap;width:100%}.quote-strip>div{flex:1 1 120px}.quote-strip .icon-button{margin-left:auto}.quote-strip .icon-button+.icon-button{margin-left:0}.greek-grid{grid-template-columns:1fr}.metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-toolbar .field{flex:1 1 auto;justify-content:space-between}.panel-toolbar select{flex:1 1 auto;min-width:0}}@media(max-width:560px){.dashboard{padding:12px}.dashboard h1{font-size:22px}.chain-view,.greeks-view,.news-view{padding:12px}.chain-table{font-size:12px;min-width:760px}.chain-table th,.chain-table td{padding:7px}.metric-list dd{font-size:16px}.news-item{gap:10px;padding:10px 12px}}