:root{--bg:#07111f;--panel:#0f1b2d;--panel2:#13243a;--text:#eaf2ff;--muted:#9fb3ca;--line:rgba(255,255,255,.10);--accent:#7dd3fc;--accent2:#a7f3d0;--danger:#fca5a5;--radius:18px;--chart-h:260px;--chart-h-small:230px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,#12345c 0,#07111f 42%,#050a12 100%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased} .hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:30px max(14px,5vw) 22px;border-bottom:1px solid var(--line)}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);font-weight:700;font-size:.75rem;margin:0 0 8px}.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1;margin:0}.hint,.subtle,#updated{color:var(--muted)}.hint{margin-bottom:0}.temperature{font-size:clamp(3rem,8vw,6.5rem);font-weight:800;white-space:nowrap}.temperature small{font-size:.35em;color:var(--accent2)}main{padding:22px max(14px,5vw) 42px}.panel,.card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.22);backdrop-filter:blur(8px)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px}.toolbar label,.filters label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.88rem}select,input,button{border:1px solid var(--line);background:#07111f;color:var(--text);border-radius:12px;padding:10px 12px;font:inherit;min-height:42px}button{cursor:pointer;background:var(--panel2);transition:border-color .15s,transform .15s}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}.status{color:var(--accent2);padding-bottom:10px}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.card{padding:15px}.card span{display:block;color:var(--muted);font-size:.84rem}.card strong{font-size:clamp(1.45rem,3vw,2rem)}.card em{color:var(--accent2);font-style:normal;margin-left:4px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wide{grid-column:1/-1}.panel{padding:17px;margin-bottom:16px;min-width:0}.panel h2{margin:0 0 10px;font-size:clamp(1.05rem,2vw,1.35rem)}.chart-wrap{position:relative;width:100%;height:var(--chart-h);max-height:var(--chart-h);overflow:hidden}.panel:not(.wide) .chart-wrap{height:var(--chart-h-small);max-height:var(--chart-h-small)}canvas{display:block;width:100%!important;height:100%!important;max-height:100%!important}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 12px}.summary div{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:11px}.summary span{display:block;color:var(--muted);font-size:.8rem}.summary strong{font-size:1.15rem}footer{padding:20px max(14px,5vw);color:var(--muted);border-top:1px solid var(--line)}.error{color:var(--danger);font-weight:700}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){:root{--chart-h:220px;--chart-h-small:200px}.hero{grid-template-columns:1fr;padding-top:22px}.temperature{font-size:3.4rem}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(2,1fr)}.toolbar,.filters{align-items:stretch}.toolbar label,.filters label{flex:1 1 180px}.panel{padding:14px}.hint{display:none}}
@media(max-width:480px){:root{--chart-h:190px;--chart-h-small:180px}.hero{gap:10px}.cards,.summary{grid-template-columns:1fr}.toolbar label,.filters label,button{width:100%;flex-basis:100%}.card{padding:13px}.panel{border-radius:16px}.legend-spacer{display:none}main{padding-left:10px;padding-right:10px}.hero,footer{padding-left:10px;padding-right:10px}}