@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)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.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}.topbar-actions{display:flex;align-items:center;gap:10px}.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:42px;height:42px;border:1px solid #2a3c56;border-radius:11px;background:#0c1628;color:#cbd7e9;font-size:21px;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:8px;color:#d7c684;background:#241f13;border:1px solid #51472b;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:600}.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}.chart-screen .chart-header,.chart-screen .chart-footer{flex:0 0 auto}.chart-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;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}.symbol .separator{color:#44516a}.timeframe-select{min-width:57px;padding:4px 20px 4px 7px;border:1px solid #2a3c56;border-radius:7px;background:#10203a;color:#eef3fc;font:600 12px DM Sans,sans-serif}.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}.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}.indicator-legend{position:absolute;z-index:4;top:64px;right:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px 9px;max-width:min(420px,calc(100% - 130px));padding:7px 9px;border:1px solid #263650a8;border-radius:9px;background:#0b1426d9;color:#aab8cd;font-size:9px;pointer-events:none}.indicator-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.indicator-legend i{width:10px;height:2px;display:inline-block;background:#e8eefb}.indicator-legend .legend-short{background:#e8eefb}.indicator-legend .legend-mid{background:#359bff}.indicator-legend .legend-h4{background:linear-gradient(90deg,#359bff 50%,#ffd166 50%)}.indicator-legend .legend-d1{background:linear-gradient(90deg,#ff5364 50%,#ff9f43 50%)}.touch-crosshair line{stroke:#7487a5;stroke-width:1;stroke-dasharray:4 4;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-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;top:50%;left:50%;transform:translate(-50%,-50%);color:#16203470;font:800 clamp(28px,6vw,64px) Manrope,sans-serif;letter-spacing:.07em;pointer-events:none;-webkit-user-select:none;user-select:none}.drawing-toolbar{position:absolute;z-index:5;top:18px;left:16px;display:flex;flex-direction:column;gap:7px;padding:8px;border:1px solid #263650;border-radius:14px;background:#0c1628ee;box-shadow:0 8px 30px #0008}.tool-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a8b9d5;font-size:23px;cursor:pointer;touch-action:manipulation}.tool-button:hover,.tool-button.selected{color:#fff;border-color:#317bd8;background:#15325a}.tool-button.selected{box-shadow:inset 0 0 0 1px #358bff60}.tool-button:disabled,.primary-button:disabled,.file-button:has(input:disabled){opacity:.5;cursor:wait}.tool-button.delete-tool-button{color:#ff7b87}.tool-button.delete-tool-button:disabled{color:#64738a;opacity:.5;cursor:not-allowed}.tool-button.delete-tool-button:not(:disabled):hover{border-color:#a94352;background:#3b1822;color:#ff9ca5}.toolbar-divider{height:1px;background:#25334a;margin:2px 3px}.chart-footer{min-height:43px;display:flex;align-items:center;gap:9px;padding:0 16px;border-top:1px solid var(--line);color:#a6b4c9;font-size:12px}.live-dot{width:6px;height:6px;flex:0 0 auto}.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))}.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}.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)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.topbar{flex:0 0 auto;margin:2px 3px 8px}.topbar-actions{display:grid;grid-template-columns:auto auto;justify-items:end;gap:4px 7px}.build-version{grid-column:1 / -1;font-size:8px}.settings-button{width:38px;height:38px;border-radius:10px}h1{font-size:19px}.market-status{padding:7px 10px;font-size:10px}.chart-card,.action-panel,.test-panel{border-radius:12px}.chart-header{height:58px;padding:0 12px}.symbol{gap:6px;font-size:11px}.symbol strong{font-size:14px}.timeframe-select{min-width:52px;padding:3px 16px 3px 5px;font-size:10px}.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 58px}.chart-area{height:auto;min-height:0;flex:1 1 auto}.drawing-toolbar{top:10px;left:9px;gap:5px;padding:6px;border-radius:12px}.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}.indicator-legend{top:52px;right:9px;max-width:calc(100% - 110px);gap:4px 7px;padding:5px 7px;font-size:8px}.tool-button{width:38px;height:40px;font-size:21px}.chart-footer{min-height:43px;padding:8px 10px;font-size:10px}.drawing-total{font-size:9px}.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}.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}.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}}