:root{--bg:#0b1120;--surface:#121b2e;--surface-2:#182338;--border:#233148;--text:#e6edf6;--muted:#8fa3bd;--accent:#38bdf8;--accent-2:#818cf8}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(1100px 500px at 80% -10%, #38bdf814, transparent), radial-gradient(900px 400px at 10% -10%, #818cf812, transparent), var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem 2rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;width:100%;max-width:1280px;margin:0 auto;padding:1.75rem 1.5rem 1.25rem;display:flex}.topbar h1{letter-spacing:-.01em;font-size:1.45rem;font-weight:700}.subtitle{color:var(--muted);margin-top:.2rem;font-size:.9rem}.last-update{color:var(--muted);font-size:.85rem}.hero{background:linear-gradient(135deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:center;gap:2.5rem;margin-bottom:1.5rem;padding:1.5rem 2rem;display:flex}.hero-temp{flex-direction:column;display:flex}.hero-value{letter-spacing:-.03em;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1}.hero-unit{font-size:2rem;font-weight:500}.hero-sub{color:var(--muted);margin-top:.5rem;font-size:.85rem}.hero-metrics{flex:1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem 1.5rem;display:grid}.metric{flex-direction:column;gap:.2rem;display:flex}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.metric-value{font-size:1.25rem;font-weight:600}.metric-sub{color:var(--muted);font-size:.78rem}.metric-badge{font-size:.8rem;font-weight:500}.toolbar{z-index:10;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 0;display:flex;position:sticky;top:0}.toolbar h2{font-size:1.05rem;font-weight:600}.duration-buttons{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.35rem;padding:.25rem;display:flex}.duration-buttons button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.35rem .8rem;font-size:.85rem;transition:background .15s,color .15s}.duration-buttons button:hover{color:var(--text)}.duration-buttons button.active{background:var(--accent);color:var(--bg);font-weight:600}.charts-grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:1rem 1.1rem;transition:border-color .2s;display:flex}.card:hover{border-color:#31405c}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}@media (width<=980px){.span-4,.span-6,.span-8{grid-column:span 12}.hero{gap:1.5rem;padding:1.25rem 1.5rem}.hero-value{font-size:3rem}}@media (width<=640px){.hero{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-metrics{width:100%}}.card-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.card-header h2{font-size:.95rem;font-weight:600}.card-chart{flex:1;min-height:260px;position:relative}.card-chart canvas{position:absolute;inset:0}.card-chart.windrose{justify-content:center;display:flex}.card-chart.windrose svg{width:100%;max-height:300px}.windrose-cardinal{fill:var(--muted);font-size:11px;font-weight:600}.card-message{color:var(--muted);justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;inset:0}.card-stats{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.7rem;padding-top:.7rem;font-size:.8rem;display:flex}.card-stats strong{color:var(--text)}.stat{align-items:center;gap:.4rem;display:inline-flex}.stat i{border-radius:3px;flex:none;width:9px;height:9px}.gate{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.gate-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex}.gate-icon{font-size:3rem}.gate-card h1{font-size:1.4rem}.gate-card p{color:var(--muted);font-size:.9rem}.gate-card input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:9px;margin-top:.75rem;padding:.65rem .9rem;font-size:.95rem}.gate-card input:focus{border-color:var(--accent);outline:none}.gate-card button[type=submit]{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:9px;padding:.65rem;font-size:.95rem;font-weight:600}.gate-card button[type=submit]:disabled{opacity:.5;cursor:default}.gate-error{color:#f87171!important}footer{color:var(--muted);justify-content:center;gap:.6rem;padding:1.25rem;font-size:.85rem;display:flex}footer a{color:var(--accent)}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}