:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0b1017;color:#d9e3ee}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:1440px;margin:auto;padding:26px 30px}
.brand{font-size:12px;font-weight:700;letter-spacing:.16em}.muted{color:#72849a}.instrument{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 10px}h1{font-size:28px;letter-spacing:-.035em;margin:0}
.badge{font-size:11px;letter-spacing:.05em;border:1px solid #293546;border-radius:4px;padding:5px 8px}.badge:empty{display:none}.badge[data-side=LONG]{color:#61cdb0;border-color:#2a5149}.badge[data-side=SHORT]{color:#ef8297;border-color:#643746}
p{margin:8px 0;color:#93a4ba;font-size:12px;line-height:1.6}.ohlc{font-variant-numeric:tabular-nums;min-height:36px;color:#c1cedd;padding:0 12px;font-size:10px;overflow-wrap:anywhere}
nav{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0 14px;border-top:1px solid #222e3d;padding-top:16px;font-size:12px}
#controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}label{display:flex;align-items:center;gap:3px;color:#a6b5c7;cursor:pointer;min-height:36px;white-space:nowrap}input{accent-color:#83a9d8;width:15px;height:15px}
button{background:#1c2b3e;color:#dce9f8;border:1px solid #354862;border-radius:5px;padding:10px 12px;cursor:pointer}button:hover{background:#263b53}button:disabled{opacity:.4}a{color:#9ab8dd;text-decoration:none;white-space:nowrap}a:hover{text-decoration:underline}
.timeframes{display:flex;gap:2px}.timeframes button{padding:10px 11px;background:transparent;border-color:transparent;color:#879bb4}.timeframes button[aria-pressed=true]{background:#243b55;color:#e3efff;border-color:#3c5c7c}
#status{min-height:20px}.notice{padding:40px 22px;border:1px solid #293546;border-radius:8px;background:#10161e;color:#c8d6e6;font-size:16px;text-align:center}
.panel{width:100%;min-width:0;border:1px solid #253142;border-radius:7px;overflow:hidden;background:#10161e}.chart{height:66vh;min-height:390px;max-height:800px;touch-action:pan-y}
footer{font-size:10px;color:#6e8199;line-height:1.6;margin-top:10px}
@media(max-width:640px){main{padding:18px 12px}.instrument{gap:8px}h1{font-size:25px}nav{align-items:flex-start;flex-wrap:wrap;gap:12px}#controls{gap:8px 10px;width:100%}.chart{height:61vh;min-height:340px}.notice{font-size:14px;padding:28px 12px}#times{font-size:11px}}