body{min-width:360px}:root{color:#e6f0f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#020f1b;--panel:#04192d;--panel-deep:#031421;--line:#17384f;--line-strong:#28526b;--text:#e6f0f7;--muted:#7e9cb2;--cyan:#20bce7;--blue:#4e9eff;--green:#18d5a2;--amber:#f4bd4a;--red:#fb6373;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#020f1b;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);min-width:360px;min-height:100%;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}.x-app{background:radial-gradient(at 42% -30%,#0c2b42 0,#020f1b 58%);flex-direction:column;width:100%;height:100dvh;min-height:520px;display:flex;overflow:hidden}.masthead{border-bottom:1px solid var(--line);background:#020f1bf5;justify-content:space-between;align-items:center;gap:20px;height:54px;min-height:54px;padding:0 18px;display:flex}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-symbol{color:#45c8f5;border:1px solid #197caf;border-radius:7px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 18px #00a5dd22}.brand-name{letter-spacing:.11em;color:#f4f8fc;font-size:15px;font-weight:750}.brand-divider{background:#2b4d63;width:1px;height:22px;margin:0 3px}.brand-page{color:#86a7be;letter-spacing:.12em;font-size:10px;font-weight:650}.masthead-status{align-items:center;gap:12px;min-width:0;display:flex}.masthead-source,.masthead-time{color:var(--muted);white-space:nowrap;font:10px/1.2 SFMono-Regular,Consolas,monospace}.live-state{min-width:74px;height:24px;color:var(--green);letter-spacing:.04em;white-space:nowrap;background:#06271f;border:1px solid #176149;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font:700 9px/1 SFMono-Regular,Consolas,monospace;display:inline-flex}.live-state i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.live-state.stale{color:var(--amber);background:#291e0e;border-color:#75551d}.live-state.offline{color:var(--red);background:#2a1117;border-color:#78303a}.live-state.connecting{color:#8baec5;background:#102333;border-color:#345267}.workspace-grid{background:linear-gradient(145deg,#04192a,#020f1b 75%);flex:1;grid-template-rows:minmax(0,1fr);width:calc(100% - 40px);min-height:0;margin:0;display:grid;overflow:hidden}.left-column{grid-area:1/1}.left-column+.column-divider{grid-area:1/2}.center-column{grid-area:1/3}.center-column+.column-divider{grid-area:1/4}.right-column{grid-area:1/5}.utility-rail{grid-area:1/6}.pane-grid{min-width:0;min-height:0;display:grid;overflow:hidden}.left-column{border-right:1px solid #112c40}.right-column{border-left:1px solid #112c40}.center-column{background:#020f1b66;grid-template-rows:minmax(0,72fr) 8px minmax(140px,28fr);min-width:0;min-height:0;display:grid;overflow:hidden}.panel{background:linear-gradient(150deg,#04192d,#020f1b 80%);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.panel-heading{border-bottom:1px solid #102b40;justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:8px 11px 6px;display:flex}.heading-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.eyebrow{color:#a8c3d5;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.heading-copy small,.panel-heading small{color:var(--muted);font-size:9px}.panel-heading .live-state{flex:none}.price-summary{align-items:baseline;gap:8px;padding:8px 12px 0;display:flex}.price-summary strong{color:#f4f8fb;letter-spacing:-.04em;font:600 22px/1.1 SFMono-Regular,Consolas,monospace}.price-summary>span{color:#83a2b7;font-size:9px}.price-summary small{color:#5d829c;margin-left:auto;font:9px SFMono-Regular,Consolas,monospace}.chart-wrap{flex-direction:column;flex:1;min-width:0;min-height:0;padding:4px 7px 5px;display:flex;position:relative}.chart-wrap svg{width:100%;height:100%;min-height:80px;overflow:visible}.chart-gridline{stroke:#143249;stroke-width:1px;stroke-dasharray:2 5}.chart-axis-label,.chart-time-label{fill:#64849b;font:9px SFMono-Regular,Consolas,monospace}.chart-time-label{font-size:8px}.price-area{fill:#0b8fbc18}.price-line{fill:none;stroke:#31c8f0;stroke-width:2px;vector-effect:non-scaling-stroke}.price-point{fill:#74e6ff;stroke:#117da2;stroke-width:2px}.atm-guide{stroke:#f2bc49;stroke-width:1px;stroke-dasharray:4 5;opacity:.65}.iv-call-line{fill:none;stroke:#29c9ee;stroke-width:2px;vector-effect:non-scaling-stroke}.iv-put-line{fill:none;stroke:#f0b64d;stroke-width:2px;vector-effect:non-scaling-stroke}.iv-call-point{fill:#48d8f2}.iv-put-point{fill:#f2c35e}.chart-empty{z-index:1;color:#6d8da3;white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.chart-footnote{color:#66859a;justify-content:space-between;align-items:center;gap:8px;min-height:17px;padding:0 5px;font:8px SFMono-Regular,Consolas,monospace;display:flex}.chart-legend{justify-content:flex-start;gap:13px}.chart-legend>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.chart-legend i{width:7px;height:2px;display:inline-block}.legend-call{background:#29c9ee}.legend-put{background:#f0b64d}.column-divider{z-index:5;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.column-divider:before{content:"";background:#28526b;width:1px;position:absolute;top:36px;bottom:36px;left:3px}.column-divider:after{content:"";background:#527a93;border-radius:3px;width:3px;height:34px;position:absolute;top:47%;left:2px}.column-divider:hover:before{background:#33b3e1;width:2px}.row-divider{z-index:5;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#092132;height:8px;min-height:8px;position:relative}.row-divider:before{content:"";background:#28526b;height:1px;position:absolute;top:3px;left:0;right:0}.row-divider:after{content:"";background:#527a93;border-radius:3px;width:38px;height:3px;position:absolute;top:2px;left:calc(50% - 19px)}.column-divider:focus-visible,.row-divider:focus-visible{outline-offset:-1px;outline:1px solid #3baee7}.center-board{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.board-header{border-bottom:1px solid #102b40;padding:9px 10px 5px}.board-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.board-title-row h1{color:#eff7fc;letter-spacing:-.03em;margin:2px 0 0;font-size:18px;font-weight:650;line-height:1.05}.board-title-row h1 span{color:#92aec0;font-size:12px;font-weight:450}.board-title-row .eyebrow{color:#4ebfe6;font-size:8px}.board-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.asset-toggle{background:#061724;border:1px solid #254358;border-radius:5px;height:28px;display:inline-flex;overflow:hidden}.asset-toggle button{color:#91adbf;cursor:pointer;background:0 0;border:0;border-right:1px solid #254358;min-width:42px;padding:0 8px;font-size:10px}.asset-toggle button:last-child{border-right:0}.asset-toggle button.selected{color:#f3f9fc;background:#0c3650;box-shadow:inset 0 -2px #31b9e5}.expiry-control{background:#061724;border:1px solid #254358;border-radius:5px;align-items:center;gap:6px;height:28px;padding:0 7px;display:inline-flex}.expiry-control span{color:#7695aa;font:8px SFMono-Regular,Consolas,monospace}.expiry-control select{color:#dceaf2;background:0 0;border:0;outline:0;width:148px;max-width:22vw;font-size:9px}.expiry-control option{color:#dceaf2;background:#04192d}.strike-filter{color:#7090a5;background:#061724;border:1px solid #254358;border-radius:5px;align-items:center;gap:4px;width:92px;height:28px;padding:0 7px;display:flex}.strike-filter>span{font-size:15px;transform:rotate(-20deg)}.strike-filter input{color:#dceaf2;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.strike-filter input::placeholder{color:#668399}.board-filter{color:#88a8bd;cursor:pointer;background:#061724;border:1px solid #254358;border-radius:5px;height:28px;padding:0 8px;font-size:9px}.board-filter.selected{color:#65d8f1;background:#08263a;border-color:#2089aa}.case-strip{align-items:center;gap:5px;min-height:34px;margin-top:7px;display:flex}.case-label{color:#9bb6c8;letter-spacing:.09em;margin-right:3px;font-size:9px;font-weight:750}.case-step,.case-add{color:#7595aa;cursor:pointer;background:#061724;border:1px solid #24445a;border-radius:50%;width:23px;height:23px;padding:0;font-size:9px}.case-step.active{color:#c6f0fc;background:#0b3851;border-color:#168cb7;box-shadow:0 0 8px #13b5e422}.case-add{font-size:14px;line-height:1}.case-name{color:#b2c8d6;margin-left:5px;font-size:9px}.case-stage{color:#5c7b90;margin-left:auto;font-size:8px}.gateway-error{color:#ffc4cb;background:#29141a;border:1px solid #75424b;border-radius:4px;margin:5px 8px 0;padding:6px 8px;font-size:9px}.board-mode-row{border-bottom:1px solid #102b40;align-items:center;gap:8px;min-height:35px;padding:4px 9px;display:flex}.board-mode-toggle{border:1px solid #203e54;border-radius:4px;height:24px;display:inline-flex;overflow:hidden}.board-mode-toggle button{color:#7e9bad;cursor:pointer;background:#051725;border:0;border-right:1px solid #203e54;padding:0 8px;font-size:9px}.board-mode-toggle button:last-child{border-right:0}.board-mode-toggle button.selected{color:#bceeff;background:#0b3349}.board-count{color:#66869b;white-space:nowrap;font:8px SFMono-Regular,Consolas,monospace}.selected-contract{color:#5e91ab;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font:8px SFMono-Regular,Consolas,monospace;overflow:hidden}.board-scroll{scrollbar-color:#28516b #041522;scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.option-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:510px}.option-table th,.option-table td{text-align:center;border-bottom:1px solid #112b3e;border-right:1px solid #112e42;padding:0}.option-table th:last-child,.option-table td:last-child{border-right:0}.option-table thead th{z-index:2;letter-spacing:.08em;background:#051725;height:29px;font-size:9px;position:sticky;top:0}.option-table thead th small{color:#66869a;letter-spacing:0;margin-top:2px;font-size:7px;font-weight:500;display:block}.option-table .call-heading{color:#45d5b1;background:#06241f}.option-table .put-heading{color:#ff8690;background:#28141b}.option-table .strike-heading{color:#9fc4de;background:#071724;width:76px}.option-table tbody td{background:#031421;height:48px}.option-table tbody th{color:#a8cce3;background:#061724;width:76px;font:600 10px SFMono-Regular,Consolas,monospace}.option-table tbody th small{color:#f1bf50;letter-spacing:.1em;margin-top:2px;font:700 7px SFMono-Regular,Consolas,monospace;display:block}.option-table tbody tr:hover td,.option-table tbody tr:hover th{background-color:#082137}.option-table tbody tr.atm-row td,.option-table tbody tr.atm-row th{background-color:#082338}.option-table tbody tr.selected-row td,.option-table tbody tr.selected-row th{box-shadow:inset 0 1px #218db6,inset 0 -1px #218db6}.quote-summary,.greek-summary{color:#dce9f1;cursor:pointer;text-align:center;background:0 0;border:0;justify-content:space-evenly;align-items:center;gap:3px;width:100%;min-height:47px;padding:4px 3px;display:flex;position:relative}.quote-summary:hover,.greek-summary:hover{background:#0a2c42}.quote-pair{gap:9px;display:flex}.quote-pair>span,.quote-detail>span{flex-direction:column;gap:2px;display:flex}.quote-pair small,.quote-detail{color:#66869b;font:7px SFMono-Regular,Consolas,monospace}.quote-pair b{color:#d8e7f0;font:500 9px SFMono-Regular,Consolas,monospace}.quote-detail{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:3px;display:flex}.quote-detail b{color:#a8c9dc;font-weight:600}.quote-stale{color:#97a2a8;background-image:repeating-linear-gradient(135deg,#0000,#0000 7px,#29394730 7px 9px)}.stale-corner{background:var(--amber);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px}.missing-contract{color:#526f82;padding:8px 4px;font-size:8px}.greek-summary{grid-template-columns:repeat(4,1fr);display:grid}.greek-summary span{color:#cadbe5;flex-direction:column;gap:3px;font:8px SFMono-Regular,Consolas,monospace;display:flex}.greek-summary small{color:#718fa4;font-size:7px}.empty-board{color:#7895a9;height:140px;font-size:10px}.board-footer{color:#607f94;border-top:1px solid #102b40;justify-content:space-between;align-items:center;gap:8px;min-height:24px;padding:0 9px;font:8px SFMono-Regular,Consolas,monospace;display:flex}.conditions-panel{background:linear-gradient(160deg,#041827,#03121e);border-top:1px solid #16364c;flex-direction:column;min-height:0;display:flex;overflow:hidden}.conditions-heading{border-bottom:1px solid #102b40;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 10px;display:flex}.conditions-heading>div{align-items:center;gap:9px;display:flex}.conditions-heading .eyebrow{color:#96b1c3;font-size:9px}.conditions-heading small{color:#5d7f94;font:8px SFMono-Regular,Consolas,monospace}.conditions-heading button{color:#a1bdce;background:#061d2b;border:1px solid #285068;border-radius:50%;width:23px;height:23px;font-size:14px}.conditions-empty{color:#8da8b9;flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:0;padding:6px 11px;font-size:9px;display:flex}.conditions-empty small{color:#5e7d91;font-size:8px}.phase-empty{color:#7694a9;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-height:0;padding:20px;display:flex;position:relative}.phase-empty strong{color:#a6c0d0;font-size:12px;font-weight:550}.phase-empty span{color:#5f7d91;max-width:220px;font-size:9px;line-height:1.5}.empty-chart-mark{color:#14374c;pointer-events:none;font-size:130px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.phase-empty strong,.phase-empty span{z-index:1;position:relative}.phase-compact{gap:4px}.phase-compact .empty-chart-mark{font-size:92px}.utility-rail{background:#041522;border-left:1px solid #16415b;flex-direction:column;justify-content:space-between;align-items:center;min-width:40px;padding:7px 3px;display:flex}.rail-group{flex-direction:column;align-items:center;gap:5px;display:flex}.rail-button{color:#7392a7;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.rail-button.active{color:#62d6fa;background:#0c334b;box-shadow:inset 2px 0 #20bbe8}.rail-button:disabled{opacity:.5}.rail-mark{color:#53bfe3;border:1px solid #24506a;border-radius:7px;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.mobile-tabs,.mobile-bottom-tabs{display:none}@media (width<=1120px){.workspace-grid{width:100%;grid-template-columns:minmax(0,1fr)!important}.left-column,.center-column,.right-column{border:0;grid-area:1/1;display:none}.workspace-grid.view-market .left-column,.workspace-grid.view-board .center-column,.workspace-grid.view-risk .right-column,.workspace-grid.view-board .center-column,.workspace-grid.view-risk .right-column{display:grid}.workspace-grid .column-divider,.utility-rail{display:none}.mobile-bottom-tabs{height:56px;min-height:56px;padding:4px 8px max(4px, env(safe-area-inset-bottom));background:#031827;border-top:1px solid #1a587e;grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.mobile-bottom-tabs button{color:#7393a8;background:0 0;border:0;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:15px;display:flex}.mobile-bottom-tabs button.active{color:#45c9ee;background:#0a2b40}.mobile-bottom-tabs small{font-size:8px}.center-column{grid-template-rows:minmax(0,72fr) 8px minmax(140px,28fr)}.pane-grid{height:100%}}@media (width<=620px){body{min-width:360px}.x-app{min-height:460px}.masthead{height:48px;min-height:48px;padding:0 10px}.brand{gap:7px}.brand-symbol{width:25px;height:25px;font-size:15px}.brand-name{font-size:13px}.brand-divider{height:18px}.brand-page{font-size:8px}.masthead-status{gap:6px}.masthead-source{display:none}.masthead-time{font-size:8px}.live-state{min-width:62px;height:21px;padding:0 5px;font-size:8px}.panel-heading{min-height:38px;padding:6px 8px}.panel-heading .eyebrow{font-size:9px}.price-summary{padding:7px 9px 0}.price-summary strong{font-size:19px}.chart-wrap{padding:2px 4px 4px}.board-header{padding:7px 7px 4px}.board-title-row{margin-bottom:6px}.board-title-row h1{font-size:16px}.board-controls{gap:4px}.expiry-control{flex:1;min-width:170px}.expiry-control select{flex:1;width:auto;max-width:none}.strike-filter{width:72px}.board-filter{padding:0 5px;font-size:8px}.case-strip{min-height:29px;margin-top:5px}.case-stage{display:none}.board-mode-row{min-height:32px;padding-inline:7px}.board-count{margin-left:auto}.selected-contract{display:none}.option-table{min-width:520px}.option-table tbody td{height:45px}.quote-pair{gap:6px}.quote-pair b{font-size:8px}.quote-detail{font-size:6px}.board-footer{min-height:22px;font-size:7px}.board-footer span:last-child{display:none}.conditions-heading{min-height:34px}.phase-empty{padding:12px}.phase-empty strong{font-size:11px}.phase-empty span{font-size:8px}}