:root{--bg:#0e1116;--panel:#151a22;--panel-2:#1b212b;--line:#262e3b;--line-strong:#364152;--text:#e8ecf2;--muted:#9aa4b5;--accent:#4c8dff;--accent-fill:#2a66d9;--accent-ink:#fff;--accent-soft:#4c8dff29;--gain:#3ecf6e;--loss:#ff6b78;--warn:#f5b942;--gain-soft:#3ecf6e24;--loss-soft:#ff6b7824;--warn-soft:#f5b94229;--radius:10px;--gap:12px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--tap:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.gain{color:var(--gain)}.loss{color:var(--loss)}.muted{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 16px;display:flex}.brand{align-items:center;gap:8px;font-size:18px;font-weight:700;line-height:1.2;display:flex}.brand img{width:24px;height:24px}.symbol-form{align-items:center;gap:8px;display:flex}.symbol-input{width:6.5em;min-height:var(--tap);background:var(--panel);border:1px solid var(--line-strong);font-family:var(--mono);text-transform:uppercase;border-radius:8px;padding:0 12px;font-weight:700}.quote{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.quote .px{font-size:18px;font-weight:600}.sources{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--line-strong);font-size:14px;font-family:var(--mono);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.pill.live{color:var(--gain);background:var(--gain-soft);border-color:#3ecf6e80}.pill.delayed{color:var(--warn);background:var(--warn-soft);border-color:#f5b94280}.pill.demo{color:var(--accent);background:var(--accent-soft);border-color:#4c8dff80}.dot{background:currentColor;border-radius:50%;width:8px;height:8px}.account{text-align:right;margin-left:auto;font-size:14px}.tabs{border-bottom:1px solid var(--line);gap:8px;padding:0 12px;display:flex}.tab{min-height:var(--tap);color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.tab:hover{color:var(--text)}.tab[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.main{padding:var(--gap);gap:var(--gap);flex:1;align-content:start;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:14px 16px}.panel>h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:14px;font-weight:700}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel-head h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:14px;font-weight:700}.kv{grid-template-columns:1fr auto;gap:8px 12px;margin:0;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0}.big{font-size:36px;font-weight:700;line-height:1.1;font-family:var(--mono)}.note{color:var(--muted);margin-top:10px;font-size:16px}.btn{min-height:var(--tap);background:var(--panel-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-ink)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--tap);background:var(--panel-2);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:0 12px;display:inline-flex}.chip[aria-pressed=true],.chip[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.field{gap:4px;display:grid}.field label,.field .label{color:var(--muted);font-size:14px}.input,.select{min-height:var(--tap);background:var(--bg);border:1px solid var(--line-strong);width:100%;font-family:var(--mono);border-radius:8px;padding:0 10px}.input:focus-visible,.select:focus-visible,.btn:focus-visible,.chip:focus-visible,.tab:focus-visible,.symbol-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alert{background:var(--loss-soft);border:1px solid #ff6b7880;border-radius:8px;padding:10px 12px}.banner{background:var(--warn-soft);border:1px solid #f5b94280;border-radius:8px;padding:10px 12px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th{color:var(--muted);text-align:right;white-space:nowrap;vertical-align:bottom;padding:8px;font-weight:500}table.data th .th2{font-family:var(--mono);display:block}table.data th button{all:unset;cursor:pointer;align-items:center;gap:4px;min-height:32px;display:inline-flex}table.data td{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;border-top:1px solid var(--line);padding:8px}table.data th:first-child,table.data td:first-child{text-align:left}table.data tbody tr:hover td{background:var(--panel-2)}.skel{background:linear-gradient(90deg, var(--panel-2), var(--line), var(--panel-2));color:#0000;background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite skel;display:block}@keyframes skel{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}@media (max-width:899px){.topbar .account{display:none}}@media (max-width:719px){.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px;display:grid}.tab{padding:0 2px}.topbar .quote,.topbar .sources{flex:1 0 100%}.main{padding:10px}.topbar{padding:8px 12px}}.boot{padding:24px}.quote-skel{width:190px;height:27px}.pill-skel{border-radius:999px;width:170px;height:32px}.sources{align-items:center;min-height:32px}.quote{min-height:27px}.sub{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-size:14px;font-weight:700}.note.first{margin-top:0}.empty{text-align:center;color:var(--muted);place-items:center;padding:16px;display:grid}.btn.small{min-height:var(--tap);padding:0 12px;font-weight:500}.row-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.row-actions .btn{flex:140px}.kv.compact{gap:4px 12px}.pnl-head,.odds-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.odds-head{justify-content:flex-start;gap:28px}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:8px;padding:4px;display:flex}.segmented button{min-height:var(--tap);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:0 6px}.segmented button[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.phone-only{display:none}.panel[aria-busy=true]>:not(.panel-head){opacity:.6;transition:opacity .12s linear}.pnl-head{min-height:64px}.legend{align-content:flex-start;min-height:52px}.legs{gap:10px;display:grid}.leg-rows{margin:0;padding:0;list-style:none;display:grid}.leg-row{border-top:1px solid var(--line);align-content:center;gap:10px;min-height:60px;padding:8px 0;display:grid}.leg-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.leg-what{min-width:0}.leg-name{font-weight:600}.leg-meta{white-space:nowrap;font-size:14px}.leg-buttons{gap:8px;display:flex}.leg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:6px;display:grid}.add-leg{width:100%}.strategy-expiry{margin-bottom:10px}.chart-tip{pointer-events:none;background:var(--panel-2);border:1px solid var(--line-strong);z-index:5;border-radius:8px;padding:8px 10px;font-size:14px;position:absolute}.chart-tip-head{margin-bottom:4px;font-weight:700}.chart-tip-row{justify-content:space-between;gap:12px;display:flex}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:14px;height:3px;display:inline-block}.swatch.dashed{border-top:2px dashed var(--muted);height:0}.swatch.ring{border:2px solid var(--gain);border-radius:50%;width:10px;height:10px}.analyze{gap:var(--gap);grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(280px,340px);align-items:start;display:grid}.an-col{min-width:0}.an-center,.an-odds,.an-risk-wrap{gap:var(--gap);display:grid}.greeks-grid{grid-template-columns:repeat(2,minmax(0,1fr) auto);gap:8px 16px}.greeks-grid dd{padding-right:12px}.scen-phone{display:none}@media (max-width:1239px){.analyze{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.an-col-position{grid-area:1/1/span 2}.an-center,.an-col-odds{grid-column:2}.an-odds{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.an-odds>:nth-child(3){grid-column:1/-1}}@media (max-width:899px){.analyze{grid-template-columns:minmax(0,1fr)}.an-col-position,.an-center,.an-col-odds{grid-area:auto/1}}@media (max-width:719px){.phone-only{display:flex}.analyze>.segmented{order:-2}.analyze>.an-col,.an-center>div{display:none}.analyze[data-section=position]>.an-col-position,.analyze[data-section=odds]>.an-col-odds,.analyze[data-section=risk]>.an-center,.analyze[data-section=scenarios]>.an-center,.analyze[data-section=risk] .an-risk-wrap{display:grid}.analyze[data-section=scenarios] .an-scen-wrap{display:block}.greeks-grid{grid-template-columns:1fr auto}.greeks-grid dd{padding-right:0}.an-odds{grid-template-columns:minmax(0,1fr)}.leg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scen-wide{display:none}.scen-phone{display:block}}.trade{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(320px,400px);align-items:start;display:grid}.tr-col{gap:var(--gap);min-width:0;display:grid}.tr-col-chain{grid-row:1/span 2}.expiry-select{margin-bottom:10px;display:none}.expiry-chips{margin-bottom:12px}table.chain th,table.chain td,table.chain th:first-child,table.chain td:first-child{text-align:right}table.chain .strike{text-align:center;color:var(--text);background:var(--panel-2);border-top:1px solid var(--line);padding:4px 10px;font-weight:700}table.chain td.q{padding:4px}.qbtn{width:100%;min-width:52px;min-height:var(--tap);background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:right;border-radius:6px;padding:0 6px;font-size:14px;display:block}.qbtn:hover{border-color:var(--accent)}.qbtn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.qbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qbtn:disabled{opacity:.4;cursor:not-allowed}table.chain tr.atm th.strike{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.side-word{color:var(--muted)}.ticket-legs{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.ticket-legs li{border-bottom:1px solid var(--line);gap:8px;padding-bottom:10px;display:grid}.ticket-leg-name{font-weight:600}.ticket-leg-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ticket-leg-controls .qty{width:84px}.ticket-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check{min-height:var(--tap);cursor:pointer;align-items:center;gap:10px;margin-top:8px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.preview{margin-top:6px}.preview .banner,.preview .alert{margin-top:10px}.btn.send{width:100%;margin-top:12px}.sent{background:var(--gain-soft);border:1px solid #3ecf6e80;border-radius:8px;margin-top:12px;padding:10px 12px}.tr-ticket .alert,.tr-ticket .banner{margin-top:12px}.orders{gap:10px;margin:0;padding:0;list-style:none;display:grid}.orders li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding-bottom:10px;display:grid}.order-main{overflow-wrap:anywhere;grid-column:1/-1;gap:2px;display:grid}.order-state{font-family:var(--mono);text-transform:capitalize}.state-filled{color:var(--gain)}.state-open,.state-pending,.state-partially_filled{color:var(--warn)}.state-rejected{color:var(--loss)}.state-canceled,.state-expired{color:var(--muted)}.analyze-pos{width:100%;margin-top:12px}@media (max-width:1099px){table.chain .wide{display:none}}@media (max-width:899px){.trade{grid-template-columns:minmax(0,1fr)}.tr-col-chain{grid-row:auto}}@media (max-width:719px){.trade>.tr-col{display:none}.trade[data-section=chain]>.tr-col-chain,.trade[data-section=ticket]>.tr-col-ticket,.trade[data-section=orders]>.tr-col-orders,.expiry-select{display:grid}.expiry-chips{display:none}.tr-chain{padding-left:8px;padding-right:8px}table.chain th{white-space:normal;padding:8px 2px}table.chain .strike{padding:4px}.side-word{display:block}}table.chain tbody .strike{vertical-align:middle}.chain-summary{max-width:360px;margin-top:12px}.chip:disabled{opacity:.5;cursor:not-allowed}table.chain tr.blank td{height:53px;padding:0}.strike-pager{margin:0 0 10px}.earn{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.earn-cell{min-width:0}.earn>.segmented{grid-column:1/-1}.earn-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.earn-gap{margin-top:14px}.earn .phone-only-inline{display:none}.earn table.data td.wrap{white-space:normal;overflow-wrap:anywhere}table.data.earn-q th button{min-height:var(--tap);min-width:var(--tap);white-space:nowrap;justify-content:flex-end}table.data.earn-q th:first-child button{justify-content:flex-start}table.data.earn-q th button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sort-mark{min-width:1ch;display:inline-block}table.data.earn-q th[aria-sort=ascending] button,table.data.earn-q th[aria-sort=descending] button{color:var(--text)}.move-bars svg{max-width:100%}.mb-text{font-size:14px;font-family:var(--mono);fill:var(--muted)}.mb-label{fill:var(--text);paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.mb-grid{stroke:var(--line);stroke-width:1px}.mb-zero{stroke:var(--line-strong);stroke-width:1px}.mb-band{fill:var(--accent-soft)}.mb-implied{stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:6 4}.mb-up{fill:var(--gain)}.mb-down{fill:var(--loss)}@media (max-width:719px){.earn{grid-template-columns:minmax(0,1fr)}.earn>.earn-cell{display:none}.earn[data-section=next]>.earn-next,.earn[data-section=history]>.earn-history,.earn[data-section=crush]>.earn-crush-cell,.earn[data-section=position]>.earn-position{display:block}.earn .wide-only{display:none}.earn .phone-only-inline{display:inline}.earn table.data th,.earn table.data td{padding-left:6px;padding-right:6px}}@media (min-width:720px){.earn>.earn-next,.earn>.earn-crush-cell{min-height:480px}.earn>.earn-next>.panel,.earn>.earn-crush-cell>.panel{height:100%}}@media (max-width:1099px){.earn .wide-only{display:none}.earn .phone-only-inline{display:inline}}.connections{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;display:grid}.conn-main,.conn-side{gap:var(--gap);min-width:0;display:grid}@media (max-width:1099px){.connections{grid-template-columns:minmax(0,1fr)}}.yn,.q-yes,.q-partial,.q-no{align-items:center;gap:6px;display:inline-flex}.yn.yes .dot,.q-yes .dot{color:var(--gain)}.q-partial .dot{color:var(--warn)}.yn.no .dot,.q-no .dot{color:var(--loss)}.q-yes{color:var(--text)}.q-partial{color:var(--warn)}.q-no{color:var(--loss)}.pill.error{color:var(--loss);background:var(--loss-soft);border-color:#ff6b7880}.demo-note{margin-bottom:12px}table.data.broker-table td,table.data.broker-table th{vertical-align:middle;white-space:normal;text-align:left;font-family:var(--sans)}table.data.broker-table th[scope=row]{color:var(--text);font-size:16px;font-weight:600}table.data.broker-table thead th{white-space:normal;vertical-align:bottom}table.data.broker-table thead th button{text-align:left;min-height:44px}table.data.broker-table td{padding-top:10px;padding-bottom:10px}table.data.broker-table .stat,.broker-item .stat{flex-wrap:wrap;align-items:center;gap:8px;display:flex}table.data.broker-table .stat .alert,.broker-item .stat .alert{flex-basis:100%}.planned{max-width:28ch}table.data .form-row td{white-space:normal;font-family:var(--sans);text-align:left;padding:0 8px 14px}.conn-form{gap:12px;max-width:480px;padding-top:8px;display:grid}.conn-actions{margin-top:0}.conn-actions .btn{flex:0 auto}.broker-list{margin:0;padding:0;list-style:none}.broker-item{border-top:1px solid var(--line);gap:12px;padding:16px 0;display:grid}.broker-item:first-child{border-top:0;padding-top:0}.broker-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.broker-head>strong{font-size:18px}.broker-item .kv dd{font-family:var(--sans)}.broker-item .planned{flex-basis:100%;max-width:none}.ladder{margin:0;padding:0;list-style:none}.rung{border-top:1px solid var(--line);grid-template-columns:1.5em minmax(0,1fr) auto auto;align-items:center;gap:4px 12px;padding:10px 0;display:grid}.rung:first-child{border-top:0;padding-top:0}.rung-lat{color:var(--muted);font-size:14px}.rung-state{justify-self:end}.rung-err{color:var(--loss);overflow-wrap:anywhere;grid-column:2/-1}@media (max-width:419px){.rung{grid-template-columns:1.5em minmax(0,1fr) auto}.rung-lat{grid-area:2/2}.rung-state{grid-area:1/3/span 2}.rung-err{grid-row:3}}.switch{background:var(--panel-2);border:1px solid var(--line-strong);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 12px;font-weight:600;display:flex}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.switch[disabled]{opacity:.6;cursor:not-allowed}.switch-track{background:var(--panel-2);border:1px solid var(--line-strong);border-radius:999px;flex:none;width:52px;height:30px;position:relative}.switch-knob{background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-track{background:var(--warn-soft);border-color:var(--warn)}.switch[aria-checked=true] .switch-knob{background:var(--warn);transform:translate(22px)}@media (prefers-reduced-motion:reduce){.switch-knob{transition:none}}.confirm{gap:12px;margin-top:14px;display:grid}.conn-safety .alert{margin-top:12px}.kv dd.wrap{font-family:var(--sans)}.conn-about .kv{grid-template-columns:auto minmax(0,1fr)}.planned>span:first-child{font-weight:600;display:block}
