.wtw-page{padding-top:2rem}.wtw-page>header{max-width:760px;margin-bottom:1.75rem}.wtw-page h1{font-size:var(--text-3xl);line-height:1.08;margin:.5rem 0 .75rem}.wtw-page .lede{font-size:1.1rem}.wtw-app{display:grid;gap:1.25rem}.wtw-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:1.25rem 1.35rem;min-width:0}.wtw-card-head{margin-bottom:.9rem}.wtw-card-head h2{font-size:1.3rem;margin:0}.wtw-card-hint,.wtw-muted{margin:.15rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.wtw-link{display:inline-block;margin-top:.75rem;font-weight:600;font-size:.92rem}.wtw-state{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:320px;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);color:var(--color-text-secondary);flex-wrap:wrap}.wtw-spinner{width:26px;height:26px;border:3px solid var(--color-border-strong);border-top-color:var(--color-brand-primary);border-radius:50%;animation:wtw-spin .9s linear infinite}.wtw-source{margin:0;font-size:.82rem;color:var(--color-text-muted)}.wtw-hero{position:relative;border-radius:var(--radius-large);overflow:hidden;background:#5fa8e3;isolation:isolate}.weather-scene{display:block;width:100%;height:auto;aspect-ratio:800 / 320}.wtw-now{position:absolute;left:clamp(1rem,3vw,2rem);top:clamp(1rem,3vw,1.75rem);padding:1rem 1.25rem;border-radius:var(--radius-medium);background:#1012166b;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);max-width:min(320px,calc(100% - 2rem))}.wtw-now p{margin:0;color:inherit}.wtw-now-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.wtw-now-temp{font-family:var(--font-serif);font-size:clamp(3.2rem,2rem + 4vw,4.6rem);font-weight:700;line-height:1;margin:.2rem 0 .1rem!important}.wtw-now-condition{font-size:1.15rem;font-weight:650}.wtw-now-feels{opacity:.85}.wtw-now-stats{display:grid;grid-template-columns:repeat(2,auto);gap:.35rem 1.25rem;margin:.8rem 0 0;font-size:.85rem}.wtw-now-stats dt{opacity:.7}.wtw-now-stats dd{margin:0;font-weight:650}.scene-sign{font:700 13px var(--font-sans);letter-spacing:1px;fill:#f7f7f2;opacity:.92}.scene-sun-rays line{stroke:#ffd45c;stroke-width:5;stroke-linecap:round}.scene-sun-rays{transform-box:fill-box;transform-origin:center;animation:wtw-spin 50s linear infinite}.scene-sun-glow{animation:wtw-pulse 6s ease-in-out infinite}.scene-star{fill:#fff;animation:wtw-twinkle 3.5s ease-in-out infinite}.scene-cloud{animation:wtw-drift var(--drift, 60s) ease-in-out infinite alternate}.scene-rain line{stroke:#e1ecf8bf;stroke-width:1.6;stroke-linecap:round;animation:wtw-rain .9s linear infinite}.scene--drizzle .scene-rain line{stroke-width:1.2;opacity:.7}.scene-snow circle{fill:#fff;opacity:.92;animation:wtw-snow 9s linear infinite}.scene-fog rect{animation:wtw-fog 18s ease-in-out infinite alternate}.scene-flash,.scene-bolt{opacity:0;animation:wtw-flash 7s infinite}.scene-window.is-lit{animation:wtw-flicker 5s ease-in-out infinite}.wtw-hourly-scroll{overflow-x:auto;margin:0 -1.35rem -.5rem;padding:0 1.35rem .5rem;scrollbar-width:thin}.wtw-hourly-track{position:relative}.wtw-hourly-chart{display:block}.wtw-curve{stroke:var(--color-brand-secondary);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:2000;animation:wtw-draw 1.6s ease-out both}.wtw-dot{fill:var(--color-surface);stroke:var(--color-brand-secondary);stroke-width:2;transition:r .2s ease}.wtw-dot.is-selected{fill:var(--color-brand-secondary)}.wtw-hours{display:flex;list-style:none;margin:0;padding:0}.wtw-hours li{width:64px;flex:0 0 64px}.wtw-hour{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:60px;margin:0 2px;padding:.45rem 0 .35rem;border:1px solid transparent;border-radius:var(--radius-medium);background:none;font:inherit;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.wtw-hour:hover{background:var(--color-surface-muted)}.wtw-hour.is-selected{border-color:var(--color-brand-secondary);background:var(--color-brand-secondary-soft);color:var(--color-text-primary)}.wtw-hour-time{font-size:.78rem;font-weight:600}.wtw-hour-temp{font-weight:700;color:var(--color-text-primary)}.wtw-hour-pop{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:34px;font-size:.72rem;color:#3f7fbf}.wtw-pop-bar{width:6px;border-radius:3px;background:#7fb4e6}.wtw-grid{display:grid;gap:1.25rem}@media (min-width: 960px){.wtw-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.wtw-side{display:grid;gap:1.25rem}.wtw-outfit-body{display:grid;gap:1.25rem;align-items:center}@media (min-width: 620px){.wtw-outfit-body{grid-template-columns:minmax(180px,240px) minmax(0,1fr)}}.wtw-figure-stage{position:relative;border-radius:var(--radius-medium);background:radial-gradient(circle at 50% 30%,var(--color-surface-muted),transparent 70%)}.outfit-figure{display:block;width:100%;max-width:240px;height:auto;margin:0 auto}.outfit-body{animation:wtw-breathe 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}.outfit-layer{animation:wtw-dress-on .65s cubic-bezier(.2,.8,.2,1) both}.outfit-eyes{transform-box:fill-box;transform-origin:center;animation:wtw-blink 5s infinite}.is-shivering .outfit-body{animation:wtw-shiver .35s linear infinite}.scarf-tail{transform-box:fill-box;transform-origin:30% 0%;animation:wtw-sway 3s ease-in-out infinite alternate}.scarf-tail.is-windy{animation:wtw-flutter .6s ease-in-out infinite alternate}.outfit-breath circle{fill:#ffffffd9;stroke:#788ca059;animation:wtw-breath 2.8s ease-out infinite}.outfit-breath circle:nth-child(2){animation-delay:.25s}.outfit-breath circle:nth-child(3){animation-delay:.5s}.outfit-sweat{animation:wtw-sweat 2.6s ease-in infinite}.outfit-glint{animation:wtw-glint 4s ease-in-out infinite}.umbrella-drops circle{fill:#9cc8f0;animation:wtw-drip 1.4s ease-in infinite}.wtw-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.wtw-items li{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);font-size:.92rem;font-weight:550;color:var(--color-text-primary);animation:wtw-pop-in .4s ease-out both}.wtw-items li .clothing-icon-svg{flex-shrink:0;color:var(--color-brand-primary)}:root.dark .wtw-items li .clothing-icon-svg{color:var(--color-accent)}@media (prefers-color-scheme: dark){:root:not(.light) .wtw-items li .clothing-icon-svg{color:var(--color-accent)}}.wtw-items.is-extra li{border-style:dashed}.wtw-extras{margin-top:1rem}.wtw-extras-title{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.wtw-advice{margin-top:1rem;padding:.85rem 1rem;border-left:3px solid var(--color-brand-secondary);border-radius:0 var(--radius-small) var(--radius-small) 0;background:var(--color-surface-muted)}.wtw-advice p{margin:0;font-size:.95rem;color:var(--color-text-primary)}.wtw-advice p+p{margin-top:.35rem}.wtw-alert-list,.wtw-mountain-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.wtw-alert{display:flex;gap:.75rem;align-items:flex-start}.wtw-alert p{margin:.1rem 0 0;font-size:.9rem}.wtw-mountain-art{width:100%;height:70px;margin-bottom:.5rem}.wtw-mountain-back{fill:#9fb4c6}.wtw-mountain-front{fill:#4f7a5c}.wtw-mountain-snow{fill:#fff}.wtw-mountain-tree{stroke:#2f5b3e;stroke-width:3;fill:none;stroke-linecap:round}.wtw-mountain-list li{display:grid;grid-template-columns:40px 1fr auto;gap:.6rem;align-items:center}.wtw-mountain-temp{font-family:var(--font-serif);font-size:1.6rem;font-weight:700}.wtw-gauge{display:block;width:100%;max-width:240px;margin:0 auto}.wtw-gauge-needle{stroke:var(--color-text-primary);stroke-width:4;stroke-linecap:round;transform-origin:100px 100px;animation:wtw-needle 1.2s cubic-bezier(.2,.8,.2,1) both}.wtw-gauge-hub{fill:var(--color-text-primary)}.wtw-aqi-reading{display:flex;flex-direction:column;align-items:center;margin-top:-.5rem}.wtw-aqi-value{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;line-height:1.1}.wtw-aqi-label{font-weight:650}.wtw-aqi-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0 0;text-align:center}.wtw-aqi-metrics dt{font-size:.78rem;color:var(--color-text-muted)}.wtw-aqi-metrics dd{margin:0;font-weight:650}.wtw-aqi-mask{margin:.85rem 0 0;padding:.6rem .8rem;border-radius:var(--radius-small);background:var(--color-brand-secondary-soft);font-size:.9rem}.weather-icon-svg{overflow:visible;flex-shrink:0}.wi-sun circle{fill:#f5b83d}.wi-sun-rays line{stroke:#f5b83d;stroke-width:3.5;stroke-linecap:round}.wi-sun-rays.wi-anim{transform-box:view-box;animation:wtw-spin 24s linear infinite}.wi-moon{fill:#c9c2a8}.wi-cloud--light{fill:#dfe6ee;stroke:#b9c6d3;stroke-width:1.5}.wi-cloud--dark{fill:#a6b3c2;stroke:#8c9aab;stroke-width:1.5}.wi-drops line{stroke:#4f93d6;stroke-width:3.2;stroke-linecap:round}.wi-drops.wi-anim line{animation:wtw-icon-drop 1.2s ease-in infinite}.wi-flakes circle{fill:#8fb9e6}.wi-flakes.wi-anim g{animation:wtw-icon-flake 2.4s ease-in-out infinite}.wi-fog line{stroke:#9aa6b2;stroke-width:4;stroke-linecap:round}.wi-fog.wi-anim line:nth-child(odd){animation:wtw-icon-fog 3s ease-in-out infinite alternate}.wi-bolt{fill:#f5b83d}.wi-bolt.wi-anim{animation:wtw-flash 3s infinite}.wi-thermo-glass{fill:var(--color-surface-muted);stroke:var(--color-border-strong);stroke-width:2}.wi-thermo-bulb,.wi-thermo-level{fill:#e0564a}.wi-thermo-level.is-falling{transform-box:fill-box;transform-origin:bottom;animation:wtw-thermo 2.5s ease-in-out infinite alternate}.wi-thermo-arrow{stroke:#4f93d6;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.wtw-guide{margin-top:3rem;display:grid;gap:1.5rem}@media (min-width: 960px){.wtw-guide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.wtw-guide .prose h2:first-child{margin-top:0}.wtw-bands{display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.wtw-bands li{display:grid;grid-template-columns:5.5rem 1fr;gap:.75rem;align-items:center;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);font-size:.93rem}.wtw-bands strong{font-family:var(--font-serif);font-size:1.05rem}.wtw-band-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}@keyframes wtw-spin{to{transform:rotate(360deg)}}@keyframes wtw-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes wtw-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes wtw-drift{0%{transform:translate(-50px)}to{transform:translate(60px)}}@keyframes wtw-rain{0%{transform:translateY(-20px)}to{transform:translate(var(--slant, -20px),350px)}}@keyframes wtw-snow{0%{transform:translateY(-20px)}25%{transform:translate(12px,80px)}50%{transform:translate(-6px,170px)}75%{transform:translate(10px,260px)}to{transform:translate(-4px,345px)}}@keyframes wtw-fog{0%{transform:translate(-60px)}to{transform:translate(60px)}}@keyframes wtw-flash{0%,89%,93%,to{opacity:0}90%,92%{opacity:.85}91%{opacity:.2}}@keyframes wtw-flicker{0%,to{opacity:1}45%{opacity:.82}50%{opacity:1}70%{opacity:.9}}@keyframes wtw-draw{0%{stroke-dashoffset:2000}to{stroke-dashoffset:0}}@keyframes wtw-breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.5px) scaleY(1.006)}}@keyframes wtw-dress-on{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:none}}@keyframes wtw-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes wtw-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1.2px)}75%{transform:translate(1.2px)}}@keyframes wtw-sway{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes wtw-flutter{0%{transform:rotate(-4deg) skew(-6deg)}to{transform:rotate(14deg) skew(8deg)}}@keyframes wtw-breath{0%{opacity:0;transform:translate(0) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translate(14px,-10px) scale(1.3)}}@keyframes wtw-sweat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(26px)}}@keyframes wtw-glint{0%,80%,to{opacity:0}85%{opacity:1}}@keyframes wtw-drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(40px)}}@keyframes wtw-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes wtw-needle{0%{transform:rotate(-120deg)}to{transform:rotate(0)}}@keyframes wtw-icon-drop{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}to{transform:translateY(6px);opacity:0}}@keyframes wtw-icon-flake{0%,to{transform:translateY(-2px)}50%{transform:translate(2px,4px)}}@keyframes wtw-icon-fog{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes wtw-thermo{0%{transform:scaleY(1)}to{transform:scaleY(.55)}}@media (prefers-reduced-motion: reduce){.wtw-app *,.wtw-app *:before,.wtw-app *:after{animation:none!important;transition:none!important}.scene-rain line,.scene-snow circle{display:none}}@media (max-width: 640px){.weather-scene{height:auto;min-height:0;aspect-ratio:2 / 1}.wtw-now{position:relative;left:auto;top:auto;max-width:none;margin:-4.5rem .75rem .75rem;background:#10121699}}