: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)}