:root{color:#effbff;--c:#43dce5;--o:#ffa31a;--line:#12445a;--panel:#071f2d;background:#03121d;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#0a293c,#03121d 45%);margin:0}main{min-height:100vh;padding:14px}header{border-bottom:1px solid var(--line);grid-template-columns:1fr 250px 1fr;align-items:center;padding:0 5px 12px;display:grid}.brand{gap:12px;font-size:30px;display:flex}.brand small,h3{color:var(--c);letter-spacing:.06em;font-size:11px}.brand h1{margin:0;font-size:25px}.brand span{color:#83a4b4;font-size:11px}.portpick{text-align:center}.portpick label{color:#83a4b4;margin-right:8px;font-size:10px}.portpick select{color:#fff;border:1px solid var(--line);background:#092535;border-radius:9px;padding:9px 30px 9px 12px}.clock{text-align:right}.clock b{font-size:26px;display:block}.clock span{color:#83a4b4;font-size:11px}.hero{grid-template-columns:1fr 320px;gap:12px;margin-top:12px;display:grid}.card{background:linear-gradient(145deg,var(--panel),#061923);border:1px solid var(--line);border-radius:14px}.chart{padding:16px}.head{justify-content:space-between;display:flex}.head span,.quick span,.quick small{color:#83a4b4;font-size:10px}.badges{gap:8px;display:flex}.badges b{color:var(--c);background:#092535;border-radius:18px;padding:8px 10px;font-size:10px}.orange{color:var(--o)!important}svg{width:100%;height:330px}svg text{fill:#7899a9;font-size:10px}.grid{stroke:#143748}.real{fill:none;stroke:var(--c);stroke-width:4px}.pred{fill:none;stroke:var(--o);stroke-width:3px;stroke-dasharray:8 6}.now{stroke:var(--c);stroke-dasharray:5 5}.dot{fill:var(--c);stroke:#073041;stroke-width:4px}.legend{text-align:center;color:var(--c);justify-content:center;gap:30px;font-size:10px;display:flex}aside{padding:20px}.big{margin:10px 0;font-size:55px;font-weight:800}.big small{font-size:18px}.cyan{color:var(--c)}.delta,.info{background:#0d3043;border-radius:11px;margin-top:18px;padding:14px}.delta>*{display:block}.delta strong{color:var(--o);margin:5px 0;font-size:20px}.delta span,.delta small,.info{color:#93adba;font-size:11px}.quick{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.quick article{padding:15px}.quick b{margin:4px 0;font-size:20px;display:block}.green{color:#35dc8b}.bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.bottom article{padding:18px}.bottom p{color:#8ca8b6;font-size:12px;line-height:1.5}footer{text-align:right;color:#6f909f;padding-top:12px;font-size:9px}.loading{color:#83a4b4;place-items:center;height:330px;display:grid}@media (width<=900px){header{grid-template-columns:1fr 1fr}.portpick{grid-area:2/1/auto/3;margin-top:10px}.hero,.bottom{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}}.portpick input{color:#fff;border:1px solid var(--line);background:#092535;border-radius:9px;width:150px;padding:9px 12px}.portpick button{color:#fff;cursor:pointer;background:#0b5267;border:1px solid #16708a;border-radius:9px;margin-left:6px;padding:9px 11px}.portpick{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.favorites{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.favorites button{color:#9fc0ce;cursor:pointer;background:#082231;border:1px solid #17475b;border-radius:9px;padding:7px 10px}.favorites button.active{color:#fff;background:#0b6078;border-color:#25bad2}.searchrow{gap:5px;display:flex}.searchrow input{width:175px}@media (width<=1100px){header{grid-template-columns:1fr 1.6fr 1fr}.favorites button{padding:6px 7px;font-size:11px}}