:root{--paper:#f7f7ee;--ink:#25483d;--muted:#5d6d61;--accent:#c5744e;--line:#dce1d5;--mint:#e9eee3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c5744e;outline-offset:4px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}.brand{font-weight:750;font-size:25px;letter-spacing:-1px;display:inline-flex;align-items:center;gap:7px}.brand span{font-weight:450}.header nav{display:flex;gap:30px;font-size:14px}.button{background:var(--ink);color:#f7f7ee;border:0;border-radius:7px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:600}.button:hover{background:#365e4d}.button.small{padding:12px 17px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;padding:40px 0 70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:650;margin:0 0 22px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:9px}.hero h1{font-size:clamp(55px,6.2vw,86px);line-height:1.02;letter-spacing:-5px;font-weight:550;margin:35px 0 27px}.accent{color:var(--accent)}.lead{font-size:25px;line-height:1.35;letter-spacing:-.6px;margin-bottom:20px}.intro{color:var(--muted);max-width:385px}.actions{display:flex;align-items:center;gap:30px;margin:32px 0 40px}.text-link{font-weight:600;font-size:14px;display:inline-flex;gap:20px;align-items:center}.hero-note{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.tiny-sun{font-size:24px;color:var(--accent)}.landscape{position:relative;border-radius:140px 140px 12px 12px;overflow:hidden;aspect-ratio:600/650;background:#cbd8cb}.landscape>svg{width:100%;height:100%;display:block}.illustration-tag{position:absolute;top:30px;left:34px;background:#f7f7eea8;padding:7px 12px;border-radius:30px;font-size:11px;backdrop-filter:blur(8px)}.scene-card{position:absolute;bottom:58px;left:30px;right:30px;background:#fafbf0e8;backdrop-filter:blur(8px);padding:26px;border-radius:10px;box-shadow:0 10px 30px #102d2820}.scene-card .eyebrow{font-size:10px;display:block;margin-bottom:12px}.scene-card strong{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.8px}.scene-card>div{border-top:1px solid #b8c6b9;margin-top:20px;padding-top:14px;display:flex;justify-content:space-between;font-size:11px}.scene-label{position:absolute;bottom:20px;left:30px;color:#e2e8dd;font-size:11px}.cloud{animation:drift 14s ease-in-out infinite alternate}.sun{animation:glow 7s ease-in-out infinite alternate}@keyframes drift{to{transform:translateX(35px)}}@keyframes glow{to{opacity:.7}}.ribbon{border-block:1px solid var(--line);padding:22px 0}.ribbon>.wrap{display:flex;justify-content:space-between;gap:30px;font-size:12px}.ribbon b{color:var(--accent);padding:0 16px}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading p:last-child{color:var(--muted);font-size:14px}.section-heading .eyebrow{color:var(--muted);font-size:11px}h2{font-size:clamp(34px,4vw,51px);line-height:1.1;letter-spacing:-2px;font-weight:550;margin:0}h3{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.5px}.forecast-shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.search-side{min-width:0;padding:34px;position:relative;overflow:hidden}.search-side label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.search-field{display:flex;background:#fff;border:1px solid #becabe;border-radius:6px;overflow:hidden}.search-field input{width:100%;min-width:0;border:0;padding:14px;background:transparent;font-size:14px;color:var(--ink)}.search-field button{border:0;background:var(--ink);color:white;font-size:22px;width:48px;flex-shrink:0}.location-button{border:0;background:none;color:var(--ink);padding:16px 0 5px;font-size:14px;font-weight:600}.hint{font-size:12px;color:var(--muted)}.search-decoration{font-size:170px;line-height:1;color:#dbe3d5;margin:15px 0 -65px;pointer-events:none}.forecast{min-width:0;background:var(--mint);padding:34px;position:relative;min-height:370px}.forecast>.eyebrow{font-size:11px;color:var(--muted)}.forecast h3{font-size:30px;margin:15px 0}.forecast>p{color:var(--muted);font-size:14px;max-width:430px}.forecast-empty{padding:30px 0 40px}.forecast-empty>span{font-size:45px;color:#899f79}.empty-line{height:8px;width:55%;background:#d3ddcb;border-radius:6px;margin-top:12px}.empty-line.short{width:35%}.attribution{display:block;font-size:11px;margin-top:25px;text-decoration:underline}.source-note{font-size:11px;color:var(--muted)}.results{display:grid;gap:8px}.results button{border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:12px;text-align:left;color:var(--ink)}.results button span{display:block;font-size:12px;color:var(--muted)}#search-status{font-size:14px}.outdoors{background:#edf0e6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-icon{font-size:35px;color:#53725a;margin:10px 0 25px}.feature-grid p{font-size:14px;color:var(--muted)}.feature-grid article>span{display:block;margin-top:25px;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:600}.fishing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.fishing-art{border-radius:12px;overflow:hidden;background:#d5ded0}.fishing-art svg{display:block;width:100%}.fishing-art span{display:block;padding:19px 28px;font-size:12px}.fishing p,.locations p{max-width:440px;color:var(--muted);font-size:15px}.fishing .muted{font-size:13px}.fishing .text-link{margin-top:15px}.locations{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.pill{display:inline-block;border:1px solid #c5d1c2;padding:7px 12px;border-radius:30px;font-size:11px}.places{display:grid;gap:13px}.places>div{display:flex;align-items:center;gap:20px;padding:20px;background:var(--mint);border:1px solid var(--line);border-radius:8px}.places>div>span{font-size:26px}.places>div>span:last-child{margin-left:auto}.places strong{font-weight:600;font-size:15px}.places p{font-size:12px;margin:2px 0}.android{background:var(--ink);color:var(--paper);border-radius:12px;padding:60px;display:grid;grid-template-columns:1fr .7fr;gap:120px}.android .eyebrow{color:#c2d3be;font-size:11px}.android h2{font-size:55px}.android>div>p{font-size:14px}.pill.light{color:#dce4d5;border-color:#6c8574}.premium{border-left:1px solid #57705c;padding-left:50px}.premium h3{font-size:31px}.premium p{font-size:14px;color:#d5dfce}.premium .hint{font-size:12px;color:#bdcdb9}footer{padding-block:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:12px;color:var(--muted);margin:0}footer>div:last-child{display:flex;gap:28px;font-size:12px;color:var(--muted)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:15px}.current-temp{font-size:64px;line-height:1.2;letter-spacing:-3px}.weather-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.weather-metrics>div{background:#f7f7ee;border-radius:7px;padding:12px}.weather-metrics span{font-size:11px;display:block;color:var(--muted)}.weather-metrics strong{font-size:15px}.hourly{display:flex;overflow-x:auto;gap:16px;padding:15px 0}.hourly>div{min-width:70px;text-align:center;font-size:12px}.hourly strong{display:block;font-size:20px}.daily-row{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:12px;border-top:1px solid #cbd6c4;padding:12px 0;font-size:12px}.legal{max-width:760px;padding:70px 0 120px}.legal h1{font-size:45px;line-height:1.15}.legal h2{font-size:24px;letter-spacing:-.5px;margin-top:40px}.legal p{color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){.hero{padding-top:60px;padding-bottom:90px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header nav{gap:16px}.header .small{display:none}.hero{gap:35px}.hero h1{letter-spacing:-3px}.actions{gap:20px;flex-wrap:wrap}.scene-card{padding:20px}.scene-card strong{font-size:24px}.scene-card>div{font-size:10px}.ribbon>.wrap{flex-wrap:wrap;gap:8px}.fishing,.locations{gap:50px}.android{gap:50px;padding:45px}.premium{padding-left:30px}.weather-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{min-height:80px}.brand{font-size:23px}.header nav{gap:15px;font-size:12px}.header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:35px}.hero h1{font-size:62px;letter-spacing:-3px;margin-top:20px}.hero .eyebrow{font-size:10px}.lead{font-size:23px}.intro{max-width:100%}.actions{margin:25px 0}.hero-note{margin-top:25px}.landscape{max-height:500px;aspect-ratio:1/1.05;border-radius:100px 100px 12px 12px}.scene-card{bottom:50px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading p:last-child{margin-top:20px}.forecast-shell{grid-template-columns:minmax(0,1fr)}.search-side,.forecast{padding:24px}.search-decoration{display:none}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid article{border-bottom:1px solid var(--line);padding-bottom:25px}.feature-icon{margin-bottom:12px}.fishing,.locations{grid-template-columns:1fr;gap:35px}.fishing-art{order:2}.android{grid-template-columns:1fr;padding:30px;gap:35px}.android h2{font-size:45px}.premium{padding:30px 0 0;border-left:0;border-top:1px solid #57705c}footer{display:block}footer>div:last-child{margin-top:25px;gap:24px;flex-wrap:wrap}.ribbon b{padding:0 7px}.ribbon>.wrap{font-size:10px}.daily-row{grid-template-columns:.9fr 1fr .7fr}.legal h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* WeatherIQ visual identity and motion */
.brand-logo{width:205px;height:auto;display:block}.header .brand{line-height:0}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-4px;line-height:1.06}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.landscape{border-radius:120px 120px 14px 14px;isolation:isolate}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;animation:landscape-breathe 24s ease-in-out infinite alternate;transform-origin:50% 60%}.landscape::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 45%,#17372b60);pointer-events:none}.atmosphere{position:absolute;inset:-20%;z-index:1;background:radial-gradient(ellipse at 30% 45%,#fff9de35,transparent 50%);animation:mist-drift 16s ease-in-out infinite alternate;pointer-events:none}.illustration-tag,.scene-card,.scene-label{z-index:2}.illustration-tag{font-size:12px;left:30px;top:34px}.scene-card{animation:card-float 7s ease-in-out infinite;background:#fafbf0ec;box-shadow:0 14px 35px #183d322e}.scene-label{font-size:12px;color:#f4f4e8}.fishing-art{position:relative;background:transparent}.fishing-art img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;transition:transform 1.1s ease}.fishing-art:hover img{transform:scale(1.035)}.fishing-art span{position:relative;background:var(--mint);z-index:1;font-size:13px}.hero .dot{animation:status-pulse 3s ease-in-out infinite}.button{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #25483d22}.text-link span{transition:transform .3s ease}.text-link:hover span{transform:translate(3px,-3px)}.feature-grid article{transition:transform .4s ease}.feature-grid article:hover{transform:translateY(-7px)}.feature-grid article:nth-child(1) .feature-icon{animation:wind-drift 4s ease-in-out infinite}.feature-grid article:nth-child(2) .feature-icon{animation:pressure-wave 5s ease-in-out infinite}.places>div{transition:transform .4s ease,background .4s ease}.places>div:hover{transform:translateX(6px);background:#dfe8d7}.android{grid-template-columns:1fr .8fr;gap:20px 70px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#456c54,var(--ink) 70%)}.android>div:first-child{align-self:center;z-index:1}.android h2{font-size:clamp(48px,5vw,65px);letter-spacing:-2px}.app-preview{margin:0;position:relative;align-self:center;text-align:center;z-index:1}.app-preview img{width:min(100%,360px);height:auto;display:block;margin:0 auto;animation:phone-float 8s ease-in-out infinite;filter:drop-shadow(0 25px 30px #081e2145)}.app-preview figcaption{color:#d5dfce;font-size:12px;margin-top:12px}.premium{grid-column:1/-1;border-left:0;border-top:1px solid #607b64;padding:35px 0 0;margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.premium .eyebrow{grid-column:1/-1;margin:0}.premium h3{margin:0;grid-row:2/4;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:37px}.premium p{margin:0}.premium .hint{align-self:end}.motion-ready .reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.feature-grid article:nth-child(2){--reveal-delay:100ms}.feature-grid article:nth-child(3){--reveal-delay:200ms}.places>div:nth-child(2){--reveal-delay:100ms}.places>div:nth-child(3){--reveal-delay:200ms}.hero-copy{animation:hero-arrive 1s cubic-bezier(.2,.65,.3,1) both}.landscape{animation:scene-arrive 1.3s cubic-bezier(.2,.65,.3,1) both}.forecast-shell{transition:box-shadow .5s ease}.forecast-shell:focus-within{box-shadow:0 12px 36px #25483d12}@keyframes landscape-breathe{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes mist-drift{from{transform:translateX(-4%);opacity:.45}to{transform:translateX(6%);opacity:.85}}@keyframes card-float{50%{transform:translateY(-7px)}}@keyframes phone-float{50%{transform:translateY(-11px) rotate(.7deg)}}@keyframes status-pulse{50%{box-shadow:0 0 0 5px #c5744e15}}@keyframes wind-drift{50%{transform:translateX(5px)}}@keyframes pressure-wave{50%{transform:translateY(-4px)}}@keyframes hero-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes scene-arrive{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:1000px){.brand-logo{width:185px}.android{gap:25px 40px}}@media(max-width:680px){.brand-logo{width:165px}.hero h1{font-size:61px;letter-spacing:-2.6px}.landscape{border-radius:95px 95px 14px 14px}.android{grid-template-columns:1fr;gap:30px;padding:32px 25px}.android h2{font-size:49px}.app-preview img{width:min(100%,290px)}.premium{grid-template-columns:1fr;padding-top:25px;gap:18px}.premium h3{grid-row:auto}.premium .eyebrow{grid-column:auto}.header nav{font-size:12px;gap:12px}.scene-card .eyebrow{font-size:11px}.scene-card>div{font-size:11px}.illustration-tag{left:24px;top:28px;font-size:11px}.scene-label{left:24px;font-size:11px}.scene-card{left:24px;right:24px;padding:22px}}@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none;transition:none}.hero-photo,.scene-card,.app-preview img,.feature-icon,.hero-copy,.landscape,.atmosphere,.dot{animation:none!important}a:hover,.button:hover,.feature-grid article:hover,.places>div:hover,.fishing-art:hover img{transform:none}}
/* Interactive weather details */
.weather-icon{width:38px;height:38px;display:inline-block;flex-shrink:0;background-image:url('/assets/weather-icons.png');background-repeat:no-repeat;background-size:400% 300%;vertical-align:middle}.weather-icon.large{width:95px;height:95px}.icon-sun{background-position:0% 0%}.icon-moon{background-position:33.333% 0%}.icon-partly{background-position:66.666% 0%}.icon-partly-night{background-position:100% 0%}.icon-cloud{background-position:0% 50%}.icon-rain{background-position:33.333% 50%}.icon-storm{background-position:66.666% 50%}.icon-snow{background-position:100% 50%}.icon-fog{background-position:0% 100%}.icon-wind{background-position:33.333% 100%}.icon-drop{background-position:66.666% 100%}.icon-pressure{background-position:100% 100%}.current-summary{display:flex;justify-content:space-between;align-items:center;gap:25px}.current-summary p{margin:5px 0;font-size:16px}.condition-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.moon-card,.pressure-card{background:#f8f9f0;border:1px solid #d6dfce;border-radius:10px;padding:18px;min-width:0}.moon-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}.moon-card .eyebrow{display:block;margin:0 0 6px;font-size:10px;letter-spacing:1px}.moon-card strong{display:block;font-size:17px;line-height:1.25}.moon-card .hint{font-size:11px;line-height:1.4;margin:6px 0}.moon-dial{width:46px;height:46px;border-radius:50%;border:2px solid #6b8172;background:#2b483d;box-shadow:inset 0 0 10px #10221945}.phase-1{background:radial-gradient(ellipse at 30% 50%,#294b40 65%,#eedda1 67%)}.phase-2{background:linear-gradient(90deg,#294b40 50%,#eedda1 50%)}.phase-3{background:radial-gradient(ellipse at 75% 50%,#eedda1 65%,#294b40 67%)}.phase-4{background:#eedda1}.phase-5{background:radial-gradient(ellipse at 25% 50%,#eedda1 65%,#294b40 67%)}.phase-6{background:linear-gradient(90deg,#eedda1 50%,#294b40 50%)}.phase-7{background:radial-gradient(ellipse at 70% 50%,#294b40 65%,#eedda1 67%)}.sun-times{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;font-size:11px;border-top:1px solid #d9e2cf;padding-top:10px;color:var(--muted)}.pressure-card>div:first-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pressure-card .eyebrow{margin:0;font-size:10px;letter-spacing:1px}.pressure-card strong{display:block;width:100%;font-size:24px;font-weight:550;letter-spacing:-.5px}.pressure-card .weather-icon{width:27px;height:27px}.pressure-card .hint{font-size:11px;line-height:1.4;margin:8px 0}.pressure-card svg{width:100%;height:55px;display:block;overflow:visible}.pressure-card polyline{fill:none;stroke:#527951;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;animation:chart-draw 1.3s ease both}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-metrics .weather-icon{display:block;width:27px;height:27px;margin-bottom:7px}.weather-metrics strong{font-size:15px;font-weight:550}.outlook-panel{background:#f8f9f0;border:1px solid #d6dfce;border-radius:9px;padding:20px;margin:24px 0}.rain-outlook{display:flex;gap:14px;align-items:center}.rain-outlook strong{font-size:16px;line-height:1.35;display:block;font-weight:600}.rain-outlook .hint{margin:7px 0;font-size:12px}.outlook-note{font-size:11px;color:var(--muted);margin:12px 0 20px}.outlook-panel h4{font-size:14px;margin:0 0 8px;padding-top:14px;border-top:1px solid #dce4d2}.warning{padding:12px;border:1px solid #d7b683;background:#f8eed7;border-radius:7px;margin:8px 0;font-size:13px}.warning summary{font-weight:600;cursor:pointer}.warning p{white-space:pre-line}.hourly-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.hourly-heading h4{margin:15px 0;font-size:16px}.hourly-section{scroll-margin-top:25px;border-top:1px solid #cbd6c4;padding-top:7px}.hourly{gap:9px;padding:10px 0 20px;scroll-snap-type:x proximity}.hourly .hour-tile{background:#f8f9f0;border:1px solid #d6dfce;border-radius:9px;color:var(--ink);padding:12px 9px;min-width:88px;flex-shrink:0;scroll-snap-align:start;transition:background .25s ease,border-color .25s ease}.hour-tile span{display:block;font-size:11px;margin:4px auto}.hour-tile strong{font-size:23px;font-weight:500;line-height:1.3}.hour-tile:hover,.hour-tile[aria-pressed=true]{border-color:#648467;background:#e0e9d7}.hour-details{background:#f7f8ef;padding:18px;border-radius:9px;margin:10px 0 25px}.hour-details h4{font-size:15px;margin:0 0 15px}.hour-details .weather-metrics{margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.daily-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1.2fr) auto 14px;align-items:center;text-align:left;gap:12px;color:var(--ink);background:none;border:0;border-top:1px solid #cbd6c4;padding:13px 8px;border-radius:4px;cursor:pointer;transition:background .25s ease}.daily-row:hover{background:#dfe8d4}.daily-row[aria-pressed=true]{background:#d5e0c9;box-shadow:inset 3px 0 #41613f}.daily-row .weather-icon{width:33px;height:33px}.daily-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.daily-row strong{font-size:13px;font-weight:600}.day-arrow{font-size:14px}.forecast-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #cbd6c4}.forecast-controls>.hint{width:100%;margin:0}.subtle-button{border:1px solid #bdcab7;border-radius:6px;background:#f8f9ef;color:var(--ink);padding:9px 12px;font-size:12px}.subtle-button:hover{background:#dde7d3}.search-unit-controls{margin:22px 0 10px;display:flex;align-items:center;gap:12px}.unit-toggle{display:inline-flex;border:1px solid #a8bca6;border-radius:7px;background:#f8f9f0;overflow:hidden}.unit-toggle button{border:0;background:none;color:var(--ink);padding:8px 12px;font-size:12px;min-height:38px}.unit-toggle button[aria-pressed=true]{background:var(--ink);color:#f8f9ef}.settings-button{border:1px solid #c1ceba;border-radius:6px;background:none;color:var(--ink);padding:9px 13px;font-size:14px;white-space:nowrap}.settings-button:hover{background:var(--mint)}dialog{border:1px solid #c5d2bc;border-radius:15px;max-width:460px;width:calc(100% - 32px);padding:30px;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #13332545}dialog::backdrop{background:#17372980;backdrop-filter:blur(4px)}.settings-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.settings-heading h2{font-size:29px;letter-spacing:-.7px}.settings-heading button{border:0;background:var(--mint);color:var(--ink);width:35px;height:35px;border-radius:50%;font-size:24px}dialog p{font-size:14px}dialog fieldset{border:0;padding:0;margin:25px 0}dialog legend{font-size:14px;font-weight:600;margin-bottom:12px}dialog label{display:flex;align-items:center;gap:14px;border:1px solid #c9d5c2;border-radius:8px;padding:14px;margin-bottom:10px;cursor:pointer}dialog label:has(input:checked){background:#e3eadb;border-color:#77916b}dialog label strong{display:block;font-size:15px;font-weight:600}dialog label small{display:block;font-size:12px;color:var(--muted)}dialog input{accent-color:var(--ink);width:17px;height:17px}dialog .button{width:100%;justify-content:center;padding:12px}@keyframes chart-draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}@media(max-width:1000px){.header{gap:15px}.header nav{gap:18px}.header .button.small{display:none}.condition-highlights{grid-template-columns:1fr}.weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.header nav{display:none}.header .brand-logo{width:180px}.settings-button{margin-left:auto}.condition-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.moon-card,.pressure-card{padding:13px}.moon-card{grid-template-columns:1fr;gap:10px}.moon-card .moon-dial{width:40px;height:40px}.moon-card strong{font-size:15px}.sun-times{display:block;line-height:1.8}.sun-times span{display:block}.pressure-card strong{font-size:23px}.pressure-card .eyebrow{font-size:9px}.weather-metrics{gap:8px}.weather-metrics>div{padding:11px}.weather-metrics strong{font-size:14px}.daily-row{grid-template-columns:minmax(0,1fr) 32px auto 14px;gap:7px;padding:13px 4px}.day-condition{display:none}.daily-row strong{font-size:12px}.outlook-panel{padding:16px}.current-temp{font-size:60px}.weather-icon.large{width:78px;height:78px}.hourly-heading .subtle-button{font-size:11px}.settings-button{font-size:13px}.unit-toggle button{padding:8px 10px}.forecast-controls .subtle-button{font-size:12px}}@media(prefers-reduced-motion:reduce){.pressure-card polyline{animation:none;stroke-dasharray:none}}
.premium-price{font-size:31px;font-weight:550;letter-spacing:-.7px;align-self:end}.premium-price>span{font-size:15px;font-weight:400;letter-spacing:0;color:#d5dfce}.premium-price>small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#d5dfce;margin-top:5px}.scene-card{bottom:30px}.app-preview{padding-bottom:5px}
/* The generated atlas has inset artwork rather than edge-to-edge grid cells.
   Square crop windows exclude the neighbouring rows above and below. */
.weather-icon{background-size:400% 400%}
.icon-sun{background-position:0% 16%}.icon-moon{background-position:33.333% 16%}.icon-partly{background-position:66.666% 16%}.icon-partly-night{background-position:100% 16%}
.icon-cloud{background-position:0% 51%}.icon-rain{background-position:33.333% 51%}.icon-storm{background-position:66.666% 51%}.icon-snow{background-position:100% 51%}
.icon-fog{background-position:0% 87%}.icon-wind{background-position:33.333% 87%}.icon-drop{background-position:66.666% 87%}.icon-pressure{background-position:100% 87%}
.current-summary{padding:22px 18px;margin:18px -5px 28px;gap:20px;border-radius:12px;background:radial-gradient(ellipse at 90% 20%,#f5edcf90,transparent 70%)}.current-summary .weather-icon.large{width:156px;height:156px;filter:drop-shadow(0 7px 10px #25483d12)}.current-summary .current-temp{font-size:76px;line-height:1.1;letter-spacing:-4px}.current-summary p{font-size:17px;margin-top:9px}.weather-metrics .weather-icon{width:34px;height:34px}.hourly .hour-tile .weather-icon{width:44px;height:44px}.daily-row .weather-icon{width:38px;height:38px}.pressure-card .weather-icon{width:34px;height:34px}
@media(max-width:680px){.current-summary{padding:20px 7px;gap:6px;margin-inline:0}.current-summary .weather-icon.large{width:132px;height:132px}.current-summary .current-temp{font-size:62px;letter-spacing:-3px}.current-summary p{font-size:15px;max-width:130px}.daily-row{grid-template-columns:minmax(0,1fr) 38px auto 14px}}
@media(max-width:370px){.current-summary .weather-icon.large{width:113px;height:113px}.current-summary .current-temp{font-size:55px}.current-summary p{font-size:14px}}
.hourly-day-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 15px}.hourly-day-info>div{background:#f7f8ef;padding:12px;border-radius:8px;min-width:0}.hourly-day-info .weather-icon{width:30px;height:30px;display:block;margin-bottom:6px}.hourly-day-info span:not(.weather-icon){display:block;font-size:11px;color:var(--muted)}.hourly-day-info strong{font-size:15px;font-weight:550;display:block}.hourly .hour-tile{min-width:100px}.hour-tile .hour-pressure{padding-top:7px;margin-top:8px;border-top:1px solid #dde4d5;font-size:11px;font-weight:600}.sun-event{background:#f2e8c9;border-radius:5px;padding:5px 3px;margin-top:9px!important;white-space:normal}.sun-event .weather-icon{width:23px!important;height:23px!important;margin:0 auto!important}.sun-event small{display:block;font-size:10px;line-height:1.4}.daily-sun-times{grid-column:1/-1;display:flex;align-items:center;gap:22px;opacity:.85;padding:2px 0 3px}.daily-sun-times>span{display:flex;align-items:center;gap:5px}.daily-sun-times .weather-icon{width:22px;height:22px}.daily-sun-times span:not(.weather-icon){font-size:11px}.daily-row .day-pressure{color:var(--muted);font-weight:400;font-size:11px;margin-top:5px}.daily-row{row-gap:3px}@media(max-width:680px){.hourly-day-info{gap:7px}.hourly-day-info>div{padding:10px}.hourly-day-info strong{font-size:13px}.hourly-day-info span:not(.weather-icon){font-size:10px}.daily-sun-times{gap:18px}}

.sun-time-icon{display:inline-block;width:30px;height:30px;flex-shrink:0;background:none}.sun-time-icon svg{display:block;width:100%;height:100%}.hourly-day-info .sun-time-icon{display:block;margin-bottom:6px}.hourly-day-info span.sun-time-icon{color:var(--ink)}.hourly .hour-tile{min-width:112px}.hour-tile .hour-rain-amount{font-weight:600}.hour-tile .sun-event{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.sun-event .sun-time-icon{width:26px;height:26px}.sun-event small{line-height:1.2}.daily-sun-times .sun-time-icon{width:24px;height:24px}

.hourly .hour-tile{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:center}.hour-tile .sun-event{margin-top:9px!important}.hour-tile .hour-pressure{width:100%}

.hourly .hour-tile{align-items:center}.hour-tile>span,.hour-tile>strong{width:100%;text-align:center}.hour-tile>.weather-icon{width:44px}.hour-tile .sun-event{width:100%}