:root{--bg:#0b0e14;--panel:#131722;--panel-2:#1a1f2e;--border:#262c3d;--text:#d5dae5;--text-dim:#8b93a7;--accent:#4c8dff;--long:#26a69a;--short:#ef5350;--call:#f2a33c;--put:#7e6bf2;--radius:10px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:1000px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;margin:0;letter-spacing:.02em}.topbar .meta{color:var(--text-dim);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.err{background:#2a1416;border:1px solid #5b2a2d;color:#f0b6b8;padding:12px 14px;border-radius:var(--radius);font-size:13px}.note{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);padding:10px 14px;border-radius:var(--radius);font-size:12px;margin-bottom:20px}.note code{color:var(--text);background:var(--panel-2);padding:1px 5px;border-radius:4px}h2.section{font-size:12px;letter-spacing:.08em;color:var(--text-dim);font-weight:600;margin:28px 0 12px}.badge-demo,h2.section{text-transform:uppercase}.badge-demo{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:rgba(242,163,60,.15);color:var(--call);font-size:10px;font-weight:700;letter-spacing:.05em}.group{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.group>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--panel-2);border-bottom:1px solid var(--border)}.group>header .sym{font-weight:600;font-size:15px;letter-spacing:.03em}.group>header .rollup{margin-left:auto;display:flex;gap:16px;color:var(--text-dim);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.group>header .rollup b{color:var(--text);font-weight:600}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:8px 16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th{color:var(--text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td:first-child,th:first-child{text-align:left}tbody tr{border-top:1px solid var(--border)}tbody tr.fut td{background:rgba(38,166,154,.08)}tfoot td{border-top:2px solid var(--border);color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:10px}tfoot b{color:var(--text)}.tag{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em}.tag.fut{background:rgba(76,141,255,.15);color:#9cc0ff}.tag.call{background:rgba(242,163,60,.15);color:var(--call)}.tag.put{background:rgba(126,107,242,.18);color:#b3a6ff}.tag.stk{background:rgba(139,147,167,.15);color:var(--text-dim)}.mult{font-size:11px;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pos-long{color:var(--long)}.pos-short{color:var(--short)}.dim{color:var(--text-dim)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.foot{margin-top:32px;color:var(--text-dim);font-size:12px}.hamburger{position:fixed;top:16px;left:16px;z-index:40;width:34px;height:34px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer}.hamburger span{display:block;height:2px;background:var(--text);border-radius:2px}.hamburger:hover{border-color:var(--accent)}.nav-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.5)}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:50;width:240px;background:var(--panel);border-right:1px solid var(--border);transform:translateX(-100%);transition:transform .18s ease;padding:14px 0;display:flex;flex-direction:column}.drawer.open{transform:translateX(0);box-shadow:2px 0 24px rgba(0,0,0,.4)}.drawer-head{font-weight:600;letter-spacing:.04em;padding:6px 20px 14px;margin:4px 0 6px;border-bottom:1px solid var(--border);color:var(--text)}.drawer-item{display:flex;flex-direction:column;gap:1px;padding:10px 20px;text-decoration:none;color:var(--text);border-left:2px solid transparent}.drawer-item.active,.drawer-item:hover{background:var(--panel-2)}.drawer-item.active{border-left-color:var(--accent)}.di-label{font-size:14px}.di-hint{font-size:11px;color:var(--text-dim)}.wrap{padding-left:64px}@media (max-width:640px){.wrap{padding-left:20px;padding-top:60px}}.tfbar{display:flex;gap:6px;margin-bottom:12px}.tf{padding:4px 10px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--panel);color:var(--text-dim);border:1px solid var(--border);border-radius:6px;cursor:pointer}.tf.on,.tf:hover{color:var(--text)}.tf.on{background:var(--panel-2);border-color:var(--accent)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;vertical-align:middle}.dot.on{background:var(--long);box-shadow:0 0 6px var(--long)}.dot.off{background:var(--text-dim)}.dot.bad{background:var(--short);box-shadow:0 0 6px var(--short)}.btn{display:inline-block;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;text-decoration:none;border:1px solid var(--accent)}.btn:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--fg,inherit);border-color:var(--line,#333);font-weight:500;padding:6px 10px}.btn.ghost:hover{background:var(--panel,#1a1a1a);filter:none}button.btn{cursor:pointer;font-family:inherit}tr.exp-sep>td{border-top:2px solid var(--border)}.exp-tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.exp-tab{font:inherit;font-size:12px;padding:5px 10px;border-radius:999px;cursor:pointer;background:var(--panel);color:var(--text-dim);border:1px solid var(--border);white-space:nowrap}.exp-tab.on,.exp-tab:hover{color:var(--text)}.exp-tab.on{background:var(--panel-2);border-color:var(--accent)}table.chain,table.chain td,table.chain th{text-align:center}table.chain td.call,table.chain th.call{color:var(--accent)}table.chain td.put,table.chain th.put{color:var(--call)}table.chain td.strike,table.chain th.strike{color:var(--text);font-weight:600;background:var(--panel-2)}table.chain td.stale{opacity:.42}table.chain tr.atm td{background:rgba(76,141,255,.12)}table.chain tr.atm td.strike{background:rgba(76,141,255,.22)}table.chain td.pick{cursor:pointer}table.chain td.pick:hover{outline:1px solid var(--border);outline-offset:-1px}table.chain td.buy-hit{background:var(--long);color:#fff;font-weight:700}table.chain td.sell-hit{background:var(--short);color:#fff;font-weight:700}table.chain tr.atm td.buy-hit{background:var(--long)}table.chain tr.atm td.sell-hit{background:var(--short)}.exp-badge{margin-left:6px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;background:var(--accent);color:#fff;vertical-align:1px}.spread-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(0,0,0,.35);animation:dock-up .16s ease-out}@keyframes dock-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.spread-dock{animation:none}}.spread-dock-inner{max-width:1000px;margin:0 auto;padding:10px 20px 12px 64px}.sd-top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.sd-clear{background:none;border:0;color:var(--text-dim);cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}.sd-clear:hover{color:var(--text)}.sd-count{font-weight:600}.sd-be{color:var(--text-dim);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sd-tag{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:4px}.sd-tag.debit{background:rgba(239,83,80,.16);color:var(--short)}.sd-tag.credit{background:rgba(38,166,154,.16);color:var(--long)}.sd-net{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sd-legs{margin-top:8px;display:flex;flex-direction:column;gap:3px;max-height:30vh;overflow-y:auto}.sd-leg{display:flex;align-items:center;gap:8px;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sd-leg .dot2{width:7px;height:7px;border-radius:50%;flex:none}.sd-leg .dot2.buy{background:var(--long)}.sd-leg .dot2.sell{background:var(--short)}.sd-leg .lp{margin-left:auto}.sd-leg .lx{background:none;border:0;color:var(--text-dim);cursor:pointer;font-size:14px;padding:0 2px}.sd-leg .lx:hover{color:var(--short)}.sd-quote{margin-top:8px;font-size:12px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;gap:16px}.sd-quote b{color:var(--text)}@media (max-width:640px){.spread-dock-inner{padding:10px 14px 12px}}.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tag,td .mono{white-space:nowrap}@media (max-width:640px){td,th{padding:7px 9px}th{font-size:10px;letter-spacing:.03em}.topbar{flex-wrap:wrap;gap:4px}.topbar h1{font-size:16px}.wrap{padding-left:14px;padding-right:14px}.tag{padding:1px 5px}.mult,.tag{font-size:10px}}