:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#deE6f3;background:#0b1220;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:82px;border-bottom:1px solid #263245;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2))}.brand{font-size:27px;font-weight:800;white-space:nowrap}.brand span{color:#55dec4}.brand small{font-size:11px;font-weight:400;letter-spacing:2px;margin-left:18px;color:#93a4bd}.readonly{font-size:12px;color:#55dec4;border:1px solid #315b58;border-radius:30px;padding:7px 12px}main{max-width:1120px;margin:auto;padding:30px 24px 110px}h1{font-size:30px;margin:8px 0 20px}h2{font-size:19px}h2 small{font-size:12px;font-weight:400;color:#8295ad;margin-left:12px}.eyebrow{color:#55dec4;letter-spacing:2px;font-size:10px}.intro{display:flex;justify-content:space-between;align-items:center}.panel,.quote,.signal,.metric{background:#121e30;border:1px solid #26354b;border-radius:16px;padding:22px}.panel{margin-bottom:18px}.muted{color:#93a4bd;font-size:13px;line-height:1.8}.status{background:#18283d;border-left:3px solid #dcb578;padding:13px;font-size:13px;line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 30px}.metric strong{display:block;font-size:28px;margin-top:9px}.metric span{color:#93a4bd;font-size:12px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quote{text-align:left;cursor:pointer}.quote strong{font-size:29px;display:block;margin:14px 0}.quote small{color:#93a4bd}.up{color:#ff7e86}.down{color:#55dec4}button,input,select{font:inherit;border-radius:9px;border:1px solid #35465f;padding:12px;background:#192b42;color:#e3ecfa}button{cursor:pointer}button:hover{border-color:#55dec4}button.secondary{font-size:12px;background:transparent}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#93a4bd}.controls{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.controls label{flex:1;min-width:120px}#login{max-width:520px;margin:50px auto}#loginForm{display:grid;gap:14px;margin:25px 0}#loginForm button{background:#55dec4;color:#0b1220;font-weight:bold}nav{position:fixed;bottom:0;width:100%;background:#101b2df5;border-top:1px solid #304058;display:flex;justify-content:center;gap:10px;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}nav button{width:140px;border:0;background:transparent;color:#8fa3bf}nav .active{background:#24423f;color:#65eed4}.signal{margin:12px 0}.signal summary{cursor:pointer;display:flex;gap:15px;justify-content:space-between;font-size:14px}.signal pre{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:1.8;color:#aebed3}canvas{width:100%;height:330px;display:block}.bin{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:10px;font-size:11px;margin:4px 0}.bartrack{height:12px;background:#1c2a40}.bar{height:100%;background:#426785}.bin.value .bar{background:#47bba8}.bin.poc .bar{background:#e9b66d}#error{color:#ff9a9a;line-height:1.8}[hidden]{display:none!important}@media(max-width:650px){header{height:68px;padding:0 18px}.brand small{font-size:9px;letter-spacing:1px;margin-left:10px}main{padding:22px 16px 110px}h1{font-size:25px}.quotes{grid-template-columns:repeat(2,1fr);gap:10px}.quote{padding:16px}.quote strong{font-size:24px}.metrics{gap:8px}.metric{padding:14px 10px}.metric strong{font-size:22px}.panel{padding:17px}.signal summary{flex-wrap:wrap}nav{gap:0}nav button{font-size:13px;padding:12px 8px}}
