:root{--bg:#07101d;--panel:#111b2b;--line:#24324a;--text:#eef4ff;--muted:#8fa0b7;--blue:#4f7cff;--green:#27c48d;--red:#ff5d75}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}
body{min-height:100svh}
button,input,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:#08111fdd;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.topbar>div{display:grid}.topbar small{color:var(--muted)}
.ghost{background:#18243a;color:white;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
main{padding:14px 14px calc(82px + env(safe-area-inset-bottom));max-width:900px;margin:auto}
.card{background:linear-gradient(180deg,#121c2d,#0e1624);border:1px solid var(--line);border-radius:16px}
.toolbar{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
select,input{width:100%;background:#09111e;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}
.timeframes{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto}
.timeframes button,.drawing button,.presets button{border:0;border-radius:9px;padding:9px 11px;background:#19243a;color:#b7c4d8;white-space:nowrap}
.timeframes button.active,.drawing .active,.presets .active{background:var(--blue);color:white}
.drawing{display:flex;gap:7px;overflow-x:auto;padding:9px;margin-top:12px}.drawing .danger{background:#45202d;color:#ffb1bf}
.chart{margin-top:12px;overflow:hidden}.chart-head{display:flex;justify-content:space-between;align-items:center;padding:14px}.chart-head #priceLabel{margin-right:10px;color:#72e2b8}.chart-head #status{font-size:12px;background:#18392f;color:#77e6bc;padding:6px 9px;border-radius:999px}
#chartCanvas{width:100%;height:420px;display:block;background:#0b1421;touch-action:none}
.quick,.scripts{padding:16px;margin-top:12px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,.scripts h2{margin:0}
.quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.quick-buttons button{border:0;border-radius:12px;padding:14px;color:white;font-weight:800}.buy{background:var(--green)}.sell{background:var(--red)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid label{display:grid;gap:7px;margin-top:12px}
.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.summary>div{display:grid;gap:5px;background:#09111e;border:1px solid var(--line);border-radius:10px;padding:11px}.summary span{color:var(--muted);font-size:12px}
.result{margin-top:10px;background:#17392f;color:#7be6bd;border-radius:10px;padding:11px}
.script-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.bottom{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#08111fdd;border-top:1px solid var(--line);backdrop-filter:blur(14px)}
.bottom button{border:0;background:transparent;color:#8fa0b7;padding:7px}.bottom .active{color:#8ca9ff}