:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#d7e2e8;background:#080d11;font-synthesis:none;--bg:#0b1116;--surface:#10191f;--line:#243139;--muted:#788c99;--accent:#62c9d7;--accent-dim:#17343d;--red:#ed7487;--green:#7acaae;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:hover{color:#fff;background:#1c2b33}button:disabled{opacity:.35;cursor:default}button:disabled:hover{background:none}a{color:inherit;text-decoration:none}.app-header{height:64px;min-height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202c34;background:radial-gradient(ellipse at 55% 0,#14303966,transparent 64%),#0b1116}.brand{display:flex;gap:13px;align-items:center}.brand strong{font-size:19px;letter-spacing:2.6px;line-height:1}.brand strong span{display:block;font-size:9px;font-weight:500;letter-spacing:4.9px;color:#81959f;margin-top:6px}.brand-mark{width:28px;height:31px;display:flex;align-items:center;gap:4px}.brand-mark i{width:6px;height:17px;background:var(--accent);position:relative;border-radius:1px}.brand-mark i:before{content:'';position:absolute;left:2px;top:-5px;bottom:-5px;width:1px;background:var(--accent)}.brand-mark i:nth-child(2){height:26px;transform:translateY(-2px)}.brand-mark i:nth-child(3){height:13px;transform:translateY(-1px)}.workspace-name{display:flex;align-items:center;gap:11px;font-size:13px}.workspace-name strong{font-weight:500}.workspace-icon{font-size:22px;color:#8b9da8}.version{font-size:10px;color:#8ca3af;background:#19262e;padding:3px 5px;border:1px solid #2a3a44;border-radius:4px}.global-actions{display:flex;align-items:center;gap:16px}.demo-label{font-size:10px;letter-spacing:1.25px;color:#c2aa7c;border:1px solid #66513380;background:#45371c29;border-radius:4px;padding:6px 9px}.icon-button{height:29px;min-width:29px;border:1px solid #2b3a44;border-radius:6px;font-size:15px;color:#a3b4be}.workspace-bar{height:53px;min-height:53px;padding:0 20px 0 65px;display:flex;align-items:center;justify-content:space-between;background:#0b1116}.workspace-title{display:flex;align-items:baseline;gap:12px}.workspace-title h1{font-size:17px;font-weight:550;margin:0}.workspace-title>span{font-size:11px;color:var(--muted)}.workspace-controls{display:flex;align-items:center;gap:7px}.text-button{font-size:12px;padding:7px 10px;border-radius:5px;display:flex;align-items:center;gap:7px;color:#a7b8c2;white-space:nowrap}.text-button.selected{background:#19282f;border:1px solid #2d424d;color:#b7d6df}.text-button[aria-pressed=true]{color:var(--accent)}.divider{height:16px;width:1px;background:#2a353d;margin:0 6px}.workspace-shell{display:flex;flex:1;min-height:0}.tool-rail{width:48px;min-width:48px;display:flex;align-items:center;flex-direction:column;gap:9px;padding-top:9px;background:#0b1116;border-top:1px solid #17232b}.rail-button{width:34px;height:35px;display:grid;place-items:center;border-radius:5px;color:#8ba0ae;font-size:22px}.rail-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.rail-button.active{background:#17313a;color:var(--accent);box-shadow:inset 0 0 0 1px #315563}.rail-separator{width:22px;height:1px;background:#29373f;margin:3px 0}.rail-bottom{margin-top:auto;padding-bottom:14px;font-size:8px;letter-spacing:1px;color:#637b89}.chart-grid{padding:0 10px 10px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(240px,1fr));gap:8px;flex:1;min-width:0;overflow:auto}.chart-card{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--surface);border:1px solid #2a3740;border-radius:7px;overflow:hidden;transition:border-color .15s}.chart-card.active{border-color:#62b8c9;box-shadow:0 0 0 1px #62c9d720,0 0 15px #0ca1bd08}.chart-card:focus{outline:none}.chart-head{height:35px;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 9px;background:#101a21;border-bottom:1px solid #26343e}.symbol-block{display:flex;align-items:center;gap:7px;min-width:0}.asset-mark{width:19px;height:19px;border-radius:50%;background:#24313a;color:#97acb8;display:grid;place-items:center;font-size:11px;font-weight:700}.symbol-name{font-size:13px;letter-spacing:.2px;font-weight:600}.chart-head-actions{display:flex;align-items:center;gap:4px}.tf-select{padding:3px 1px 3px 5px;font-size:11px;color:#b8cbd5;background:#192830;border:1px solid #2e404b;border-radius:4px;max-width:56px}.expand-button{font-size:16px;width:23px;height:23px;color:#7d929f;border-radius:3px}.kraft-panel{display:grid;grid-template-columns:minmax(30px,.8fr) repeat(2,minmax(26px,.8fr)) minmax(90px,2.5fr) repeat(2,minmax(26px,.8fr)) minmax(30px,.8fr);height:67px;min-height:67px;gap:1px;padding:4px;background:#101a21;border-bottom:1px solid #26343e}.panel-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:1px;min-width:0}.panel-button{font-size:clamp(9px,.65vw,12px);letter-spacing:.15px;color:#8ca1af;background:#1b2932;border-radius:2px;padding:0 1px;line-height:1;min-width:0;white-space:nowrap}.panel-button.on{background:#204450;color:#91deeb}.panel-button:hover{background:#2d424e}.panel-side{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2c3a42;border-radius:3px;min-width:0;gap:4px}.panel-side .side-label{font-size:8px;color:#849aa7;letter-spacing:.8px}.swap-pair{font-size:11px;color:#718a98;display:flex;gap:4px}.swap-pair span:first-child{color:#ba7c89}.swap-pair span:last-child{color:#74a796}.panel-value{font-size:13px;color:#cbdae2;font-variant-numeric:tabular-nums}.panel-center{display:grid;grid-template-rows:2fr 1fr;min-width:0;gap:1px}.trade-group{display:flex;min-height:0;gap:1px}.trade-button{flex:1;padding:0 2px;background:#20303a;border:1px solid #324953;border-radius:3px;font-size:12px;font-weight:550;letter-spacing:.7px;min-width:0}.trade-button.on{color:#0d252b;background:var(--accent);border-color:var(--accent)}.hq-button{width:22px;flex-shrink:0;font-size:9px;border:1px solid #2c404b;border-radius:3px;color:#84a0ae;padding:0}.hq-button.on{background:#426576;color:#e0f2f7}.center-bottom{display:flex;gap:1px}.center-bottom>*{flex:1}.rr-button{color:#c3d7df;background:#24343f}.chart-body{position:relative;flex:1;min-height:80px;background:#111b22;isolation:isolate}.chart-surface{position:absolute;inset:0;z-index:0}.chart-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.chart-overlay line,.chart-overlay path{vector-effect:non-scaling-stroke}.fibo-handle{pointer-events:all;cursor:grab;fill:#14252d;stroke:#e9788b;stroke-width:1.4}.fibo-handle:hover{fill:#e9788b}.fibo-hit{pointer-events:stroke;stroke:transparent;stroke-width:16;cursor:grab}.fibo-dragging{cursor:grabbing!important}.chart-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:clamp(55px,6.4vw,160px);font-weight:300;letter-spacing:-8px;color:#acbeca;opacity:.045;z-index:1;line-height:1}.chart-caption{height:24px;min-height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;gap:5px;border-top:1px solid #24313a;color:#708996;font-size:9px;background:#101a21}.chart-caption .plan-state{color:#a0b4bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-caption .plan-state.armed{color:var(--accent)}.plan-open{font-size:10px;color:#83b4c1;border-radius:2px;padding:2px 4px;white-space:nowrap}.chart-caption .risk-control{display:flex;align-items:center;gap:4px;color:#849aa7;white-space:nowrap}.risk-control button{font-size:12px;padding:0 3px;border-radius:2px}.status-bar{height:27px;min-height:27px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;border-top:1px solid #1d2b33;color:#6d8696;font-size:10px;background:#0b1116}.status-bar>div{display:flex;align-items:center;gap:9px}.status-mark{width:5px;height:5px;background:#739bab;border-radius:50%}.footer-separator{color:#31424c}.status-bar a{font-size:9px;color:#698796}.status-bar a:hover{color:#b1d8e6}.chart-grid.expanded{grid-template-columns:1fr;grid-template-rows:1fr}.chart-grid.expanded .chart-card{display:none}.chart-grid.expanded .chart-card.active{display:flex}.chart-grid.expanded .kraft-panel{height:73px;min-height:73px;grid-template-columns:80px repeat(2,80px) 170px repeat(2,80px) 80px;justify-content:center}.chart-grid.expanded .panel-button{font-size:12px}.chart-grid.expanded .chart-watermark{font-size:200px}.chart-grid.expanded .chart-head{height:42px;min-height:42px}.chart-grid.expanded .chart-caption{height:30px;min-height:30px;font-size:11px}.classic .chart-body{background:#d6d5d1}.classic .chart-card.has-fibo .chart-body{background:#e3dcc6}.classic .chart-watermark{color:#302d22;opacity:.085}.classic .chart-card.active{border-color:#81ccd7}.classic .chart-caption{background:#17242d}.classic .chart-body .fibo-handle{fill:#e3dcc6;stroke:#d24a6a}.classic .chart-body .fibo-handle:hover{fill:#d24a6a}.drawing .chart-body{cursor:crosshair}#toast{position:fixed;left:50%;bottom:43px;transform:translate(-50%,10px);z-index:50;background:#19323c;border:1px solid #3c6979;padding:12px 17px;border-radius:7px;box-shadow:0 8px 32px #0008;color:#d7edf3;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(550px,90vw);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:#d7e2e8;background:#101b23;border:1px solid #365260;border-radius:13px;box-shadow:0 24px 100px #0008;padding:27px;max-width:min(610px,calc(100vw - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#02080dc4;backdrop-filter:blur(5px)}.dialog-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#6fabbc}.dialog-heading h2{font-size:23px;font-weight:550;margin:10px 0 16px;letter-spacing:-.6px}dialog p{font-size:13px;line-height:1.7;color:#9fb2be}.key-grid{display:grid;grid-template-columns:110px 1fr;gap:11px 15px;margin:24px 0;align-items:center}.key-grid span{font-size:12px;color:#b2c3ce}kbd{font-family:inherit;font-size:11px;display:inline-block;width:fit-content;padding:4px 7px;border-radius:4px;border:1px solid #334753;background:#1b2a33;color:#bed0da}.demo-note{padding:14px 16px;border:1px solid #544b3a;border-radius:6px;background:#453a201d}.demo-note strong{color:#c6b388;font-size:12px}.demo-note p{font-size:12px;margin:6px 0 0}.dialog-footnote{font-size:11px!important;color:#748e9f!important}.plan-dialog{width:490px}.plan-meta{font-size:11px;color:#82adbb;padding-bottom:17px;border-bottom:1px solid #293d48}.plan-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.plan-form label{font-size:11px;color:#9bb2bf;display:flex;flex-direction:column;gap:7px}.plan-form input,.plan-form select{width:100%;border:1px solid #344d5b;background:#0e1820;color:#d9e8ef;border-radius:5px;padding:9px;font-size:13px}.plan-readout{display:grid;grid-template-columns:1fr auto;gap:11px;font-size:12px;padding:18px 0;border-top:1px solid #293d48}.plan-readout span:nth-child(odd){color:#7e99a9}.plan-readout strong{font-variant-numeric:tabular-nums;font-weight:500}.primary-button{background:#62c9d7;color:#10252c;border:1px solid #7fdfeb;border-radius:5px;padding:10px 17px;font-size:12px;font-weight:600}.primary-button:hover{background:#86deea;color:#0a252d}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.empty-plan{padding:20px 0;color:#9eb3c0;font-size:13px}.card-index{font-size:9px;color:#526b7b}.demo-stamp{font-size:9px;color:#506976}.chart-grid.expanded .demo-stamp{font-size:11px}@media(min-width:1800px){.app-header{height:70px;min-height:70px}.workspace-bar{height:58px;min-height:58px}.chart-grid{gap:10px;padding-right:14px;padding-bottom:12px}.chart-head{height:41px;min-height:41px}.kraft-panel{height:77px;min-height:77px;padding:5px;gap:2px}.panel-stack{gap:2px}.panel-button{font-size:12px}.trade-button{font-size:15px}.panel-side .side-label{font-size:10px}.chart-caption{font-size:11px;height:28px;min-height:28px}.symbol-name{font-size:15px}.tf-select{font-size:12px}.plan-open{font-size:11px}.asset-mark{width:22px;height:22px}.status-bar{font-size:11px}.demo-label{font-size:11px}}
@media(max-width:1050px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(310px,1fr))}.workspace-name{display:none}.shortcut-hint{display:none}.panel-button{font-size:11px}.chart-grid.expanded .kraft-panel{grid-template-columns:minmax(30px,.8fr) repeat(2,minmax(26px,.8fr)) minmax(90px,2.5fr) repeat(2,minmax(26px,.8fr)) minmax(30px,.8fr)}.chart-watermark{font-size:90px}}
@media(max-width:590px){.app-header{padding:0 13px;height:58px;min-height:58px}.brand strong{font-size:16px}.brand strong span{font-size:8px;letter-spacing:4px}.brand-mark{transform:scale(.85)}.brand{gap:7px}.demo-label{font-size:8px;letter-spacing:.5px;padding:5px}.global-actions{gap:7px}.workspace-bar{height:50px;min-height:50px;padding:0 10px 0 13px}.workspace-title>span{display:none}.workspace-title h1{font-size:16px}.text-button{padding:7px 6px;font-size:10px}.divider{display:none}.workspace-controls{gap:0}#grid-button span{display:none}.tool-rail{width:38px;min-width:38px;gap:10px}.rail-button{width:30px;height:34px}.chart-grid{grid-template-columns:1fr;grid-template-rows:repeat(8,390px);gap:9px;padding-right:8px}.chart-head{height:39px;min-height:39px}.kraft-panel{height:71px;min-height:71px}.chart-caption{height:29px;min-height:29px;font-size:10px}.chart-grid.expanded{grid-template-rows:minmax(300px,1fr)}.chart-grid.expanded .panel-button{font-size:10px}.status-bar{padding:0 8px;font-size:9px}.status-bar a{max-width:92px;font-size:8px}.status-bar>div{gap:5px}.chart-watermark{font-size:110px}.key-grid{grid-template-columns:90px 1fr;gap:11px}.key-grid span{font-size:11px}dialog{padding:20px}.dialog-heading h2{font-size:20px}.chart-grid.expanded .chart-watermark{font-size:140px}.plan-form{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}