:root{color-scheme:dark;--bg:#0c1119;--panel:#151e2a;--border:#263243;--text:#edf3fa;--muted:#8e9fb5;--accent:#77e0b5;--red:#fb8c9a;--amber:#f1c76e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,sans-serif}header,main,footer{max-width:760px;margin:auto}header{padding:24px 20px 14px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750}.brand small{display:block;font-size:11px;font-weight:500;color:var(--muted)}.logo{background:var(--accent);color:#12231d;width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.tag{background:#1b302b;color:var(--accent);padding:6px 10px;border-radius:30px;font-size:12px}main{padding:0 16px 30px}section.overview{padding:23px;background:linear-gradient(120deg,#192b2b,#152031);border:1px solid var(--border);border-radius:20px}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.7px;font-weight:700}.balance{font-size:36px;font-weight:750;letter-spacing:-1px;margin:6px 0}.balance small{font-size:13px;margin-left:9px;color:var(--muted);letter-spacing:0}.stats{display:flex;gap:22px;font-size:12px;color:var(--muted)}.stats b{color:var(--text);margin-left:4px}.connection{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid #ffffff0d;padding-top:10px;font-size:12px}.dot-label:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:7px}.dot-label.good:before{background:var(--accent)}.dot-label.bad:before{background:var(--red)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:wait}.text-button{border:0;background:none;color:var(--accent);font-size:12px;padding:8px}.tabs{display:flex;gap:3px;background:#121a25;padding:5px;border-radius:12px;margin:20px 0}.tabs button{flex:1;border:0;border-radius:8px;background:none;color:var(--muted);padding:10px 4px;font-size:13px}.tabs button.selected{color:var(--text);background:#253244}h1{font-size:23px;letter-spacing:-.5px;margin:23px 0 16px}h2{font-size:16px;margin:0}.flow-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flow{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:15px 8px;text-align:left}.flow span{display:block;font-size:22px;color:var(--muted);margin-bottom:5px}.flow b{font-size:13px}.flow small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.flow.selected{border-color:var(--accent);background:#162d29}.flow.selected span{color:var(--accent)}form{margin-top:24px}.section-title{display:flex;align-items:center;gap:9px;margin:25px 0 14px}.section-title span{color:var(--accent);font-size:11px;background:#1d302b;border-radius:6px;padding:4px 6px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:13px}input,select{width:100%;margin-top:7px;background:#141e2c;border:1px solid var(--border);border-radius:10px;color:var(--text);font:15px system-ui;padding:13px 11px;min-height:46px;outline:none}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:#60748d;font-size:11px}.muted{font-size:12px;color:var(--muted);margin:4px 0 16px}.hint{font-size:12px;color:#c1d1e2;background:#182433;border-left:2px solid #67a3dd;padding:12px;border-radius:5px;white-space:pre-line;margin:9px 0 16px}.corridor{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:12px 0 20px}.corridor i{height:4px;background:linear-gradient(90deg,#588cb1,#77e0b5);flex:1;border-radius:3px}.primary,.secondary{width:100%;border:0;border-radius:11px;padding:14px;font-weight:700;margin:7px 0}.primary{background:var(--accent);color:#0f211b}.secondary{background:#253244;color:var(--text);font-size:13px}.summary{padding:17px;border:1px solid var(--border);border-radius:13px;margin:24px 0 14px}.summary p{font-size:13px;margin:8px 0 0;white-space:pre-line}.footnote{text-align:center;font-size:10px;margin-top:8px}.card{padding:17px;background:var(--panel);border:1px solid var(--border);border-radius:14px;margin:12px 0}.card h3{font-size:15px;margin:0 0 10px}.card p{font-size:12px;color:var(--muted);white-space:pre-line}.status{float:right;font-size:10px;padding:4px 7px;border-radius:20px;background:#2d333f;color:var(--muted)}.status.green{color:var(--accent);background:#1e372e}.status.amber{color:var(--amber);background:#3a3220}.status.red{color:var(--red);background:#3e2730}.empty{text-align:center;padding:30px 12px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);font-size:13px}#notice:empty{display:none}#notice{padding:12px;background:#3b2930;color:#ffd0d5;border-radius:10px;margin-bottom:12px;font-size:13px;white-space:pre-line}dialog{background:#15202e;color:var(--text);border:1px solid var(--border);border-radius:18px;max-width:480px;width:calc(100% - 30px);padding:23px;max-height:88vh;overflow:auto}dialog::backdrop{background:#050911ba;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin:12px 0}#confirm-preview{font-size:13px;white-space:pre-line;padding:12px;background:#101822;border-radius:9px;margin:16px 0}footer{text-align:center;padding:5px 0 25px;color:#60748d;font-size:11px}footer span{margin:0 7px}[hidden]{display:none!important}@media(min-width:600px){main{padding:0 24px 40px}.flow{padding:18px}.flow b{font-size:15px}.flow small{font-size:12px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

input,select{font-size:16px;scroll-margin-bottom:90px}

.pnl-overview{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;margin:16px 0 24px}.pnl-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}.pnl-values span,.pnl-values small{display:block;color:var(--muted);font-size:12px}.pnl-values b{display:block;font-size:20px;margin:8px 0;overflow-wrap:anywhere}.pnl-values small{font-size:11px}.pnl-positive{color:var(--accent)}.pnl-negative{color:var(--red)}

