.tool-widget:has(.wf-tool){padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.wf-tool{--wf-panel:#0d1b2c;--wf-line:rgba(148,163,184,.17);container-type:inline-size;color:#e9f3fb;font-family:var(--font,"Plus Jakarta Sans",system-ui,sans-serif)}.wf-tool *{box-sizing:border-box}.wf-tool button,.wf-tool input{font:inherit}.wf-tool [hidden]{display:none!important}
.wf-hero{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem;border:1px solid var(--wf-line);border-radius:19px 19px 0 0;background:radial-gradient(circle at 88% 10%,rgba(250,204,21,.15),transparent 26%),radial-gradient(circle at 70% 100%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,#12304a,#091523)}.wf-kicker{color:#7dd3fc;font-size:.65rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wf-hero h2{margin:.28rem 0 .4rem;color:#fff;font-size:clamp(1.3rem,3cqi,1.8rem)}.wf-hero p{max-width:600px;margin:0;color:#91a8bc;font-size:.78rem;line-height:1.55}.wf-unit-toggle{display:flex;align-self:flex-start;padding:3px;border:1px solid rgba(125,211,252,.2);border-radius:10px;background:rgba(2,8,23,.25)}.wf-unit-toggle button{width:42px;height:34px;border:0;border-radius:7px;background:transparent;color:#8199ad;font-weight:850;cursor:pointer}.wf-unit-toggle button.is-active{background:#0284c7;color:#fff}
.wf-search{position:sticky;top:82px;z-index:15;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.55rem;padding:1rem 1.2rem;border:1px solid var(--wf-line);border-top:0;background:#0a1725;box-shadow:0 12px 26px rgba(2,8,23,.18)}.wf-search label{display:block;margin-bottom:.36rem;color:#9db0c1;font-size:.65rem;font-weight:750}.wf-search input{width:100%;height:44px;padding:0 .8rem;border:1px solid var(--wf-line);border-radius:10px;outline:0;background:#06111d;color:#f8fafc}.wf-search input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.1)}.wf-search .btn{min-height:44px;font-size:.68rem;white-space:nowrap}
.wf-status{margin:.8rem 1.2rem 0;padding:.65rem .8rem;border-radius:9px;background:rgba(56,189,248,.08);color:#a8dcf3;font-size:.68rem}.wf-status.success{background:rgba(34,197,94,.08);color:#9ce9b7}.wf-status.error{background:rgba(239,68,68,.09);color:#fecaca}.wf-progress{display:flex;align-items:center;gap:.7rem;margin:.8rem 1.2rem 0;padding:.8rem;border:1px solid rgba(56,189,248,.2);border-radius:11px;background:#0d1b2c}.wf-progress>span{width:24px;height:24px;border:3px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:wf-spin .8s linear infinite}.wf-progress strong,.wf-progress small{display:block}.wf-progress strong{font-size:.7rem}.wf-progress small{margin-top:.15rem;color:#7d94a8;font-size:.6rem}@keyframes wf-spin{to{transform:rotate(360deg)}}
.wf-results{display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--wf-line);border-top:0;border-radius:0 0 19px 19px;background:#081522}.wf-current{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:1rem;padding:1.1rem;border:1px solid rgba(56,189,248,.2);border-radius:15px;background:radial-gradient(circle at 0 0,rgba(56,189,248,.15),transparent 38%),linear-gradient(135deg,#102941,#0c1d30)}.wf-location{display:block;color:#bce9ff;font-size:.72rem;font-weight:850}.wf-current-main>small{display:block;margin-top:.2rem;color:#7891a5;font-size:.58rem}.wf-temp-line{display:flex;align-items:center;gap:.65rem;margin:.7rem 0 .2rem}.wf-temp-line span{font-size:3rem}.wf-temp-line strong{color:#fff;font-size:clamp(2.8rem,8cqi,4.5rem);font-weight:750;letter-spacing:-.06em}.wf-current h3{margin:0;color:#eaf6ff;font-size:1rem}.wf-current-main p{margin:.35rem 0 0;color:#839caf;font-size:.65rem;line-height:1.5}.wf-current-details{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;align-content:center}.wf-current-details>div{padding:.7rem;border:1px solid rgba(148,163,184,.13);border-radius:10px;background:rgba(2,8,23,.2)}.wf-current-details span,.wf-current-details strong{display:block}.wf-current-details span{color:#7891a5;font-size:.55rem}.wf-current-details strong{margin-top:.2rem;color:#e1edf7;font-size:.7rem;overflow-wrap:anywhere}
.wf-panel{padding:1rem;border:1px solid var(--wf-line);border-radius:13px;background:var(--wf-panel)}.wf-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem}.wf-panel-head span{color:#7dd3fc;font-size:.57rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.wf-panel-head h3{margin:.15rem 0 0;font-size:.85rem}.wf-panel-head small{color:#71889c;font-size:.56rem}.wf-hourly{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin}.wf-hourly>div{flex:0 0 88px;padding:.65rem .5rem;border:1px solid var(--wf-line);border-radius:10px;background:rgba(2,8,23,.22);text-align:center}.wf-hourly strong,.wf-hourly span,.wf-hourly b,.wf-hourly small{display:block}.wf-hourly strong{color:#8da3b6;font-size:.58rem}.wf-hourly span{margin:.4rem 0;font-size:1.35rem}.wf-hourly b{font-size:.8rem}.wf-hourly small{margin-top:.25rem;color:#67bde4;font-size:.52rem}
.wf-daily{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem}.wf-daily>div{display:grid;justify-items:center;gap:.32rem;padding:.7rem .35rem;border:1px solid var(--wf-line);border-radius:10px;background:rgba(2,8,23,.2);text-align:center}.wf-daily>div.is-today{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.07)}.wf-daily strong{font-size:.63rem}.wf-daily-icon{font-size:1.35rem}.wf-daily p{display:flex;gap:.35rem;margin:0}.wf-daily p b{font-size:.68rem}.wf-daily p small{color:#7890a4;font-size:.62rem}.wf-daily>div>span:not(.wf-daily-icon){color:#67bde4;font-size:.54rem}.wf-daily>div>small{color:#748b9e;font-size:.5rem}
.wf-sun-panel{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid var(--wf-line);border-radius:12px;background:linear-gradient(90deg,rgba(245,158,11,.07),rgba(56,189,248,.06))}.wf-sun-panel>div{display:flex;align-items:center;gap:.45rem}.wf-sun-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(245,158,11,.12);color:#fcd34d}.wf-sun-panel p{margin:0}.wf-sun-panel small,.wf-sun-panel strong{display:block}.wf-sun-panel small{color:#788fa3;font-size:.55rem}.wf-sun-panel strong{margin-top:.1rem;font-size:.68rem}.wf-daylight{height:7px;border-radius:99px;background:rgba(148,163,184,.13)}.wf-daylight span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fde047,#38bdf8)}.wf-daylight-text{text-align:right}.wf-footer{display:flex;justify-content:space-between;color:#657d91;font-size:.56rem}.wf-footer button{padding:0;border:0;background:none;color:#7dd3fc;font-size:.6rem;font-weight:800;cursor:pointer}
@container(max-width:760px){.wf-current{grid-template-columns:1fr}.wf-current-details{grid-template-columns:repeat(2,1fr)}.wf-daily{grid-template-columns:repeat(4,1fr)}.wf-sun-panel{grid-template-columns:1fr 1fr}.wf-daylight{grid-column:1/-1;grid-row:2}.wf-daylight-text{text-align:left}.wf-search{grid-template-columns:1fr 1fr;top:68px}.wf-search>div{grid-column:1/-1}}
@container(max-width:430px){.wf-hero{flex-direction:column;padding:1rem}.wf-search{grid-template-columns:1fr;top:64px;padding:.85rem}.wf-search>div{grid-column:auto}.wf-search .btn{width:100%}.wf-daily{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-current{padding:.85rem}.wf-current-details{grid-template-columns:1fr 1fr;gap:.4rem}.wf-current-details>div{padding:.6rem}.wf-panel{padding:.8rem}.wf-panel-head{align-items:flex-start;flex-direction:column;gap:.25rem}.wf-sun-panel{grid-template-columns:1fr}.wf-daylight{grid-column:auto;grid-row:auto}.wf-results{padding:.7rem;gap:.7rem}.wf-footer{gap:.5rem;flex-direction:column}.wf-temp-line span{font-size:2.4rem}.wf-temp-line strong{font-size:3.2rem}}
@container(max-width:330px){.wf-current-details,.wf-daily{grid-template-columns:1fr}.wf-hero-badges{display:none}.wf-hourly>div{flex-basis:80px}}
@media(prefers-reduced-motion:reduce){.wf-tool *{animation:none!important;transition:none!important}}