:root{--th-bg: #0d121a;--th-surface: #131a24;--th-surface-2: #182231;--th-fg: #e6edf3;--th-border: #232c3a;--th-line-2: #2e3a4c;--th-muted: #8b98a9;--th-muted-2: #5b6675;--th-accent: #f5a623;--th-stale: #f5a623;--th-danger: #e5484d}.app-shell{display:flex;flex-direction:column;min-width:280px;min-height:480px;width:100%;height:100%;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--th-bg);color:var(--th-fg)}@media (prefers-reduced-motion: reduce){.app-shell *,.app-shell *:before,.app-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors: active){.app-shell{border:1px solid ButtonText;forced-color-adjust:auto}}.app-shell-header{flex-shrink:0;padding:8px 12px;border-bottom:1px solid var(--th-border)}.app-shell-notification:empty{display:none}.app-shell-notification{flex-shrink:0}.app-shell-main{flex:1 1 auto;overflow:auto}.app-shell-status{flex-shrink:0;padding:6px 14px;border-top:1px solid var(--th-border);font-size:11px;color:var(--th-muted)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-control-wrapper,.header-account-slot{display:flex;align-items:center;gap:6px;min-width:0}.account-label,.account-select-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--th-muted-2)}.account-select{background:var(--th-surface-2);color:var(--th-fg);border:1px solid var(--th-line-2);border-radius:6px;padding:4px 8px;font:inherit;font-size:12px}.overflow-toggle{background:var(--th-surface-2);color:var(--th-muted);border:1px solid var(--th-line-2);border-radius:6px;padding:3px 10px;cursor:pointer;font-size:16px;line-height:1}.overflow-toggle:hover{color:var(--th-fg);background:#1c2636}.header-overflow-slot{position:relative}.overflow-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:10;background:var(--th-surface);border:1px solid var(--th-line-2);border-radius:7px;padding:6px;display:flex;flex-direction:column;gap:6px;min-width:140px}.overflow-panel[hidden]{display:none}.logout-btn,.relogin-btn,.logout-confirm button{background:var(--th-surface-2);color:var(--th-fg);border:1px solid var(--th-line-2);border-radius:6px;padding:6px 10px;cursor:pointer;font:inherit;font-size:12px}.logout-btn:hover,.relogin-btn:hover,.logout-confirm button:hover{background:#1c2636}.logout-confirm{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--th-muted)}.logout-confirm [data-action=confirm-logout]{color:#fff;background:var(--th-danger);border-color:var(--th-danger)}.status-strip,.status-strip-live{display:flex;align-items:center;gap:10px}.status-strip{justify-content:space-between}.status-latency{color:var(--th-muted-2);font-variant-numeric:tabular-nums}.trade-panel{--tp-bg: #0d121a;--tp-surface: #131a24;--tp-surface-2: #182231;--tp-line: #232c3a;--tp-line-2: #2e3a4c;--tp-text: #e6edf3;--tp-text-2: #8b98a9;--tp-text-3: #5b6675;--tp-green: #26d07c;--tp-red: #e5484d;--tp-amber: #f5a623;--tp-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color:var(--tp-text);background:var(--tp-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;width:100%;max-width:520px;margin:0 auto;min-height:100vh;border-left:1px solid var(--tp-line);border-right:1px solid var(--tp-line);display:flex;flex-direction:column;box-sizing:border-box}.trade-panel *{box-sizing:border-box}.trade-panel .num{font-family:var(--tp-mono);font-variant-numeric:tabular-nums}.trade-panel .gain{color:var(--tp-green)}.trade-panel .loss{color:var(--tp-red)}.tp-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px}.tp-brand{font-weight:650;letter-spacing:.01em}.tp-live{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;border:1px solid var(--tp-line-2);border-radius:6px;padding:5px 9px;color:var(--tp-text-2)}.tp-live[data-on=true]{color:var(--tp-amber);border-color:var(--tp-amber);background:#f5a62314}.tp-live .sw{width:8px;height:8px;border-radius:50%;background:var(--tp-text-3)}.tp-live[data-on=true] .sw{background:var(--tp-amber)}.tp-quote{display:flex;align-items:baseline;gap:10px;padding:0 16px 14px;border-bottom:1px solid var(--tp-line)}.tp-quote .sym{font-size:13px;color:var(--tp-text-2);letter-spacing:.08em;text-transform:uppercase}.tp-quote .px{font-size:30px;font-weight:650}.tp-label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tp-text-3);font-weight:600}.tp-strikes{padding:14px 16px 4px;display:flex;flex-direction:column;gap:9px}.tp-strike{border:1px solid var(--tp-line);border-radius:7px;background:var(--tp-surface);padding:9px 10px 10px}.tp-strike-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.tp-strike-k{font-family:var(--tp-mono);font-size:17px;font-weight:650}.tp-strike-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tp-text-3)}.tp-arm-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tp-arm{display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;border:1px solid var(--tp-line-2);border-radius:6px;background:var(--tp-surface-2);padding:7px 9px;color:var(--tp-text);font:inherit}.tp-arm:hover:not(:disabled){border-color:var(--tp-amber);background:#1c2636}.tp-arm:disabled{opacity:.4;cursor:not-allowed}.tp-arm:focus-visible{outline:2px solid var(--tp-amber);outline-offset:1px}.tp-arm .side{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.tp-arm.call .side{color:var(--tp-green)}.tp-arm.put .side{color:var(--tp-red)}.tp-arm .mk{font-family:var(--tp-mono);font-size:15px;font-weight:600}.tp-controls{padding:14px 16px 4px;display:flex;flex-direction:column;gap:8px}.tp-row{display:flex;align-items:center;gap:8px}.tp-stepper{display:flex;border:1px solid var(--tp-line-2);border-radius:6px;overflow:hidden;background:var(--tp-surface)}.tp-stepper button{background:var(--tp-surface-2);border:none;color:var(--tp-text-2);width:34px;cursor:pointer;font-size:17px;font-family:var(--tp-mono)}.tp-stepper button:hover{color:var(--tp-text);background:#1c2636}.tp-stepper input{width:68px;background:transparent;border:none;color:var(--tp-text);text-align:center;font-family:var(--tp-mono);font-size:15px;font-variant-numeric:tabular-nums}.tp-stepper input:focus{outline:none}.tp-hint{font-size:11.5px;color:var(--tp-text-3)}.tp-hint b{color:var(--tp-text-2);font-weight:600}.tp-spacer{margin-left:auto}.tp-pos{padding:14px 16px 16px}.tp-card{border:1px solid var(--tp-line);border-radius:7px;background:var(--tp-surface);overflow:hidden}.tp-card.open{border-color:var(--tp-line-2)}.tp-empty{padding:22px 14px;text-align:center;color:var(--tp-text-3);font-size:13px}.tp-card-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--tp-line)}.tp-contract{font-family:var(--tp-mono);font-weight:650;font-size:14px}.tp-badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;padding:3px 7px;border-radius:4px}.tp-badge.call{color:var(--tp-green);background:#26d07c1a}.tp-badge.put{color:var(--tp-red);background:#e5484d1a}.tp-pnl{padding:12px;display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--tp-line)}.tp-pnl .v{font-family:var(--tp-mono);font-size:26px;font-weight:650}.tp-rows{padding:6px 12px 10px}.tp-drow{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.tp-drow .k{color:var(--tp-text-2)}.tp-drow .val{font-family:var(--tp-mono);font-variant-numeric:tabular-nums}.tp-stopbar{padding:2px 12px 12px}.tp-track{height:6px;border-radius:3px;background:#10161f;overflow:hidden;border:1px solid var(--tp-line)}.tp-track .fill{height:100%;background:linear-gradient(90deg,var(--tp-red),var(--tp-amber));transition:width .2s}.tp-stoprow{display:flex;justify-content:space-between;font-size:11px;color:var(--tp-text-3);margin-top:5px}.tp-stopprice{color:var(--tp-red)}.tp-trailadj{display:flex;align-items:center;gap:8px;margin-top:9px}.tp-stepper-sm button{width:30px;font-size:15px}.tp-stepval{min-width:46px;text-align:center;font-size:13px;color:var(--tp-text);padding:0 4px;align-self:center}.tp-exit{display:block;width:calc(100% - 24px);margin:0 12px 12px;padding:11px;background:var(--tp-red);color:#fff;border:none;border-radius:6px;cursor:pointer;font:inherit;font-weight:700}.tp-exit:hover{filter:brightness(1.08)}.tp-exit:disabled{opacity:.5;cursor:not-allowed}.tp-history{padding:4px 16px 14px;display:flex;flex-direction:column;gap:6px}.tp-hlist{border:1px solid var(--tp-line);border-radius:7px;background:var(--tp-surface);overflow:hidden}.tp-hrow{display:flex;align-items:baseline;gap:8px;padding:7px 10px;font-size:12px;border-bottom:1px solid var(--tp-line)}.tp-hrow:last-child{border-bottom:none}.tp-hsum{background:var(--tp-surface-2);justify-content:space-between;font-size:11px;letter-spacing:.04em;color:var(--tp-text-2);text-transform:uppercase}.tp-htime{color:var(--tp-text-3);font-size:11px;flex:none;width:38px}.tp-hk{font-weight:650;flex:none;width:58px}.tp-hk.call{color:var(--tp-green)}.tp-hk.put{color:var(--tp-red)}.tp-hmk{color:var(--tp-text-2);flex:1;min-width:0;font-size:11px}.tp-htag{color:var(--tp-text-3);font-size:10px;text-transform:uppercase;letter-spacing:.06em;flex:none}.tp-hpnl{flex:none;width:52px;text-align:right;font-weight:650}.tp-foot{margin-top:auto;border-top:1px solid var(--tp-line);padding:10px 16px 12px;display:flex;align-items:center;gap:10px}.tp-msg{flex:1;min-width:0;font-size:12px;color:var(--tp-text-2);font-family:var(--tp-mono);min-height:20px}