@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#e8eefb;background:#05080f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--muted: #8190a8;--navy: #0b1426;--line: #1a2639;--blue: #359bff;--cyan: #13c99a}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;color:inherit}.app-shell{width:min(1180px,100%);margin:0 auto;padding:26px 28px 32px}.app-shell.chart-screen{width:100%;height:100vh;height:100dvh;max-width:none;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0;padding:max(12px,env(safe-area-inset-top)) 0 max(12px,env(safe-area-inset-bottom))}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#05080f}.auth-card{width:min(420px,100%);padding:30px;border:1px solid #1a2639;border-radius:18px;background:#080d17;box-shadow:0 18px 60px #0006}.auth-card h1{margin-bottom:12px}.auth-copy,.auth-status{color:#9ba9bf;font-size:13px;line-height:1.6}.auth-error{color:#ff9ca5;font-size:12px;line-height:1.5}.auth-google-button{width:100%;min-height:46px}.auth-google-button:disabled{opacity:.55;cursor:wait}.sign-out-button{min-height:36px;padding:0 11px;border:1px solid #2a3c56;border-radius:9px;background:#0c1628;color:#aebdd2;font-size:11px;cursor:pointer}.sign-out-button:hover{border-color:#456181;background:#111e33}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.chart-screen .topbar{flex:0 0 auto;min-height:38px;margin:0;padding:0 16px}.chart-screen .topbar h1{font-size:16px;letter-spacing:-.02em;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:7px}.build-version{color:#71819b;font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.settings-button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2a3c56;border-radius:10px;background:#0c1628;color:#cbd7e9;font-size:19px;cursor:pointer;touch-action:manipulation}.settings-button:hover{border-color:#456181;background:#111e33}.eyebrow{margin:0 0 6px;color:#6e809f;font-size:10px;font-weight:700;letter-spacing:.18em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font:700 23px/1.2 Manrope,sans-serif;letter-spacing:-.035em}.market-status{display:flex;align-items:center;gap:7px;color:#d7c684;background:#241f13;border:1px solid #51472b;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:600;white-space:nowrap}.market-status span,.live-dot{width:7px;height:7px;border-radius:50%;background:#e3bf57;box-shadow:0 0 9px #e3bf5770}.market-status.market-live{color:#79ddbd;background:#10271f;border-color:#205b48}.market-status.market-live span{background:#13c99a;box-shadow:0 0 9px #13c99a70}.market-status.market-stale{color:#ffb17c;background:#2a1d14;border-color:#69401f}.market-status.market-stale span{background:#f39a45;box-shadow:0 0 9px #f39a4570}.chart-card,.action-panel,.test-panel{overflow:hidden;background:#080d17;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #0004}.chart-screen .chart-card{min-height:0;flex:1 1 auto;display:flex;flex-direction:column;border-right:0;border-left:0;border-radius:0}.chart-screen .chart-header,.chart-screen .chart-footer{flex:0 0 auto}.chart-header{height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(105deg,#101d37,#0c172a 62%,#10223d);border-bottom:1px solid #1c2d46}.symbol{display:flex;align-items:baseline;gap:9px;color:#93a5c1;font-size:13px}.symbol strong{color:#eef3fc;font:700 16px Manrope,sans-serif}.timeframe-switcher{min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.timeframe-switcher::-webkit-scrollbar{display:none}.timeframe-switcher button{flex:0 0 auto;min-width:39px;height:32px;padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#91a2bd;font:600 11px DM Sans,sans-serif;white-space:nowrap;cursor:pointer;touch-action:pan-x}.timeframe-switcher button:hover{background:#172b4b;color:#dbe8ff}.timeframe-switcher button.active{border-color:#295b94;background:#173761;color:#f0f6ff;box-shadow:inset 0 0 0 1px #358bff30}.mobile-timeframe-select{display:none}.price{display:flex;align-items:baseline;gap:10px}.price strong{font:700 18px Manrope,sans-serif}.price span{color:var(--cyan);font-size:12px}.chart-area{position:relative;height:min(62vh,620px);min-height:360px;background:#05070c}.chart-screen .chart-area{height:auto;min-height:0;flex:1 1 auto}.chart-host{position:absolute;top:0;right:0;bottom:0;left:0}.market-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#05070c;color:#a9b6ca;text-align:center;pointer-events:none}.market-overlay strong{color:#e8eefb;font-size:14px}.market-overlay span{max-width:440px;color:#8190a8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.touch-preview{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.price-countdown-overlay{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.indicator-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.indicator-toolbar{position:absolute;z-index:5;top:16px;right:16px;display:flex;gap:6px;padding:5px;border:1px solid #263650;border-radius:12px;background:#0c1628ee;box-shadow:0 8px 30px #0008}.indicator-toolbar button{min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8999b1;font-size:11px;font-weight:700;cursor:pointer;touch-action:manipulation}.indicator-toolbar button.active{border-color:#317bd8;background:#15325a;color:#eef6ff}.touch-crosshair line{stroke:#fff9;stroke-width:1;stroke-dasharray:1 1;vector-effect:non-scaling-stroke}.touch-crosshair circle{fill:#359bff;stroke:#e6f5ff;stroke-width:2;vector-effect:non-scaling-stroke}.touch-crosshair .touch-icon-preview{fill:#ffd166;stroke:#08111e;stroke-width:1px;paint-order:stroke;font-size:25px;text-anchor:middle;dominant-baseline:central}.touch-axis-label{pointer-events:none}.touch-axis-label rect{stroke:none;vector-effect:non-scaling-stroke}.touch-axis-label text{fill:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;text-anchor:middle;dominant-baseline:central}.price-countdown-label text{text-anchor:start}.touch-preview .preview-line{stroke:#53a8ff;stroke-width:2.5;filter:drop-shadow(0 0 3px #359bff99);vector-effect:non-scaling-stroke}.touch-preview .preview-anchor{fill:#53a8ff;stroke:#e6f5ff;stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-watermark{position:absolute;z-index:1;transform:translate(-50%,-50%);color:#7e92af2e;font:800 clamp(28px,6vw,64px) Manrope,sans-serif;letter-spacing:.07em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.drawing-toolbar{position:absolute;z-index:5;top:18px;left:16px;display:flex;flex-direction:row;align-items:center;gap:2px;max-width:calc(100% - 32px);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:5px 8px;border:0;border-radius:13px;background:#202020f5;box-shadow:0 8px 24px #0007;touch-action:pan-x}.drawing-toolbar::-webkit-scrollbar{display:none}.drawing-toolbar.collapsed{width:48px;gap:0;padding:4px;overflow:hidden}.tool-button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:8px;background:transparent;color:#d7d7d7;font-size:19px;cursor:pointer;touch-action:manipulation}.tool-button svg{width:31px;height:31px}.tool-button.toolbar-toggle{flex:0 0 38px;width:38px;height:42px;border:0;background:transparent;color:#737373}.tool-button.toolbar-toggle svg{width:31px;height:31px}.drawing-toolbar.collapsed .tool-button.toolbar-toggle{flex-basis:38px;width:38px;height:38px}.tool-button:hover,.tool-button.selected{color:#fff;background:#363636}.tool-button.selected{box-shadow:none}.tool-button:disabled,.primary-button:disabled,.file-button:has(input:disabled){opacity:.5;cursor:wait}.tool-button.delete-tool-button{color:#b6b6b6}.tool-button.delete-tool-button:disabled{color:#696969;opacity:.65;cursor:not-allowed}.tool-button.delete-tool-button:not(:disabled):hover{background:#453033;color:#ff9ca5}.toolbar-divider{align-self:stretch;width:1px;min-height:28px;background:#414141;margin:6px 3px}.chart-footer{min-height:34px;display:flex;align-items:center;gap:10px;padding:0 12px;border-top:1px solid var(--line);color:#a6b4c9;font-size:10px}.live-dot{width:6px;height:6px;flex:0 0 auto}.footer-sync{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap}.footer-sync.sync-saved{color:#13c99a}.footer-sync.sync-saved .live-dot{background:#13c99a;box-shadow:0 0 7px #13c99a70}.footer-sync.sync-saving,.footer-sync.sync-loading{color:#d7c684}.footer-sync.sync-error{color:#ff9ca5}.footer-sync.sync-error .live-dot{background:#ff7183;box-shadow:0 0 7px #ff718370}.footer-message{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8190a8}.drawing-total{margin-left:auto;color:#71819b;white-space:nowrap}.action-panel,.test-panel{margin-top:16px;padding:19px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading .eyebrow{margin-bottom:4px}h2{margin-bottom:0;font:700 15px Manrope,sans-serif}.panel-heading>span{color:#687994;font-size:11px}.panel-heading>.sync-status{white-space:nowrap}.sync-status.sync-saved{color:#13c99a}.sync-status.sync-saving,.sync-status.sync-loading{color:#d7c684}.sync-status.sync-error{color:#ff9ca5}.panel-copy{margin:10px 0 15px;color:#8795ac;font-size:12px}.mt4-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.mt4-account-grid>div,.mt4-order-row{display:grid;gap:5px;padding:10px 12px;border:1px solid #1e2b41;border-radius:10px;background:#0a1220}.mt4-account-grid span,.mt4-order-row span{color:#8795ac;font-size:11px}.mt4-account-grid strong,.mt4-order-row strong{color:#e6edf8;font-size:13px;overflow-wrap:anywhere}.mt4-order-list{display:grid;gap:8px;margin-top:12px}.mt4-order-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mt4-order-panel{overflow:visible}.mt4-new-order-form,.mt4-order-list-section,.mt4-command-history{margin-top:18px;padding-top:16px;border-top:1px solid #1a2639}.mt4-order-form-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.mt4-order-form-heading strong{color:#dce6f7;font-size:13px}.mt4-order-form-heading>span{color:#71819b;font-size:10px;text-align:right}.mt4-order-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mt4-order-fields label{display:grid;gap:6px;color:#8795ac;font-size:10px}.mt4-order-fields input,.mt4-order-fields select{width:100%;min-width:0;min-height:39px;padding:0 10px;border:1px solid #2a3c56;border-radius:8px;outline:none;background:#0a1220;color:#e8eefb;font:inherit;font-size:12px}.mt4-order-fields input:focus,.mt4-order-fields select:focus{border-color:#359bff;box-shadow:0 0 0 2px #359bff25}.mt4-order-fields input:disabled,.mt4-order-fields select:disabled{opacity:.55}.mt4-new-order-form>.actions{margin-top:12px}.mt4-form-error{margin:10px 0 0;color:#ff9ca5;font-size:11px}.mt4-managed-list,.mt4-history-list{display:grid;gap:8px}.mt4-managed-order{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #1e2b41;border-radius:10px;background:#0a1220}.mt4-managed-order-main{display:grid;gap:5px;min-width:0}.mt4-managed-order-main strong{color:#e6edf8;font-size:12px}.mt4-managed-order-main span{color:#8795ac;font-size:10px;overflow-wrap:anywhere}.mt4-managed-order .actions{flex:0 0 auto}.mt4-managed-order .secondary-button{min-height:34px;padding:0 10px;font-size:10px}.text-button{border:0;background:transparent;color:#71b9ff;font:inherit;font-size:11px;cursor:pointer}.text-button:disabled{opacity:.5;cursor:wait}.mt4-history-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,.7fr) minmax(160px,.8fr);gap:10px;width:100%;padding:9px 11px;border:1px solid #1e2b41;border-radius:8px;background:#0a1220;color:#aab8cd;text-align:left;font-size:10px;cursor:pointer}.mt4-history-row span:first-child{color:#dce6f7}.mt4-history-row span:last-child{color:#71819b;text-align:right}.mt4-history-row.selected{border-color:#317bd8;background:#10203a}.mt4-command-feedback{margin-top:14px;padding:11px 12px;border:1px solid #2a3c56;border-radius:9px;background:#0a1220}.mt4-command-feedback>div{display:grid;gap:5px}.mt4-command-feedback strong{color:#dce6f7;font-size:12px}.mt4-command-feedback span{color:#8795ac;font-size:10px;overflow-wrap:anywhere}.mt4-command-feedback .panel-copy{margin:0 0 6px}.mt4-confirm-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:20px;background:#02050bd9}.mt4-confirm-dialog{width:min(480px,100%);max-height:min(90vh,760px);overflow-y:auto;padding:22px;border:1px solid #2a3c56;border-radius:16px;background:#080d17;box-shadow:0 24px 80px #000b}.mt4-confirm-dialog h3{margin:0 0 9px;color:#eef3fc;font:700 17px Manrope,sans-serif}.mt4-confirm-dialog dl{display:grid;gap:7px;margin:15px 0 18px}.mt4-confirm-dialog dl>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px 9px;border-radius:7px;background:#0a1220}.mt4-confirm-dialog dt{color:#71819b;font-size:10px}.mt4-confirm-dialog dd{margin:0;color:#e3ebf8;font-size:11px;overflow-wrap:anywhere}.mt4-confirm-dialog .actions{justify-content:flex-end}.mt4-confirm-dialog .primary-button{background:#61232e;border-color:#a94352}.mt4-confirm-dialog .primary-button:hover{background:#7a2c39}.live-sync-indicator{display:flex;align-items:center;gap:7px;margin-top:-7px}.live-sync-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d7c684}.live-sync-indicator.connected .live-sync-dot{background:#13c99a;box-shadow:0 0 8px #13c99a88}.actions{display:flex;flex-wrap:wrap;gap:9px}.font-size-control{display:grid;grid-template-columns:88px minmax(100px,1fr) 44px;align-items:center;gap:12px;max-width:520px;margin:16px 0;color:#aab7cb;font-size:12px}.font-size-control input{width:100%;accent-color:#359bff}.font-size-control output{color:#e8eefb;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.chart-display-settings .actions .secondary-button{min-height:34px;font-size:11px}.primary-button,.secondary-button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid #2a3c56;border-radius:9px;background:#0c1628;color:#cbd7e9;font-size:12px;font-weight:600;cursor:pointer}.primary-button{border-color:#1769bb;background:#123d6b;color:#eef7ff}.primary-button:hover{background:#18518d}.secondary-button:hover{border-color:#456181;background:#111e33}.danger-button{color:#db9da5}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.test-panel ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:16px 0 0;padding-left:18px;color:#aab7cb;font-size:12px}.test-panel li::marker{color:#3b9bff}.legal-note{padding:17px 3px 0;color:#59677c;font-size:10px}.settings-content[hidden],.chart-card[hidden]{display:none}@media(max-width:640px){html,body,#root{width:100%;height:100%;min-height:0;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0;overscroll-behavior:none}.app-shell{width:100%;height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}.app-shell.chart-screen{padding:max(8px,env(safe-area-inset-top)) 0 max(8px,env(safe-area-inset-bottom))}.chart-screen .topbar{padding:0 10px;gap:6px}.chart-screen .topbar h1{font-size:13px}.topbar{flex:0 0 auto;margin:2px 3px 8px}.chart-screen .topbar-actions{display:grid;grid-template-columns:auto auto auto;justify-items:end;gap:2px 4px}.build-version{grid-column:1 / -1;justify-self:end;font-size:7px}.settings-button{width:34px;height:34px;border-radius:9px}h1{font-size:19px}.chart-screen .market-status{padding:5px 7px;font-size:9px}.chart-card,.action-panel,.test-panel{border-radius:12px}.chart-header{height:48px;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;padding:0 8px}.symbol{gap:5px;font-size:9px}.symbol strong{font-size:13px}.timeframe-switcher{display:none}.mobile-timeframe-select{display:block;width:100%;max-width:76px;height:30px;justify-self:center;padding:0 20px 0 7px;border:1px solid #2a3c56;border-radius:7px;background:#10203a;color:#eef3fc;font:600 10px DM Sans,sans-serif}.price{flex-direction:column;align-items:flex-end;gap:1px}.price strong{font-size:16px}.price span{font-size:10px}.chart-card{min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.chart-card[hidden]{display:none}.chart-header{flex:0 0 48px}.chart-area{height:auto;min-height:0;flex:1 1 auto}.drawing-toolbar{top:10px;left:9px;max-width:calc(100% - 18px);gap:1px;padding:4px 6px;border-radius:12px}.drawing-toolbar.collapsed{width:44px;padding:3px}.indicator-toolbar{top:9px;right:9px;gap:3px;padding:4px;border-radius:10px}.indicator-toolbar button{min-height:31px;padding:0 8px;font-size:10px}.tool-button{flex-basis:38px;width:38px;height:38px;font-size:17px}.tool-button svg{width:28px;height:28px}.tool-button.toolbar-toggle{flex-basis:34px;width:34px;height:38px}.tool-button.toolbar-toggle svg{width:28px;height:28px}.drawing-toolbar.collapsed .tool-button.toolbar-toggle{flex-basis:34px;width:34px;height:34px}.toolbar-divider{min-height:25px;margin:3px 2px}.chart-footer{min-height:31px;gap:6px;padding:0 8px;font-size:8px}.footer-sync{gap:4px}.footer-message{min-width:0}.drawing-total{font-size:8px}.settings-content{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:10px}.action-panel,.test-panel{padding:15px 13px}.font-size-control{grid-template-columns:74px minmax(70px,1fr) 38px;gap:8px;margin:12px 0;font-size:11px}.chart-display-settings .actions{display:flex}.panel-heading>span{font-size:9px}.panel-copy{line-height:1.5;font-size:11px}.mt4-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mt4-order-row{grid-template-columns:1fr}.mt4-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.mt4-order-form-heading{align-items:flex-start}.mt4-order-form-heading>span{max-width:55%;line-height:1.4}.mt4-managed-order{align-items:stretch;flex-direction:column}.mt4-managed-order .actions{display:flex}.mt4-managed-order .actions>button{flex:1}.mt4-history-row{grid-template-columns:minmax(0,1fr) auto}.mt4-history-row span:last-child{grid-column:1 / -1;text-align:left}.mt4-confirm-backdrop{align-items:end;padding:8px}.mt4-confirm-dialog{max-height:85dvh;padding:18px 15px;border-radius:15px 15px 10px 10px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .primary-button{grid-column:span 2}.secondary-button,.primary-button{min-height:42px;font-size:11px}.test-panel ul{grid-template-columns:1fr;gap:8px;padding-left:16px;font-size:11px}.legal-note{padding-left:4px;line-height:1.5}}
