*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#081018;color:#eef4f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}.app{max-width:1050px;margin:auto;padding:18px 16px 96px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px}h1{font-size:24px;margin:2px 0}.eyebrow{font-size:11px;letter-spacing:.12em;color:#91a4b4}.status{font-size:13px;padding:8px 10px;border-radius:999px;background:#12202b}.status.ok{color:#97f5bd}.status.off{color:#ffb4b4}.hero{padding:22px;border-radius:22px;background:#111b25;border:1px solid #243545;margin-bottom:14px}.hero .level{font-size:32px;font-weight:800;margin:6px 0}.updated{color:#9fb0bf;font-size:13px}.hero.attention{border-color:#746b2a}.hero.warning{border-color:#86542f}.hero.severe{border-color:#84323e}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card,.panel{background:#0e1720;border:1px solid #1e2d3a;border-radius:18px;padding:16px}.value{font-size:25px;font-weight:760;margin:6px 0}.sub{color:#91a4b4;font-size:12px}.panel{margin-top:12px}.panel-title{font-weight:700;margin-bottom:12px}.controls{display:flex;gap:8px;flex-wrap:wrap}button{background:#182633;color:#edf3f8;border:1px solid #2a3c4c;border-radius:12px;padding:10px 12px;font:inherit}button:active{transform:scale(.98)}.bars{height:150px;display:flex;align-items:flex-end;gap:2px;overflow:hidden;border-bottom:1px solid #29404f}.barwrap{position:relative;flex:1;height:100%}.bar{position:absolute;bottom:0;width:100%;border-radius:2px 2px 0 0}.bar.gust{background:#b4c6d566}.bar.wind{background:#ecf5fbcc;width:45%;left:27%}.legend{font-size:11px;color:#8fa2b2;margin-top:6px}nav{position:fixed;left:0;right:0;bottom:0;background:#070e15eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;overflow:auto;gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #20313f}nav button{white-space:nowrap;background:transparent;border-color:transparent;color:#9eb0bf}nav button.active{background:#172733;color:#fff}@media(min-width:760px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app{padding-top:28px}nav{position:sticky;border:1px solid #20313f;border-radius:16px;margin-top:14px;justify-content:center}}