.coin-picker{border:1px solid var(--border);border-radius:12px;background:var(--panel)}.coin-picker summary{cursor:pointer;padding:14px;font-size:14px}.coin-picker summary small{display:block;margin-top:7px;color:var(--accent);overflow-wrap:anywhere}.coin-options{max-height:300px;overflow-y:auto;padding:4px 12px 12px;overscroll-behavior:contain}.coin-options label{display:flex;align-items:center;gap:12px;margin:0;padding:12px 4px;border-top:1px solid var(--border);font-size:15px;cursor:pointer}.coin-options input{width:22px;height:22px;margin:0;accent-color:var(--accent);flex:none}.coin-options label:has(input:checked){color:var(--accent)}

.scan-details{padding:0 14px 14px}.details-expanded{display:none}details[open]>summary .details-expanded{display:inline}details[open]>summary .details-collapsed{display:none}
label:has(>#trailing-enabled){display:flex;align-items:center;gap:10px}#trailing-enabled{width:22px;height:22px;flex:none;accent-color:var(--accent)}

.autopilot-panel{margin:16px 0;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.autopilot-panel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 20px;box-sizing:border-box;font-size:18px;font-weight:700;cursor:pointer}.autopilot-panel>summary::-webkit-details-marker{display:none}.autopilot-settings{padding:0 18px 18px}.autopilot-panel[open]>summary{border-bottom:1px solid var(--border);margin-bottom:16px}

#autopilot-panel-status{font-size:12px;font-weight:400;color:var(--accent);margin-left:8px}

.card.bot-active{border-left:4px solid var(--accent)}
.status.resume{width:auto;margin:0;border:1px solid var(--accent);background:#1e372e;color:var(--accent);font:inherit;font-size:11px;cursor:pointer;padding:6px 10px}
.card .bot-error{color:var(--red);padding:10px;background:#3e2730;border-radius:8px}

.status.resume.bot-active{border-color:var(--accent);background:#1e372e;color:var(--accent)}
.status.resume.bot-restart{border-color:#ff879b;background:#40232c;color:#ffacba}

input.critical{color:#ff879b;border-color:#ff879b}
#grid-calculation{white-space:pre-line}

.field-hint{display:block;font-size:12px;line-height:1.5;margin-top:6px}.field-hint.critical{color:#ff879b}

.tabs{overflow-x:auto}.tabs button{white-space:nowrap;flex-shrink:0}.challenge-progress{height:14px;overflow:hidden;border-radius:8px;background:#263243}.challenge-progress span{height:100%;display:block;width:0;transition:width .3s;background:linear-gradient(90deg,#df805d,#eec466,#77e0b5)}.challenge-card h2{margin-top:0}#settings-message{white-space:pre-line}#challenge-congratulation{text-align:center;border-color:var(--accent)}

.symbol-field{position:relative;color:var(--muted);font-size:13px}.symbol-field>span{display:block;margin-bottom:6px}#symbol-picker summary{list-style:none;cursor:pointer;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:12px;color:var(--text);font-size:16px;display:flex;justify-content:space-between}#symbol-picker summary::-webkit-details-marker{display:none}#symbol-picker summary:after{content:'▾'}#symbol-picker[open] summary:after{content:'▴'}.symbol-dropdown{position:absolute;top:100%;left:0;width:max(100%,240px);max-width:calc(100vw - 48px);z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:10px;box-shadow:0 12px 30px #0008}.symbol-dropdown input{margin:0 0 8px}#symbol-options{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.symbol-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:12px;border-radius:7px}.symbol-option:hover,.symbol-option[aria-pressed="true"]{background:#243344;color:var(--accent)}

.balance-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.balance-heading h1{margin:0}.balance-heading small{color:var(--muted)}.balance-toolbar{display:flex;gap:8px;align-items:center}.balance-toolbar details{position:relative;flex:1}.balance-toolbar summary{cursor:pointer;font-weight:700;font-size:17px}.balance-toolbar select{width:85px;margin:0;padding:9px}.balance-dropdown{position:absolute;z-index:30;left:0;top:100%;width:min(340px,calc(100vw - 40px));padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0008}.balance-checkbox{display:flex;align-items:center;gap:8px;margin:12px 0}.balance-checkbox input{width:18px;min-height:18px;margin:0}#balance-pairs{max-height:250px;overflow:auto}#balance-pairs button{width:100%;padding:10px;text-align:left;background:none;border:0;color:var(--text)}#balance-pairs button:hover{background:#253244}.balance-quote{font-size:22px;margin:10px 0}#balance-chart{height:480px;min-height:300px;touch-action:none;background:#0c1119;border-radius:12px}.data-error{color:var(--amber)}body.balance-expanded header,body.balance-expanded .overview,body.balance-expanded .pnl-overview,body.balance-expanded footer{display:none}body.balance-expanded main{max-width:1400px}body.balance-expanded #balance-chart{height:calc(100dvh - 230px)}@media(max-width:600px){#balance-chart{height:55dvh}.balance-heading small{font-size:11px}}

body.balance-view .overview,body.balance-view .pnl-overview{display:none}

.reset-button{color:#ffacba;background:#40232c;border:1px solid #ff879b}

.card .bot-pending{color:var(--amber);padding:10px;background:#3a3220;border-radius:8px}

#notice.notice-info{background:#3a3220;color:var(--amber)}#notice.notice-success{background:#1e372e;color:var(--accent)}

.card.bot-reconciling{border-left:4px solid var(--amber)}

.status.resume.bot-waiting{border-color:var(--amber);background:#3b3220;color:var(--amber)}

/* Chart workspace: reserve both axes, including Telegram safe areas. */
#balance-chart{height:65dvh;min-height:380px;overflow:hidden}.chart-tools{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chart-tools button{border:1px solid var(--border);border-radius:8px;background:#1c293a;color:var(--text);padding:8px 10px;font-size:12px}.chart-tools select{width:auto;min-height:32px;padding:5px;margin:0;font-size:12px}#chart-tool-status:empty{display:none}#replay-index{padding:0;min-height:24px}#replay-position{color:var(--muted)}#grid-backtest-result:empty{display:none}#grid-backtest-dialog .hint{max-height:230px;overflow:auto}
body.balance-expanded{overflow:hidden}body.balance-expanded .tabs{display:none}body.balance-expanded #balance{position:fixed;inset:0;z-index:100;background:var(--bg);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));display:flex;flex-direction:column;overflow:hidden}body.balance-expanded .balance-heading{margin:0 0 6px}body.balance-expanded .balance-heading h1{font-size:16px}body.balance-expanded .balance-heading small{font-size:10px}body.balance-expanded #balance-chart{flex:1;height:auto;min-height:100px;border-radius:0}body.balance-expanded .balance-quote{font-size:16px;margin:3px 0}body.balance-expanded #balance-status{margin:3px 0;font-size:10px}body.balance-expanded #balance>details{display:none}body.balance-expanded .chart-tools{margin:4px 0;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0}body.balance-expanded .chart-tools button{white-space:nowrap}body.balance-expanded #chart-tool-status{margin:3px 0;font-size:11px}body.balance-expanded #replay-controls{flex-shrink:0}

#balance-date-range{display:block;font-size:10px;margin:3px 0}body.balance-expanded #balance-date-range{flex-shrink:0}
#grid-backtest-dialog .two{grid-template-columns:repeat(2,minmax(0,1fr))}#grid-backtest-dialog input{min-width:0;max-width:100%}#grid-backtest-dialog label{min-width:0}
.chart-option{display:flex;align-items:center;gap:10px;padding:8px;margin:0;font-size:14px}.chart-option input{width:20px;min-height:20px;margin:0}.chart-drawing-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chart-drawing-tools button{border:1px solid var(--border);background:#253244;color:var(--text);border-radius:8px;padding:10px}.simulator-title{color:var(--accent)}
body.balance-expanded #balance{padding:calc(max(env(safe-area-inset-top),calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px))) + 4px) max(0px,env(safe-area-inset-right)) calc(max(env(safe-area-inset-bottom),var(--tg-safe-area-inset-bottom,0px)) + 4px) max(0px,env(safe-area-inset-left))}
body.balance-expanded .balance-heading{display:none}body.balance-expanded .balance-toolbar{padding:3px 8px;gap:6px}body.balance-expanded .balance-toolbar select{width:58px;padding:6px;min-height:34px;font-size:12px}body.balance-expanded .balance-toolbar summary{font-size:16px}body.balance-expanded #balance-expand{font-size:10px;padding:4px;max-width:80px}body.balance-expanded .chart-tools{padding:0 8px;gap:5px}body.balance-expanded .chart-tools button{padding:6px 8px;font-size:11px}body.balance-expanded #chart-clear-ruler{display:none}body.balance-expanded #balance-price{display:none}body.balance-expanded #balance-status{display:none}body.balance-expanded #balance-date-range{padding:2px 8px;margin:0;font-size:9px}body.balance-expanded #balance-chart{width:100%;border-radius:0}body.balance-expanded #chart-tool-status{padding:0 8px}
#balance-expand{font-size:20px;line-height:1;min-width:32px;min-height:32px}body.balance-expanded #balance-expand{font-size:20px;padding:5px}
.balance-market-row{display:flex;margin:6px 0}.balance-market-row select{margin:0;padding:6px 9px;min-height:32px;width:auto;max-width:100%;font-size:12px}body.balance-expanded .balance-market-row{margin:0;padding:0 8px;flex-shrink:0}

#balance .chart-tools #balance-expand{margin-left:auto;flex:0 0 32px;border:0;background:none;color:var(--accent);padding:4px;font-size:21px}body.balance-expanded #balance .chart-tools #balance-expand{margin-left:auto}
#chart-tool-status:not(:empty){min-height:32px;max-height:32px;overflow:hidden;flex-shrink:0;line-height:16px}body.balance-expanded #chart-tool-status:not(:empty){min-height:32px;max-height:32px}
#balance .chart-tools #chart-photo{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex:0 0 32px;padding:4px;border:0;background:none;color:var(--accent);min-height:32px}#balance .chart-tools #balance-expand{margin-left:0!important}#chart-photo-preview{display:block;width:100%;max-height:45dvh;object-fit:contain;background:#0c1119;border-radius:8px}#chart-photo-preview:not([src]){display:none}
.web-session-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0;color:var(--muted);font-size:11px}.web-session-bar span{flex:1}.web-session-bar button{background:#1d2b3c;color:var(--text);border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:11px}.web-session-bar a{color:var(--accent);text-decoration:none}.standalone-web header{padding-top:max(18px,env(safe-area-inset-top))}.standalone-web footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}body.balance-expanded .web-session-bar{display:none}

#web-login-message.auth-error{color:var(--red,#ff657a)}
#web-pair-code[aria-invalid="true"]{border-color:var(--red,#ff657a)}
