:root{--bg:#eaedf1;--surface:#f7f8fa;--panel:#fff;--panel-2:#edf0f4;--line:#d8dde4;--ink:#22272e;--muted:#5b6674;--faint:#8a94a0;--up:#1b8560;--down:#c74a4a;--down-ink:#a93838;--blue:#4470db;--gold:#9e6e12;--gold-ink:#8a5f0c;--on-accent:#fff;--shadow:0 12px 36px #1e283c24;--mono:"SF Mono", "Cascadia Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--sans:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0c0f13;--surface:#101418;--panel:#161b21;--panel-2:#1b212a;--line:#242b33;--ink:#d9e0e8;--muted:#87929e;--faint:#5a6470;--up:#1f9067;--down:#d05555;--down-ink:#e08c8c;--blue:#5e86e8;--gold:#b8892f;--gold-ink:#d8b25e;--on-accent:#0c0f13;--shadow:0 18px 50px #00000073}}:root[data-theme=dark]{--bg:#0c0f13;--surface:#101418;--panel:#161b21;--panel-2:#1b212a;--line:#242b33;--ink:#d9e0e8;--muted:#87929e;--faint:#5a6470;--up:#1f9067;--down:#d05555;--down-ink:#e08c8c;--blue:#5e86e8;--gold:#b8892f;--gold-ink:#d8b25e;--on-accent:#0c0f13;--shadow:0 18px 50px #00000073}:root[data-theme=light]{--bg:#eaedf1;--surface:#f7f8fa;--panel:#fff;--panel-2:#edf0f4;--line:#d8dde4;--ink:#22272e;--muted:#5b6674;--faint:#8a94a0;--up:#1b8560;--down:#c74a4a;--down-ink:#a93838;--blue:#4470db;--gold:#9e6e12;--gold-ink:#8a5f0c;--on-accent:#fff;--shadow:0 12px 36px #1e283c24}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5}.shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:4px;width:210px;padding:14px 10px;display:flex}.sidebar-logo{padding:4px 10px 14px;font-size:14px}.side-nav{flex-direction:column;flex:1;gap:2px;display:flex}.side-tab{font:500 13.5px var(--sans);color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 10px}.side-tab:hover{color:var(--ink);background:var(--panel-2)}.side-tab.on{color:var(--gold-ink);background:color-mix(in srgb, var(--gold) 11%, transparent);font-weight:600}.sidebar-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 6px 2px;display:flex}.sidebar-user{color:var(--muted);justify-content:space-between;align-items:center;padding:0 4px;font-size:12px;display:flex}.link-btn{color:var(--faint);font:500 12px var(--sans);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--down-ink)}.content{flex-direction:column;flex:1;min-width:0;padding:14px 16px 24px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);width:340px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:12px;padding:26px 26px 24px;display:flex}.login-card h1{margin:0;font-size:18px}.login-note{color:var(--muted);margin:0;font-size:12.5px}.login-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.login-card input{font:14px var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.login-card input:focus-visible{outline:2px solid var(--gold-ink);outline-offset:1px}.login-error{color:var(--down-ink);font-size:12.5px}.soon{background:var(--panel);border:1px solid var(--line);border-radius:10px;max-width:560px;padding:26px}.soon h2{margin:0 0 8px;font-size:17px}.soon p{color:var(--muted);max-width:60ch;margin:0}.tf-tabs{pointer-events:auto;gap:2px;margin-right:10px;display:inline-flex}.tf-tabs .exp-tab.tf{cursor:pointer;background:color-mix(in srgb, var(--surface) 88%, transparent)}.tf-tabs .exp-tab.tf:hover{color:var(--ink)}.tf-tabs .exp-tab.tf.on{background:var(--panel-2)}.app{background:var(--surface);border:1px solid var(--line);min-height:660px;box-shadow:var(--shadow);border-radius:10px;grid-template-rows:44px 1fr auto;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;padding:0 14px;font-size:13px;display:flex}.logo{letter-spacing:.08em;color:var(--gold-ink);text-transform:uppercase;font-size:12px;font-weight:700}.ticker{font-family:var(--mono);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;display:flex}.ticker b{font-size:15px;font-weight:600}.chg-up{color:var(--up)}.pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600}.pill.paper{color:var(--gold-ink);border-color:color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold) 10%, transparent)}.pill.live{color:var(--up);border-color:color-mix(in srgb, var(--up) 55%, transparent);background:color-mix(in srgb, var(--up) 10%, transparent)}.topbar .right{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-btn{font:600 12px var(--sans);color:var(--muted);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:3px 12px}.theme-btn:hover{color:var(--ink);border-color:var(--faint)}button:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--gold-ink);outline-offset:2px}.main{grid-template-columns:1fr 292px;min-height:430px;display:grid}.chart-zone{border-right:1px solid var(--line);position:relative}.chart-host{position:absolute;inset:0}.chart-hud{z-index:5;color:var(--muted);pointer-events:none;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:8px;left:10px}.iv-box{z-index:5;background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:11.5px;display:flex;position:absolute;top:8px;right:76px}.iv-box output{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;min-width:34px}input[type=range]{accent-color:var(--gold);width:90px}.chain{background:var(--panel);flex-direction:column;display:flex}.chain-head{border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:9px 12px;font-size:11px;font-weight:600}.exp-tabs{gap:4px;padding:8px 10px 4px;display:flex}.exp-tab{font-family:var(--mono);color:var(--muted);cursor:default;background:0 0;border:1px solid #0000;border-radius:5px;padding:3px 9px;font-size:11.5px}.exp-tab.on{color:var(--ink);background:var(--panel-2);border-color:var(--line)}table.strikes{border-collapse:collapse;width:100%;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px}.strikes th{text-align:right;color:var(--faint);border-bottom:1px solid var(--line);font-size:10.5px;font-weight:500;font-family:var(--sans);letter-spacing:.06em;padding:6px 10px 4px}.strikes td{text-align:right;border-bottom:1px solid color-mix(in srgb, var(--line) 50%, transparent);color:var(--muted);padding:4.5px 10px}.strikes td.k{color:var(--ink);font-weight:600}.strikes tr.atm td{background:color-mix(in srgb, var(--blue) 8%, transparent)}.strikes tr.pos td{background:color-mix(in srgb, var(--gold) 11%, transparent);color:var(--ink)}.badge-pos{color:var(--on-accent);background:var(--gold-ink);font-size:10px;font-weight:700;font-family:var(--sans);border-radius:4px;margin-right:5px;padding:0 5px}.chain-foot{color:var(--faint);border-top:1px solid var(--line);margin-top:auto;padding:10px 12px;font-size:11.5px}.tradebar{border-top:1px solid var(--line);background:var(--panel);grid-template-columns:1.4fr 1fr 1fr auto;align-items:start;gap:18px;padding:10px 14px 12px;display:grid}.t-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-size:10.5px;font-weight:600}.t-main{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px}.t-big{font-size:17px;font-weight:600}.t-sub{color:var(--muted);font-size:12px;font-family:var(--mono);font-variant-numeric:tabular-nums}.pnl-up{color:var(--up)}.pnl-down{color:var(--down-ink)}.warn3d{color:var(--gold-ink);margin-top:4px;font-size:11.5px}.btns{flex-direction:column;gap:7px;min-width:190px;display:flex}.btn{font:600 12.5px var(--sans);color:var(--ink);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;text-align:center;border-radius:6px;padding:7px 12px}.btn:hover{border-color:var(--faint)}.btn.primary{background:color-mix(in srgb, var(--gold) 13%, transparent);border-color:color-mix(in srgb, var(--gold) 60%, transparent);color:var(--gold-ink)}.btn.danger{background:color-mix(in srgb, var(--down) 9%, transparent);border-color:color-mix(in srgb, var(--down) 50%, transparent);color:var(--down-ink)}.foot{color:var(--faint);margin-top:12px;font-size:12px}.foot a{color:var(--faint)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}