:root{--void: #08090b;--surface: #14161a;--signal-green: #00c805;--signal-coral: #ff5c3d;--wire-blue: #4c9eff;--amber: #e2a63c;--ink: #f0f1f3;--fog: #8b93a1;--widget-bg: var(--surface);--widget-header-bg: #0f1114;--widget-border: #23262d;--widget-row-border: #1b1e23;--widget-row-hover: rgba(255, 255, 255, .03);--widget-input-bg: #1b1e23;--up: var(--signal-green);--down: var(--signal-coral);--focus-ring: var(--wire-blue);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-num: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius: 8px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--ink)}:where(button,select,input,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@keyframes price-flash-up{0%{background:color-mix(in srgb,var(--up) 40%,transparent)}to{background:transparent}}@keyframes price-flash-down{0%{background:color-mix(in srgb,var(--down) 40%,transparent)}to{background:transparent}}.price-flash--up{animation:price-flash-up .4s ease-out}.price-flash--down{animation:price-flash-down .4s ease-out}@media(prefers-reduced-motion:reduce){.price-flash--up,.price-flash--down{animation:none}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.delta-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;line-height:1.5}.delta-chip--up{color:var(--up);background:color-mix(in srgb,var(--up) 14%,transparent)}.delta-chip--down{color:var(--down);background:color-mix(in srgb,var(--down) 14%,transparent)}.delta-chip__pct{opacity:.75;font-size:10px}.symbol-link{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--fog);font-size:11px;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px}.symbol-link:hover{background:var(--widget-row-hover)}.symbol-link--linked{color:var(--wire-blue)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px 24px;height:100%}.empty-state__icon{display:flex;color:var(--fog);opacity:.7}.empty-state__icon svg{display:block}.empty-state__title{color:var(--ink);font-weight:600;font-size:14px}.empty-state__body{color:var(--fog);font-size:12px;max-width:320px;margin:0;line-height:1.5}.btn{border:1px solid var(--widget-border);background:var(--widget-input-bg);color:var(--ink);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui)}.btn:hover{background:var(--widget-row-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--up);border-color:var(--up);color:var(--void)}.btn--primary:hover{background:color-mix(in srgb,var(--up) 85%,white)}.btn--buy{background:var(--up);border-color:var(--up);color:var(--void)}.btn--sell{background:var(--down);border-color:var(--down);color:var(--void)}.wire-link{color:var(--wire-blue);text-decoration:none;font-size:12px;font-weight:600}.wire-link:hover{text-decoration:underline}.stock-chart{background:var(--void);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;font-family:var(--font-ui);box-sizing:border-box;overflow:hidden}.stock-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.stock-info{display:flex;flex-direction:column;gap:2px}.stock-symbol{font-size:18px;font-weight:700;color:var(--ink)}.stock-name{font-size:11px;color:var(--fog)}.stock-chart-header-right{display:flex;align-items:flex-start;gap:12px}.stock-chart-picker{display:flex;flex-direction:column;gap:4px;min-width:88px}.stock-chart-picker-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--fog)}.stock-chart-picker-select{border:1px solid var(--widget-border);border-radius:8px;background:var(--widget-input-bg);color:var(--ink);padding:6px 8px;font:inherit}.stock-price-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.current-price{font-size:18px;font-weight:600;color:var(--ink);font-family:var(--font-num);font-variant-numeric:tabular-nums}.price-change{font-size:12px;font-weight:500;font-family:var(--font-num);font-variant-numeric:tabular-nums}.chart-svg{flex:1;min-height:0}.chart-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid var(--widget-border)}.time-range,.volume{font-size:11px;color:var(--fog)}.wgt-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:var(--radius);background:var(--widget-bg);border:1px solid var(--widget-border);font-family:var(--font-ui)}.wgt-header{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;background:var(--widget-header-bg);border-bottom:1px solid var(--widget-border);min-height:40px;flex-shrink:0}.wgt-header-title{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--widget-border);border-radius:4px;font-size:12px;color:var(--ink);font-weight:600;white-space:nowrap}.wgt-badge{display:inline-flex;align-items:center;background:var(--widget-input-bg);color:var(--fog);font-size:10px;padding:1px 6px;border-radius:10px}.wgt-body{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:transparent transparent}.wgt-body--scroll-x{overflow-x:auto}.wgt-body::-webkit-scrollbar{width:6px;height:6px}.wgt-body::-webkit-scrollbar-track{background:transparent}.wgt-body::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.wgt-body:hover{scrollbar-color:var(--widget-border) transparent}.wgt-body:hover::-webkit-scrollbar-thumb{background:var(--widget-border)}.wgt-body::-webkit-scrollbar-thumb:hover{background:var(--fog)}.wgt-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--ink)}.wgt-table th{padding:6px 10px;text-align:left;font-size:11px;color:var(--fog);font-weight:500;border-bottom:1px solid var(--widget-border);background:var(--widget-header-bg);position:sticky;top:0;white-space:nowrap;z-index:1}.wgt-table td{padding:5px 10px;border-bottom:1px solid var(--widget-row-border);white-space:nowrap}.wgt-table tr:hover td{background:var(--widget-row-hover)}.wgt-pos{color:var(--up)}.wgt-neg{color:var(--down)}.wgt-neutral{color:var(--ink)}.wgt-muted{color:var(--fog)}.wgt-chip{display:inline-flex;border-radius:4px;border:1px solid;font-size:10px;padding:1px 6px;font-weight:600}.wgt-chip--filled{border-color:var(--up);color:var(--up)}.wgt-chip--new{border-color:var(--wire-blue);color:var(--wire-blue)}.wgt-chip--pending{border-color:var(--amber);color:var(--amber)}.wgt-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--fog);padding:2px 4px;border-radius:4px;font-size:14px;line-height:1}.wgt-icon-btn:hover{color:var(--ink);background:var(--widget-row-hover)}.wgt-icon-btn svg{display:block}.wgt-menu{position:relative;display:inline-flex}.wgt-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:var(--widget-header-bg);border:1px solid var(--widget-border);border-radius:6px;box-shadow:0 4px 16px #0006;padding:4px;z-index:10}.wgt-menu-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-size:12px;padding:6px 8px;border-radius:4px;cursor:pointer}.wgt-menu-item:hover{background:var(--widget-row-hover)}.wgt-menu-item--danger{color:var(--down)}.wgt-menu-item .link-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.link-dot--none{background:transparent;border:1px solid var(--fog);box-sizing:border-box}.wgt-menu-check{float:right;color:var(--fog)}.wgt-section-title{color:var(--ink);font-size:12px;font-weight:600;padding:10px 12px 4px}.wgt-row{display:flex;justify-content:space-between;padding:4px 12px;font-size:12px}.wgt-row-label{color:var(--fog)}.wgt-row-value{color:var(--ink)}.wgt-spacer{flex:1}.wgt-search-input{background:var(--widget-input-bg);border:1px solid var(--widget-border);border-radius:4px;color:var(--ink);font-size:11px;padding:3px 8px;outline:none;min-width:130px}.wgt-search-input::placeholder{color:var(--fog)}.wgt-select{background:var(--widget-input-bg);border:1px solid var(--widget-border);border-radius:4px;color:var(--ink);font-size:11px;padding:2px 6px;outline:none;cursor:pointer}.sym{font-weight:600;color:var(--ink)}.sym-name{font-size:11px;color:var(--fog)}.wgt-add-row{padding:6px 12px;border-top:1px solid var(--widget-border);font-size:12px;color:var(--fog);cursor:pointer;flex-shrink:0}.oc-subheader{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--widget-border);flex-shrink:0}.oc-subheader--expiry{padding:4px 12px;font-size:12px}.oc-symbol-select{font-weight:700;font-size:13px}.oc-price{font-size:14px;font-weight:600;color:var(--ink)}.oc-strike-cell{background:var(--widget-input-bg);font-weight:700}.oc-bid-head{color:var(--down)}.oc-ask-head{color:var(--up)}.oc-clickable{cursor:pointer}.atm-divider td{text-align:center;background:var(--widget-input-bg);color:var(--fog);font-size:11px;padding:3px}.oc-atm-row{background:color-mix(in srgb,var(--wire-blue) 8%,transparent)}.pos-group-row td{background:var(--widget-header-bg)}.pos-child-row td{background:var(--widget-bg)}.wgt-tfoot td{position:sticky;bottom:0;background:var(--widget-header-bg);border-top:1px solid var(--widget-border);border-bottom:none;font-size:11px;padding:6px 10px}.acct-balance{font-size:28px;font-weight:700;line-height:34px;color:var(--ink);transform:translateZ(0);backface-visibility:hidden}.acct-balance-delta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}.at-actions,.at-qty{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--widget-border);flex-shrink:0}.qty-pill{border:1px solid var(--widget-border);background:var(--widget-input-bg);color:var(--ink);border-radius:4px;padding:3px 8px;font-size:11px;cursor:pointer}.qty-pill:hover{background:var(--widget-row-hover)}.at-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--widget-border);border-bottom:1px solid var(--widget-border);flex-shrink:0}.at-stat{background:var(--widget-bg);padding:6px 10px}.at-stat__label{font-size:10px;color:var(--fog);letter-spacing:.04em}.at-stat__value{margin-top:2px;font-size:13px;color:var(--ink)}.at-ladder th{text-transform:uppercase;font-size:10px}.at-price{text-align:center;font-weight:600;color:var(--ink)}.at-last td{border-top:1px solid var(--wire-blue);border-bottom:1px solid var(--wire-blue)}.at-footer{display:flex;align-items:center;padding:6px 12px;border-top:1px solid var(--widget-border);font-size:11px;flex-shrink:0}.ob-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--widget-border);flex-shrink:0}.ob-tab{border:none;background:transparent;color:var(--fog);font-size:12px;font-weight:600;padding:6px 4px 10px;cursor:pointer;border-bottom:2px solid transparent}.ob-tab--active{color:var(--ink);border-bottom-color:var(--wire-blue)}.ob-leg-table{margin:0}.ob-add-row{padding:8px 12px;border-top:1px solid var(--widget-border);flex-shrink:0}.ob-footer{display:flex;gap:8px;justify-content:flex-end;padding:10px 12px;border-top:1px solid var(--widget-border);flex-shrink:0}.tns-price{font-weight:600}.tns-exchange{text-align:right;font-size:11px}.l2-exchange{font-weight:700;font-size:12px}.l2-table th.l2-divider,.l2-table td.l2-divider{border-left:1px solid var(--widget-border)}.tns-table td,.l2-table td{font-variant-numeric:tabular-nums}.ln-table{table-layout:fixed}.ln-time-head{text-align:center}.ln-table td{padding-top:10px;padding-bottom:10px}.ln-time{white-space:nowrap;text-align:center;font-size:11px;line-height:1.35;color:var(--fog)}.ln-title{text-align:left;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;background:radial-gradient(circle at top,#14161a 0%,#0c0d10 45%,var(--void) 100%)}.canvas-viewport--gesturing,.canvas-viewport--gesturing *{user-select:none;-webkit-user-select:none}.canvas-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(148,163,184,.18) 1px,transparent 1px)}.canvas-world{position:absolute;top:0;left:0;transform-origin:0 0}.canvas-viewport--gesturing .canvas-world{will-change:transform}.canvas-widget{position:absolute;top:0;left:0;display:flex;contain:layout paint}.canvas-selection{position:absolute;top:0;left:0;pointer-events:none;border-radius:var(--radius);border-style:solid;border-color:var(--wire-blue)}.canvas-selection-handle{position:absolute;pointer-events:all;background:var(--ink);border:1px solid var(--wire-blue);border-radius:2px}.canvas-create-preview{position:absolute;top:0;left:0;pointer-events:none;border:2px dashed color-mix(in srgb,var(--wire-blue) 80%,transparent);background:color-mix(in srgb,var(--wire-blue) 8%,transparent);border-radius:var(--radius)}.app-container{position:fixed;inset:0;width:100vw;height:100vh;background:var(--void)}.canvas-layout{position:relative;width:100%;height:100%}.workspace-tabs-position{position:absolute;top:16px;left:16px;right:16px;z-index:1000;pointer-events:none;display:flex;justify-content:center}.workspace-tabs{pointer-events:all;display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--widget-border);border-radius:18px;background:#14161ad1;box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.workspace-tabs-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-tab{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:var(--widget-input-bg)}.workspace-tab.active{background:color-mix(in srgb,var(--wire-blue) 35%,transparent)}.workspace-tab-button,.workspace-tab-delete,.workspace-action-button,.show-navigation-button{border:0;border-radius:999px;background:transparent;color:var(--ink);font:inherit}.workspace-tab-button,.workspace-action-button,.show-navigation-button{cursor:pointer}.workspace-tab-button{padding:8px 12px}.workspace-tab-button:hover,.workspace-action-button:hover,.show-navigation-button:hover{background:var(--widget-row-hover)}.workspace-tab-delete{width:28px;height:28px;cursor:pointer;color:var(--fog)}.workspace-tab-delete:disabled{cursor:not-allowed;opacity:.35}.workspace-action-button,.show-navigation-button{padding:8px 14px;background:color-mix(in srgb,var(--wire-blue) 20%,transparent)}.trading-navigation-position{position:absolute;top:0;left:0;height:100%;z-index:1000;pointer-events:none}.trading-navigation{pointer-events:all;display:flex;flex-direction:column;align-items:center;width:52px;height:100%;background:#0f1114e0;border-right:1px solid var(--widget-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 0;gap:4px}.trading-navigation-list{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.show-navigation-button{position:absolute;top:16px;left:16px;z-index:1000;pointer-events:all}.trading-navigation-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;background:transparent;cursor:pointer;font-size:18px;color:var(--fog);transition:background .15s}.trading-navigation-icon-btn:hover{background:var(--widget-row-hover)}.trading-navigation-icon-btn.active{background:color-mix(in srgb,var(--wire-blue) 32%,transparent)}.trading-navigation-icon-btn:disabled{opacity:.4;cursor:not-allowed}.trading-navigation-hide-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--widget-border);background:transparent;cursor:pointer;font-size:11px;font-weight:600;color:var(--fog);margin-bottom:4px}.trading-navigation-hide-btn:hover{background:var(--widget-row-hover);color:var(--ink)}