:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0f19;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0b0f19;background-image:radial-gradient(at 10% 20%,#38bdf814 0,#0000 50%),radial-gradient(at 90% 80%,#6366f114 0,#0000 50%),radial-gradient(#0f172af2 0,#0b0f19 100%);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Outfit,sans-serif}.card-glass{-webkit-backdrop-filter:blur(20px);background:#161e3173;border:1px solid #ffffff0d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006}.card-glass:hover{border-color:#ffffff17;transform:translateY(-2px);box-shadow:0 12px 40px #00000080}.weather-gradient{background:linear-gradient(135deg,#fdba741a 0%,#f973160d 50%,#161e3173 100%)}.temp-unit{vertical-align:super;color:#fffc;font-size:.5em}.app-container{flex-direction:column;gap:2rem;min-width:0;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:flex}@media (width<=640px){.app-container{gap:1.25rem;padding:1rem}}.app-branding{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.app-branding h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:800}.app-branding .logo-wrapper{background:#ff7e3326;border:1px solid #ff7e334d;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 0 15px #ff7e3333}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.location-badge{align-items:center;gap:.75rem;display:flex}.location-badge h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.pulse-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-dot-animation;box-shadow:0 0 #10b981b3}@keyframes pulse-dot-animation{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.taf-meta-text{color:#64748b;margin-top:.25rem;font-size:.85rem}.taf-meta-text .highlight{color:#a855f7;font-weight:600}.hero-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.hero-grid{grid-template-columns:1fr}}.hero-card{flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.weather-large-display{align-items:center;gap:1.5rem;display:flex}.hero-weather-icon{filter:drop-shadow(0 4px 12px #fbbf244d)}.temp-display{letter-spacing:-.04em;color:#fff;font-family:Outfit,sans-serif;font-size:4rem;font-weight:800;line-height:1}.weather-desc{color:#cbd5e1;margin-top:.25rem;font-size:1.15rem;font-weight:500}.consensus-badge{color:#ff7e33;text-transform:uppercase;letter-spacing:.05em;background:#ff7e331a;border:1px solid #ff7e3340;border-radius:30px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.divider{background:linear-gradient(90deg,#ffffff14,#ffffff05);height:1px;margin:2rem 0}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=600px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}.metric-item{align-items:center;gap:.75rem;display:flex}.metric-icon{color:#94a3b8;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;display:flex}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.75rem;font-weight:500}.metric-value{color:#f8fafc;margin-top:.15rem;font-size:1rem;font-weight:600}.confidence-card{flex-direction:column;padding:1.5rem;display:flex}.confidence-card h3{margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.confidence-body{flex:1;align-items:center;gap:1.5rem;display:flex}@media (width<=480px){.confidence-body{text-align:center;flex-direction:column;gap:1rem}}.confidence-visual{flex-shrink:0;justify-content:center;display:flex}.circle-bg{stroke:#ffffff08}.circle-progress{transition:stroke-dashoffset .8s ease-in-out}.circle-progress.high{stroke:#10b981}.circle-progress.moderate{stroke:#f59e0b}.circle-progress.low{stroke:#ef4444}.confidence-number{fill:#fff;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.confidence-subtext{letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.confidence-text-container{flex:1}.confidence-explanation{color:#94a3b8;font-size:.85rem;line-height:1.6}.chart-section{padding:1.75rem}.chart-nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.chart-tabs{background:#0f172a99;border:1px solid #ffffff0d;border-radius:10px;padding:.25rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:#cbd5e1}.tab-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 8px #0000004d}.chart-viewport{width:100%;margin-bottom:.5rem}.chart-tooltip-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #ffffff1a;border-radius:10px;min-width:160px;padding:.75rem 1rem;box-shadow:0 4px 20px #0009}.tooltip-time{color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.85rem;font-weight:700}.tooltip-list{flex-direction:column;gap:.35rem;display:flex}.tooltip-row{align-items:center;font-size:.8rem;display:flex}.tooltip-color-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:.5rem}.tooltip-source-name{margin-right:.5rem}.tooltip-val{margin-left:auto;font-family:monospace}.tooltip-wind-dir{color:#38bdf8;border-top:1px solid #ffffff14;align-items:center;margin-top:.5rem;padding-top:.35rem;font-size:.75rem;display:flex}.taf-board{padding:1.75rem}.taf-badge{color:#c084fc;background:#a855f71a;border:1px solid #a855f740;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.raw-terminal{background:#05070c;border:1px solid #1e293b;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 15px #000000e6}.terminal-header{background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.terminal-dots{gap:.35rem;display:flex}.terminal-dots .dot{border-radius:50%;width:8px;height:8px}.terminal-dots .dot.red{background-color:#ef4444}.terminal-dots .dot.yellow{background-color:#eab308}.terminal-dots .dot.green{background-color:#22c55e}.terminal-title{color:#64748b;font-family:monospace;font-size:.75rem}.terminal-body{color:#34d399;white-space:pre-wrap;word-break:break-all;padding:1rem;line-height:1.5;overflow-x:auto}.taf-periods-list{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.comparison-matrix{padding:1.75rem}.comparison-table th,.comparison-table td{padding:.75rem 1rem}.comparison-table th{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.search-form{gap:.5rem;width:100%;max-width:480px;margin:0 auto 1.5rem;display:flex}.search-input{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:.6rem 1rem;font-size:.9rem;transition:all .2s}.search-input:focus{background:#0f172acc;border-color:#ff7e33;outline:none;box-shadow:0 0 10px #ff7e3340}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7e33 0%,#ff5100 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #ff51004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff510073}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#475569;transform:none}.btn-refresh{cursor:pointer;color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-refresh:hover:not(:disabled){color:#fff;background:#ffffff14}.btn-refresh.spinning svg{animation:1s linear infinite spin-animation}@keyframes spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-badge{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:30px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mr-1{margin-right:.25rem}.ml-auto{margin-left:auto}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.italic{font-style:italic}.w-full{width:100%}.w-24{width:6rem}.w-32{width:8rem}.text-center{text-align:center}.rounded-lg{border-radius:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.loading-wrapper,.error-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.spinner{border:4px solid #ff7e331a;border-left-color:#ff7e33;border-radius:50%;width:40px;height:40px;margin-bottom:1.5rem;animation:1s linear infinite spin-animation}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.animate-spin-slow{animation:15s linear infinite spin-animation}.pwa-promo-banner{background:linear-gradient(135deg,#6366f126 0%,#a855f71a 100%);border:1px solid #6366f140;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem;display:flex}.pwa-promo-text h4{margin-bottom:.15rem;font-weight:700}.pwa-promo-text p{color:#94a3b8;font-size:.8rem}.wind-arrow-container{color:#38bdf8;justify-content:center;align-items:center;display:flex}.granular-card{flex-direction:column;padding:1.5rem;display:flex}.granular-card h3{margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.granular-details-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=480px){.granular-details-grid{grid-template-columns:1fr}}.sky-stack-card{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sky-stack-card h3{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.sky-stack-container{border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.sky-level{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s;display:flex;position:relative}.sky-level:last-child{border-bottom:none}.sky-level.high-level{background:linear-gradient(#090815 0%,#11102b 100%)}.sky-level.mid-level{background:linear-gradient(#11102b 0%,#151a3a 100%)}.sky-level.low-level{background:linear-gradient(#151a3a 0%,#1a254d 100%)}.sky-level:hover{filter:brightness(1.15)}.sky-level-header{z-index:2;justify-content:space-between;align-items:center;display:flex}.sky-level-title{align-items:center;gap:.5rem;display:flex}.sky-level-name{color:#f8fafc;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.sky-level-desc{color:#64748b;font-size:.75rem}.sky-level-percentage{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf826;border-radius:6px;padding:.2rem .5rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.sky-level-visual-track{z-index:2;background:#0000004d;border-radius:4px;height:8px;position:relative;overflow:hidden}.sky-level-visual-bar{background:linear-gradient(90deg,#94a3b8 0%,#cbd5e1 50%,#fff 100%);border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #fff6}.sky-level-taf-layers{z-index:2;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.taf-layer-badge{color:#d8b4fe;background:#a855f726;border:1px solid #a855f74d;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-family:monospace;font-size:.75rem;display:flex}.sky-level-bg-cloud{color:#ffffff08;pointer-events:none;z-index:1;transition:all .5s;position:absolute;top:50%;right:15%;transform:translateY(-50%)}.sky-level:hover .sky-level-bg-cloud{color:#ffffff0f;transform:translateY(-50%)scale(1.05)}.sky-stack-legend{color:#64748b;justify-content:space-between;padding:0 .5rem;font-size:.75rem;display:flex}.comparison-table{min-width:600px}