.wd-wrap{max-width:1400px;margin:0 auto;padding:0 1.25rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wd-hero{padding:2.5rem 1.5rem 1.5rem;text-align:center;background:linear-gradient(180deg,#0c1220,#111827);margin-bottom:.5rem}.wd-hero h1{font-family:inherit;font-size:clamp(2.2rem,5vw,3.2rem);color:#f5f5f7;margin:0 0 .5rem;font-weight:600;letter-spacing:-.03em}.wd-hero h1 span{color:#58a6ff}.wd-hero p{color:#a1a1a6;font-size:1.1rem;max-width:48rem;margin:0 auto;line-height:1.5}.wd-loc{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:1.25rem 0;flex-wrap:wrap}.wd-loc input{background:#ffffff12;border:2px solid rgba(255,255,255,.2);color:#f5f5f7;padding:.75rem 1.2rem;border-radius:.75rem;font-size:1.1rem;width:10rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.wd-loc input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 4px #58a6ff33}.wd-loc input::placeholder{color:#86868b}.wd-loc button{background:#58a6ff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem;cursor:pointer;font-weight:600;font-family:inherit;transition:all .2s}.wd-loc button:hover{background:#79b8ff;transform:scale(1.02)}.wd-loc button#wd-geo-btn{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);color:#d1d1d6;font-size:1rem}.wd-loc button#wd-geo-btn:hover{background:#ffffff1a;color:#f5f5f7;border-color:#ffffff40}.wd-loc .wd-loc-status{font-size:1rem;color:#a1a1a6;font-weight:500}.wd-tabs{display:flex;gap:.3rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffff0a;border-radius:.75rem;padding:.4rem}.wd-tabs::-webkit-scrollbar{display:none}.wd-tab{white-space:nowrap;padding:.7rem 1.2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;border:none;color:#a1a1a6;background:transparent;transition:all .2s;font-family:inherit}.wd-tab:hover{color:#f5f5f7;background:#ffffff0f}.wd-tab.active{color:#f5f5f7;background:#ffffff1f;box-shadow:0 1px 4px #0000004d,0 0 0 1px #ffffff14;font-weight:600}.wx-current{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center;border-radius:1.25rem;padding:2.5rem;margin-bottom:2rem;font-family:Inter,sans-serif}.wx-temp-ring{width:200px;height:200px;border-radius:50%;border:5px solid #58a6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#58a6ff0f;box-shadow:0 0 40px #58a6ff1a}.wx-temp-big{font-size:5rem;font-weight:300;color:#f5f5f7;line-height:1;letter-spacing:-.06em}.wx-temp-unit{font-size:1.4rem;color:#86868b;font-weight:300}.wx-feels{font-size:1.15rem;color:#58a6ff;font-weight:500;margin-top:.35rem}.wx-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem 2rem;margin-top:1.5rem}.wx-detail-item{display:flex;flex-direction:column;gap:.35rem}.wx-detail-label{font-size:.85rem;color:#6e6e73;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.wx-detail-value{font-size:1.5rem;color:#f5f5f7;font-weight:600;letter-spacing:-.02em}.wx-condition{font-size:1.8rem;color:#e5e5ea;font-weight:300;margin-bottom:.5rem;letter-spacing:-.02em}.wx-location{font-size:1.4rem;color:#a1a1a6;margin-bottom:.35rem;font-weight:500}.wx-updated{font-size:.95rem;color:#6e6e73;font-weight:400}.wd-panel{display:none;padding:1.5rem 0}.wd-panel.active{display:block}.wd-panel h2{font-family:inherit;font-size:1.8rem;color:#f5f5f7;margin:0 0 .5rem;font-weight:600;letter-spacing:-.02em}.wd-panel .wd-desc{font-size:1.1rem;color:#a1a1a6;margin:0 0 1.5rem;max-width:56rem;line-height:1.6}.wd-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wd-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;font-size:1.1rem;color:#d1d1d6;overflow:hidden;transition:all .2s;line-height:1.6}.wd-card:hover{background:#ffffff0f;border-color:#ffffff24}.wd-card h3{font-size:1.3rem;color:#f5f5f7;margin:0 0 .6rem;font-weight:600}.wd-card p{font-size:1rem;line-height:1.6}.wd-iframe{position:relative;width:100%;padding-bottom:56%;border-radius:1rem;overflow:hidden;background:#0c1220;border:1px solid rgba(255,255,255,.08)}.wd-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.wd-iframe-tall{padding-bottom:75%}.wd-sat-btns{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:1rem;background:#ffffff0a;border-radius:.625rem;padding:.35rem}.wd-sat-btn{padding:.55rem 1rem;border-radius:.4rem;font-size:.95rem;font-weight:500;cursor:pointer;border:none;color:#a1a1a6;background:transparent;font-family:inherit;transition:all .2s}.wd-sat-btn.active,.wd-sat-btn:hover{color:#f5f5f7;background:#ffffff1a;box-shadow:0 1px 3px #0003}.wd-table{width:100%;border-collapse:collapse;font-size:1rem;font-family:inherit}.wd-table th{text-align:left;padding:.85rem 1rem;color:#a1a1a6;font-size:.95rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.05em}.wd-table td{padding:.85rem 1rem;color:#e5e5ea;border-bottom:1px solid rgba(255,255,255,.04);font-size:1.05rem}.wd-table tr:hover td{background:#ffffff08}.wd-loading{color:#86868b;font-size:1.1rem;padding:3rem;text-align:center}.wd-sat-img{width:100%;border-radius:1rem;background:#0c1220;border:1px solid rgba(255,255,255,.08)}.wd-alert{padding:1rem 1.25rem;border-radius:.875rem;margin-bottom:.75rem;border-left:4px solid}.wd-alert-extreme{background:#ff453a14;border-color:#ff453a;color:#ff6961}.wd-alert-severe{background:#ff9f0a14;border-color:#ff9f0a;color:#ffb340}.wd-alert-moderate{background:#ffd60a14;border-color:#ffd60a;color:#ffe047}.wd-alert-minor{background:#64a0ff14;border-color:#64a0ff;color:#8ab4f8}.wd-alert h4{font-size:1.1rem;margin:0 0 .4rem;font-weight:600}.wd-alert p{font-size:1rem;margin:0;line-height:1.6}.wd-metar{font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;color:#a1a1a6;background:#ffffff08;padding:1rem;border-radius:.75rem;margin-top:.75rem;white-space:pre-wrap;line-height:1.7;border:1px solid rgba(255,255,255,.06)}.wd-refresh{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6e6e73;justify-content:flex-end;padding:.35rem 0}.wd-refresh label{cursor:pointer;display:flex;align-items:center;gap:.4rem}.wd-forecast{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.wd-fperiod{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.875rem;padding:1.1rem;font-size:1rem;color:#a1a1a6;transition:all .2s}.wd-fperiod:hover{background:#ffffff0f;border-color:#ffffff24}.wd-fperiod h4{color:#f5f5f7;font-size:1.05rem;margin:0 0 .4rem;font-weight:600}.wd-fperiod .wd-ftemp{font-size:1.5rem;color:#58a6ff;font-weight:600}.fc-compare{width:100%;border-collapse:collapse;font-size:1rem;font-family:inherit}.fc-compare th{text-align:left;padding:.7rem;color:#58a6ff;font-weight:600;border-bottom:1px solid rgba(88,166,255,.12);position:sticky;top:0;background:#111827;font-size:.9rem}.fc-compare td{padding:.7rem;color:#d1d1d6;border-bottom:1px solid rgba(255,255,255,.04);font-size:1rem}.fc-compare tr:hover td{background:#ffffff08}.fc-model-label{display:inline-block;font-size:1rem;padding:.2rem .6rem;border-radius:.375rem;font-weight:600;margin-right:.25rem}.fc-model-label.nws{background:#58a6ff1f;color:#58a6ff}.fc-model-label.gfs{background:#ffa5001a;color:orange}.fc-model-label.ecmwf{background:#af82ff1a;color:#af82ff}.fc-model-label.icon{background:#30d1581a;color:#30d158}.fc-model-label.gem{background:#ff453a1a;color:#ff453a}.fc-model-label.jma{background:#ffd60a1a;color:#ffd60a}.radar-layer-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.08);color:#a1a1a6;background:#ffffff08;font-family:inherit;transition:all .2s}.radar-layer-btn:hover{color:#f5f5f7;background:#ffffff0f;border-color:#ffffff1f}.radar-layer-btn.active{color:#f5f5f7;background:#ffffff1a;border-color:#ffffff26;box-shadow:0 1px 4px #0003}.radar-ctrl-btn{padding:.4rem .7rem;border-radius:.375rem;font-size:.85rem;cursor:pointer;border:1px solid rgba(255,255,255,.08);color:#a1a1a6;background:#ffffff0a;font-family:inherit;transition:all .15s}.radar-ctrl-btn:hover{color:#f5f5f7;background:#ffffff14}.wx-section{position:relative;margin-bottom:2.5rem;padding:1.75rem;border-radius:1.25rem;overflow:hidden;background:linear-gradient(135deg,#ffffff0a,#ffffff05,#ffffff0d);border:1px solid rgba(255,255,255,.08)}.wx-section:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(88,166,255,.04) 0%,transparent 70%);pointer-events:none}.wx-section:after{content:"";position:absolute;bottom:-40%;left:-20%;width:70%;height:150%;background:radial-gradient(ellipse,rgba(56,189,248,.03) 0%,transparent 70%);pointer-events:none}.wx-section-title{position:relative;z-index:1;font-size:1.5rem;color:#58a6ff;font-weight:600;margin:0 0 1.25rem;letter-spacing:-.01em}.wx-chart-wrap{position:relative;z-index:1;background:#0003;border-radius:.875rem;padding:1.25rem;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(4px)}.wd-panel h2,.wd-panel .wd-desc{position:relative;z-index:1}.wd-panel>.wd-iframe,.wd-panel>.wd-grid,.wd-panel>#wd-alerts-content{position:relative;z-index:1}.wd-panel.active{position:relative}.wd-panel.active:before{content:"";position:absolute;top:0;left:-5%;width:110%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(88,166,255,.025) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,rgba(56,189,248,.02) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(99,102,241,.02) 0%,transparent 50%);pointer-events:none}.wx-current{background:linear-gradient(135deg,#ffffff0d,#58a6ff0a 30%,#ffffff08);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}.wx-condition{text-shadow:0 1px 2px rgba(0,0,0,.3)}.wx-detail-value{text-shadow:0 1px 1px rgba(0,0,0,.2)}@media(max-width:768px){.wd-grid{grid-template-columns:1fr}.wd-forecast{grid-template-columns:1fr 1fr}.wx-current{grid-template-columns:1fr;text-align:center;gap:1.5rem}.wx-temp-ring{margin:0 auto}.wx-details{grid-template-columns:1fr 1fr;justify-items:center}.wx-section{padding:1.25rem}}