:root{color-scheme:dark;--bg: #0e1116;--panel: #161b22;--border: #2a313c;--text: #d7dee8;--muted: #7a8594;--ce: #1f6f3a;--ce-soft: #1b2c20;--pe: #8a2a2a;--pe-soft: #2c1b1b;--strike: #b08800;--accent: #58a6ff}*{box-sizing:border-box}body{margin:0;font:13px/1.45 -apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px;padding:12px;min-height:100vh}header{grid-column:1 / -1;display:flex;align-items:baseline;gap:16px;padding:4px 6px}header h1{font-size:18px;margin:0}header .meta{color:var(--muted)}header select{background:var(--panel);color:var(--text);border:1px solid var(--border);padding:4px 8px;border-radius:4px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.panel h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 12px;margin:0;border-bottom:1px solid var(--border)}.panel .body{padding:8px 12px;flex:1;min-height:0}.panel.tall{grid-column:1 / -1}.chart{width:100%;height:280px}table.chain{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:12px}table.chain th,table.chain td{padding:3px 6px;border-bottom:1px solid var(--border);text-align:right}table.chain th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel)}table.chain td.strike{background:#b088001f;color:var(--strike);font-weight:700;text-align:center}table.chain td.ce-cell{background:#1f6f3a14}table.chain td.pe-cell{background:#8a2a2a14}table.chain tr.atm td{background:#58a6ff1f}.chain-wrap{max-height:520px;overflow:auto}.strike-picker{display:flex;gap:8px;align-items:center}.strike-picker input,.strike-picker select{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:3px 6px;border-radius:3px}.error{color:#ff7b72;padding:8px 12px}.panel-head{display:flex;align-items:center;gap:8px;padding:6px 10px!important}.panel-title{flex:0 0 auto}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar-btn{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:3px 8px;border-radius:3px;font:inherit;cursor:pointer;line-height:1.4}.toolbar-btn:hover:not(:disabled){border-color:var(--accent)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.icon{padding:1px 7px;min-width:24px}.toolbar-select{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:3px 6px;border-radius:3px;font:inherit}.columns-menu{position:relative}.columns-menu-pop{position:absolute;top:calc(100% + 4px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:6px 8px;z-index:20;min-width:140px;box-shadow:0 6px 20px #0006}.columns-menu-pop label{display:flex;align-items:center;gap:6px;padding:2px 0;text-transform:none;letter-spacing:0;color:var(--text);font-weight:400;font-size:12px;cursor:pointer}.columns-menu-pop input[type=checkbox]{accent-color:var(--accent)}.columns-menu-reset{margin-top:6px;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 6px;cursor:pointer;font:inherit}.columns-menu-reset:hover{border-color:var(--accent)}.live-dot{color:#2ea043;margin-left:4px}.panel:fullscreen{background:var(--bg);padding:12px;border-radius:0;overflow:auto}.panel:fullscreen .chain-wrap{max-height:none;height:calc(100vh - 60px)}.brand-footer{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 12px 20px;margin-top:8px;border-top:1px solid var(--border)}.brand-footer-logo{width:clamp(240px,35vw,420px);height:auto;display:block;filter:drop-shadow(0 4px 18px rgba(255,200,60,.18));border-radius:8px}.brand-footer-tagline{margin:4px 0 0;color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.brand-footer-copy{margin:0;color:var(--muted);font-size:11px}