*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#15181d;color:#d8dde5;font-synthesis:none}body{margin:0}main{max-width:1600px;margin:auto;padding:22px 28px}a{color:#97a8bd;text-decoration:none}a:hover{color:#f0b90b}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.back{font-size:12px}h1{font-size:29px;letter-spacing:-.5px;margin:8px 0 5px}h1 span{font-weight:550;font-size:23px}header p{margin:0;font-size:13px;color:#8c97a7}.vs{margin:0 8px;color:#505d70}.header-right{display:grid;gap:9px;text-align:right;font-size:12px}.badge{display:inline-block;justify-self:end;background:#20272b;border:1px solid #36443f;color:#73d9a4;border-radius:5px;padding:7px 12px}.badge.stale{color:#e8ba66;border-color:#514532;background:#29251e}small{font-size:12px;color:#8c97a7}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{background:#1b1f25;border:1px solid #2c333d;border-radius:8px;padding:16px;min-width:0}.label{display:flex;align-items:center;gap:6px;color:#a5afbc;font-size:12px;min-height:18px}.label a,.label .unit,.label #premiumTag{margin-left:auto}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.yellow{background:#f0b90b}.blue{background:#6999ff}.metric strong{font-size:31px;display:inline-block;font-weight:620;letter-spacing:-1px;margin:13px 5px 10px 0;font-variant-numeric:tabular-nums}.unit{font-size:11px;color:#778495}.metric small{display:block;line-height:1.9;font-size:11px}.metric .phase{font-size:26px;letter-spacing:0}.premium{border-top:2px solid #7791ac}.up{color:#42c798}.down{color:#f07884}#premiumTag{font-size:11px;font-weight:500}.notice{font-size:12px;line-height:1.7;padding:10px 13px;margin:12px 0;border:1px solid #343b44;background:#1d2229;border-radius:6px;color:#a3afbe}.notice.warning{border-color:#594b31;background:#28241c;color:#e0bc7e}.danger{border-color:#60343c;background:#2c1e23;color:#efa6ae}.chart-panel{border:1px solid #2c333d;background:#1b1f25;border-radius:8px;overflow:hidden}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px}.chart-heading h2{font-size:16px;margin:0}.chart-heading small{font-weight:400;margin-left:5px}.chart-heading>span{font-size:11px;color:#8391a3}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px 10px;border-bottom:1px solid #2b323b}.periods,.chart-actions{display:flex;gap:4px}button{font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;color:#a5afbc;background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 11px}button:hover{background:#282e37;color:#ecf0f5}button.active{color:#f0c04b;border-color:#51492f;background:#2d291e}.chart-actions button{border-color:#343d49}.ohlc{height:36px;display:flex;align-items:center;gap:14px;padding:0 16px;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#919fb1;overflow:auto;white-space:nowrap}.ohlc b{font-weight:500;color:#d6dfeb}.chart-wrap{position:relative}#chart{height:430px;width:100%}#empty{position:absolute;left:0;right:0;top:45%;text-align:center;font-size:13px;color:#8391a3;pointer-events:none}.chart-footer{border-top:1px solid #2c333d;display:flex;justify-content:space-between;gap:10px;padding:10px 16px;color:#788697;font-size:11px}.details{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:18px 3px 12px}.details b{font-size:12px;font-weight:550;color:#a7b2bf}.details p{font-size:11px;color:#8290a2;line-height:1.85;margin:6px 0}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2a3039;padding:12px 0;font-size:10px;color:#6e7d90}footer a{font-size:10px}[hidden]{display:none!important}@media(max-width:900px){main{padding:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-footer{flex-direction:column;gap:5px}.details{gap:16px}.metric strong{font-size:29px}}@media(max-width:520px){main{padding:12px}header{gap:8px;margin-bottom:15px}h1{font-size:25px}h1 span{font-size:20px}header p{font-size:10px}.header-right{font-size:10px}.header-right small{font-size:10px}.badge{padding:6px 8px}.metrics{gap:8px}.metric{padding:11px}.label{font-size:10px;flex-wrap:wrap}.metric strong{font-size:25px;letter-spacing:-.6px;margin-bottom:6px}.metric .phase{font-size:23px}.metric small{font-size:10px}.unit{font-size:9px}.toolbar{align-items:flex-start;flex-wrap:wrap;gap:5px;padding:0 8px 9px}button{font-size:11px;padding:7px 9px}.chart-actions{margin-left:auto}.chart-heading{padding:12px 10px 9px}.chart-heading>span{font-size:10px}.ohlc{padding:0 10px;gap:10px}#chart{height:365px}.details{grid-template-columns:1fr;gap:8px}footer{flex-direction:column;line-height:1.7}.notice{font-size:11px}}

.periods{flex-wrap:wrap;min-width:0}


.sound-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid #343b44;border-radius:6px;background:#1b1f25;padding:12px 14px;margin:12px 0}.sound-controls b{font-size:12px}.sound-controls b span{color:#e7bd65;margin-left:8px}.sound-controls small{display:block;font-size:11px;margin-top:5px}.sound-buttons{display:flex;gap:6px}.sound-buttons button{border-color:#45505f;background:#242d38}.sound-buttons button:disabled{opacity:.4;cursor:default}.sound-controls .sound-help{flex-basis:100%;margin:0;color:#7e8c9e;line-height:1.6}.premium-alert{border:2px solid #ef5b67;background:#4a1e27;color:#fff0f1;border-radius:8px;padding:14px 18px;margin:12px 0;font-size:16px;font-weight:700;box-shadow:0 0 22px #ef5b6755}.premium-alert.active{animation:alertPulse 1s ease-in-out infinite}.premium-alert strong{font-size:20px;margin-left:6px}.alert-value{color:#ff6470!important;text-shadow:0 0 12px #ff425c}.metric.premium:has(.alert-value){border-color:#ef5b67;box-shadow:0 0 18px #ef5b6744}@keyframes alertPulse{50%{background:#7a2432;transform:scale(1.008)}}
.alert-history{border:1px solid #2c333d;background:#1b1f25;border-radius:8px;padding:14px 16px;margin:18px 0}.alert-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.alert-history h2{font-size:15px;margin:0}.alert-history-head button{border:1px solid #45505f;background:#242d38}.alert-history-note{color:#7e8c9e;font-size:11px;margin:7px 0 10px}.alert-history-list{max-height:320px;overflow:auto}.alert-history-row{display:grid;grid-template-columns:170px 100px 1fr;gap:12px;align-items:center;border-top:1px solid #2b323b;padding:9px 0;color:#aab5c3;font-size:12px;font-variant-numeric:tabular-nums}.alert-history-time{color:#8795a7}.alert-history-premium{color:#ff6572}.alert-history-empty{color:#788697;font-size:12px;padding:12px 0}@media(max-width:520px){.alert-history-row{grid-template-columns:1fr 1fr;gap:5px}.alert-history-row span:last-child{grid-column:1/-1}}