:root{color-scheme:dark;font-family:system-ui,"Microsoft YaHei",sans-serif;background:#101824;color:#dce6f3}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}main{height:calc(100dvh - 16px);margin:8px;display:flex;flex-direction:column;border:1px solid #263347;border-radius:8px;overflow:hidden}header{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid #263347;flex-wrap:wrap}.instrument{display:flex;align-items:center;gap:12px;white-space:nowrap}.instrument strong{font-size:19px;font-weight:500;font-variant-numeric:tabular-nums}select,button,header a{background:#182332;color:#b3c0d0;border:1px solid #31445a;border-radius:6px;padding:6px 8px;font-size:13px;text-decoration:none}button{border-color:transparent;background:transparent;cursor:pointer}button.selected{color:#5ce0c0;background:#1a3431}button:hover,header a:hover{color:#5ce0c0}header a{margin-left:auto;padding:6px 12px;font-size:12px}#timeframes{display:flex;gap:3px}#change{font-size:12px}.up{color:#5ce0c0}.down{color:#ff7d90}#ohlc{min-height:27px;padding:6px 14px;color:#8e9cb0;font-size:11px;font-variant-numeric:tabular-nums}#chart{flex:1;min-height:0;position:relative}#market-status{position:absolute;top:12px;left:14px;z-index:2;background:#101824dd;padding:8px 12px;font-size:12px;color:#8e9cb0}#market-status[hidden]{display:none}@media(max-width:900px){#timeframes{order:2;flex:1 0 100%}.instrument strong{font-size:17px}}@media(max-width:520px){main{height:100dvh;margin:0;border:0;border-radius:0}header{padding:7px;gap:6px}.instrument{gap:6px}.instrument select{max-width:140px;font-size:12px}.instrument strong{font-size:15px}#change{display:none}#timeframes{justify-content:space-between}#timeframes button{padding:5px 6px;font-size:11px}#ohlc{font-size:10px;padding:5px 8px}}