/* WeatherMaker supplies precipitation over one continuous forecast sky. */
#hero .hero-photo,#hero .hero-shade,#hero .hero-watermark{display:none!important}
#hero{--sky-top:#214e66;--sky-mid:#5a9fac;--sky-low:#d0b7a2;--sun:#ffe0a4;--cloud:#e7f2ed;--ridge:#244e54;background:var(--sky-top)!important;transition:background .7s ease}
#hero .weather-maker-stage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;border:0!important;border-radius:inherit!important;clip-path:none!important;width:100%!important;height:100%!important;top:0!important;right:0!important;opacity:1!important;box-shadow:none!important;background:linear-gradient(90deg,#102e3bdf 0%,#143b49b0 36%,#183c4970 61%,transparent 100%),linear-gradient(165deg,var(--sky-top),var(--sky-mid) 62%,var(--sky-low))!important;transition:background .7s ease}
#hero .weather-maker-stage:before{content:""!important;display:block!important;position:absolute;inset:0;border:0!important;border-radius:0!important;clip-path:none!important;background:radial-gradient(ellipse at 79% 26%,#fff6 0,transparent 33%),linear-gradient(0deg,#13384466,transparent 38%);pointer-events:none}
#hero .weather-maker-stage .wm{position:absolute!important;inset:0!important;border-radius:0!important;z-index:4!important}
#hero .weather-maker-sun{display:block!important;position:absolute;z-index:2;top:14%;right:18%;width:clamp(72px,9vw,132px);height:auto;aspect-ratio:1;border-radius:50%;background:var(--sun)!important;box-shadow:0 0 32px 7px #ffe3a37a,0 0 100px 46px #ffe3a333!important;mask-image:none!important;-webkit-mask-image:none!important;animation:sky-sun 8s ease-in-out infinite alternate;transition:opacity .6s,background .6s}
#hero .weather-maker-sun:before{content:"";position:absolute;inset:-18px;border:1px solid #fff8;border-radius:50%;background:transparent!important;filter:none!important;animation:sky-halo 5s ease-in-out infinite}
#hero .weather-maker-cloud{display:block!important;position:absolute;z-index:3;top:32%;right:0;left:auto!important;bottom:auto!important;width:42%;height:23%;border-radius:50%;background:radial-gradient(ellipse at 47% 52%,var(--cloud) 0%,#e9f1edb3 39%,transparent 73%)!important;box-shadow:none!important;filter:blur(12px)!important;opacity:.72;animation:sky-cloud 17s ease-in-out infinite alternate;transition:opacity .7s}
#hero .weather-maker-cloud:before,#hero .weather-maker-cloud:after{content:"";position:absolute;border-radius:50%;background:var(--cloud);filter:blur(20px);opacity:.43}
#hero .weather-maker-cloud:before{width:44%;height:55%;left:16%;top:-15%}
#hero .weather-maker-cloud:after{width:47%;height:45%;right:7%;bottom:-6%}
#hero .weather-maker-horizon{position:absolute;z-index:2;bottom:-11%;right:-4%;width:70%;height:34%;background:var(--ridge);opacity:.42;clip-path:polygon(0 100%,0 82%,13% 63%,25% 79%,44% 28%,62% 69%,77% 45%,100% 74%,100% 100%);filter:blur(15px)}
#hero .hero-content,#hero .hero-copy{position:relative;z-index:5}
#hero .home-city-picker{z-index:20}
#hero[data-weather-scene="clear"] .weather-maker-cloud{opacity:.26}
#hero[data-weather-scene="cloudy"] .weather-maker-cloud{opacity:.9}
#hero[data-weather-scene="cloudy"] .weather-maker-sun{opacity:.48}
#hero[data-weather-scene="rain"] .weather-maker-sun,#hero[data-weather-scene="storm"] .weather-maker-sun,#hero[data-weather-scene="snow"] .weather-maker-sun{opacity:.08}
#hero[data-weather-scene="rain"],#hero[data-weather-scene="storm"]{--sky-top:#1c3449;--sky-mid:#456777;--sky-low:#899ba5;--cloud:#d5dfe2}
#hero[data-weather-scene="snow"]{--sky-top:#547581;--sky-mid:#9dc1c8;--sky-low:#e4e9df;--cloud:#f4faf9}
#hero[data-weather-day="0"]{--sky-top:#0e213c;--sky-mid:#1e4665;--sky-low:#485779;--sun:#edf4ee;--cloud:#9cb6c8}
#hero[data-weather-day="0"] .weather-maker-sun{box-shadow:0 0 22px 5px #dceaff6b,0 0 75px 30px #dceaff2e!important}
#hero[data-weather-day="0"] .weather-maker-sun{mask-image:radial-gradient(circle at 74% 26%,transparent 42%,#000 43%)!important;-webkit-mask-image:radial-gradient(circle at 74% 26%,transparent 42%,#000 43%)!important}
body[data-template="anime"] #hero{--sky-top:#397d9f;--sky-mid:#91ccda;--sky-low:#f4c9a0;--ridge:#426d83;--sun:#ffe4ae}
body[data-template="anime"] #hero[data-weather-day="0"]{--sky-top:#152b50;--sky-mid:#315b81;--sky-low:#756b83;--sun:#f1eee0}
body[data-template="anime"] #hero:before,body[data-template="anime"] #hero:after{content:none!important}
body[data-template="anime"] #hero .weather-maker-stage{background:linear-gradient(90deg,#1a4967dc 0%,#2b6683a1 41%,transparent 90%),linear-gradient(160deg,var(--sky-top),var(--sky-mid) 67%,var(--sky-low))!important}
body[data-template="anime"] #hero .weather-maker-horizon{clip-path:polygon(0 100%,0 72%,22% 74%,39% 48%,50% 54%,68% 28%,100% 69%,100% 100%);filter:blur(3px);opacity:.5}
body[data-template="aurora"] #hero{--sky-top:#536fa0;--sky-mid:#a2accd;--sky-low:#d7b5bb;--ridge:#536381;--sun:#ffe3ce}
body[data-template="aurora"] #hero[data-weather-day="0"]{--sky-top:#1d2d55;--sky-mid:#4b527b;--sky-low:#866b87;--sun:#e8ecf5}
body[data-template="aurora"] #hero .weather-maker-stage{background:linear-gradient(90deg,#263e69dd 0%,#334d78ad 42%,transparent 90%),radial-gradient(ellipse at 80% 23%,#f4abca8c,transparent 48%),linear-gradient(155deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}
body[data-template="aurora"] #hero .weather-maker-horizon{opacity:.2;filter:blur(25px)}
body[data-template="cosmos"] #hero{--sky-top:#071529;--sky-mid:#173450;--sky-low:#385675;--ridge:#10243f;--sun:#d7edfa}
body[data-template="cosmos"] #hero:after{content:none!important}
body[data-template="cosmos"] #hero .weather-maker-stage,body[data-template="orbital"] #hero .weather-maker-stage{background:linear-gradient(90deg,#071426ed 0%,#102643b5 46%,transparent),radial-gradient(ellipse at 76% 60%,#47859a66,transparent 50%),linear-gradient(165deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}
body[data-template="cosmos"] #hero .weather-maker-stage:before,body[data-template="orbital"] #hero .weather-maker-stage:before{background-image:radial-gradient(#c3e9ff9e 1px,transparent 1px),radial-gradient(#a9ccf68a 1px,transparent 1px);background-size:61px 73px,113px 97px;opacity:.36}
body[data-template="neon"] #hero{--sky-top:#0b0718;--sky-mid:#16213a;--sky-low:#473256;--ridge:#1d1935;--sun:#f4a9e6;--cloud:#88d5e8}
body[data-template="neon"] #hero:before{content:none!important}
body[data-template="neon"] #hero[data-weather-day="0"]{--sky-top:#090713;--sky-mid:#13192f;--sky-low:#302742;--sun:#f1b9eb}
body[data-template="neon"] #hero .weather-maker-stage{background:linear-gradient(90deg,#0b0719f0 0%,#130e2dd1 43%,transparent),radial-gradient(ellipse at 78% 29%,#e747a54d,transparent 40%),linear-gradient(160deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}
body[data-template="neon"] #hero .weather-maker-horizon{opacity:.58;filter:blur(2px);clip-path:polygon(0 100%,0 70%,15% 70%,15% 52%,25% 52%,25% 82%,43% 82%,43% 37%,53% 37%,53% 66%,69% 66%,69% 43%,80% 43%,80% 72%,100% 72%,100% 100%)}
body[data-template="business"] #hero{--sky-top:#2a526b;--sky-mid:#7ca5b0;--sky-low:#bbced0;--ridge:#2e6174;--sun:#f4e2bb}
body[data-template="business"] #hero[data-weather-day="0"]{--sky-top:#132b42;--sky-mid:#2d5069;--sky-low:#617689;--sun:#e5eef0}
body[data-template="business"] #hero .weather-maker-stage{background:linear-gradient(90deg,#153b54ed 0%,#28566dcb 45%,transparent),linear-gradient(145deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}
body[data-template="ink"] #hero{--sky-top:#5f7775;--sky-mid:#a0b6ad;--sky-low:#e1e1d1;--ridge:#4d6e68;--sun:#e6b78b;--cloud:#e6e9de}
body[data-template="ink"] #hero[data-weather-day="0"]{--sky-top:#354d54;--sky-mid:#6f8989;--sky-low:#b7b9a9;--sun:#e6d7b9}
body[data-template="ink"] #hero .weather-maker-stage{background:linear-gradient(90deg,#edf0e9 0%,#e5ece3ec 33%,#a4b8ae9c 60%,transparent),linear-gradient(160deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}
body[data-template="ink"] #hero .weather-maker-stage:before{background:repeating-linear-gradient(0deg,transparent 0 38px,#ffffff13 39px 40px)!important}
body[data-template="ink"] #hero .weather-maker-horizon{opacity:.52;filter:blur(10px)}
body[data-template="ink"] #hero .ink-season-note{position:absolute!important;top:38%;right:5%;bottom:auto;display:inline-flex!important;flex-direction:column;min-width:0!important;max-width:220px!important;margin:0;padding:7px 12px!important;border:1px solid #58766b70;background:#eff2e9e8;color:#34534b;box-shadow:none!important;transform:none!important;opacity:1!important}
body[data-template="ink"] #hero .ink-season-note span,body[data-template="ink"] #hero .ink-season-note small{font-size:11px!important}
body[data-template="ink"] #hero .ink-season-note strong{font-size:22px!important;line-height:1.1}
body[data-template="orbital"] #hero{--sky-top:#071827;--sky-mid:#1b465d;--sky-low:#466c77;--ridge:#193d53;--sun:#d7e7e7}
body[data-template="orbital"] #hero .weather-maker-horizon{opacity:.6;clip-path:polygon(0 100%,0 81%,18% 63%,35% 76%,56% 38%,73% 69%,100% 50%,100% 100%)}
body[data-template="orbital"] .hourly-section .hourly-scroll{overflow-x:auto}
body #hero[data-weather-scene="rain"],body #hero[data-weather-scene="storm"]{--sky-top:#1c3449;--sky-mid:#456777;--sky-low:#899ba5;--cloud:#d5dfe2}
body #hero[data-weather-scene="snow"]{--sky-top:#547581;--sky-mid:#9dc1c8;--sky-low:#e4e9df;--cloud:#f4faf9}
body #hero[data-weather-day="0"][data-weather-scene="rain"],body #hero[data-weather-day="0"][data-weather-scene="storm"]{--sky-top:#101d34;--sky-mid:#263f59;--sky-low:#54697a}
body #hero[data-weather-day="0"][data-weather-scene="snow"]{--sky-top:#344657;--sky-mid:#67838e;--sky-low:#abbfc1}
.hour-icon .wi,.day-condition .wi,#conditionIcon .wi{display:inline-block;line-height:1;color:currentColor}
.hour-icon .wi{font-size:26px}.day-condition .wi{font-size:22px}#conditionIcon .wi{font-size:27px}
body[data-template="anime"] .hour-icon .wi,body[data-template="anime"] .day-condition .wi{color:#db7951;text-shadow:1px 2px 0 #fff}
body[data-template="aurora"] .hour-icon .wi,body[data-template="aurora"] .day-condition .wi{color:#815eaa;filter:drop-shadow(0 2px 4px #9256aa55)}
body[data-template="neon"] .hour-icon .wi,body[data-template="neon"] .day-condition .wi{color:#6eeaff;text-shadow:0 0 9px #38dffd}
.hour-icon,.day-condition>svg,.day-condition>.wi,.day-condition>.forecast-ink-mark{flex-shrink:0}
body[data-template="neon"] .hour-icon,body[data-template="neon"] .day-condition>svg{color:#75edff;filter:drop-shadow(0 0 6px #35d9fa)}
body[data-template="neon"] .hour-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #65dfffa8;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%);background:#6de6fc0e}
body:not([data-template]) .hour-icon,body[data-template="classic"] .hour-icon{width:38px;height:38px;display:grid;place-items:center;border-bottom:2px solid #b88a50}
body[data-template="business"] .hour-icon{width:40px;height:40px;display:grid;place-items:center;background:#e3edf1;border:1px solid #8daebc;border-radius:2px;color:#306479}
body[data-template="business"] .day-condition>svg{color:#306479;stroke-width:2.4}
body[data-template="cosmos"] .hour-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #75c8d28c;border-radius:50%;background:#3e8a9740;box-shadow:0 0 14px #54c6d04d;color:#a5ecf4}
body[data-template="cosmos"] .day-condition>svg{color:#9fe4ed;filter:drop-shadow(0 0 6px #6dd9ea)}
body[data-template="orbital"] .hour-icon{width:42px;height:42px;display:grid;place-items:center;border:1px dashed #6ccbd8;border-radius:50%;color:#7ad6e4;transform:rotate(-8deg)}
body[data-template="orbital"] .day-condition>svg{color:#69cada}
body[data-template="aurora"] .hour-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ffffff74;box-shadow:inset 0 0 0 1px #ffffffa6,0 4px 14px #8875ae37}
body[data-template="anime"] .hour-icon{width:42px;height:42px;display:grid;place-items:center;background:#fff7e7;border:2px solid #e7a77d;border-radius:50%;box-shadow:2px 3px 0 #c4dce1}
.forecast-ink-mark{display:inline-grid;place-items:center;width:28px;height:28px;font:700 18px/1 "STKaiti","KaiTi",serif;color:#8b5746;border:1px solid currentColor;border-radius:2px;transform:rotate(-5deg)}
.day-condition .forecast-ink-mark{width:24px;height:24px;font-size:15px}
#conditionIcon .forecast-ink-mark{width:30px;height:30px}
@media(max-width:700px){#hero .weather-maker-sun{top:15%;right:11%;width:68px}#hero .weather-maker-cloud{top:30%;right:-20%;width:82%;opacity:.48}#hero .weather-maker-horizon{right:-20%;width:110%;opacity:.25}#hero .weather-maker-stage{background:linear-gradient(90deg,#123646d9 0%,#173a4ca8 70%,transparent),linear-gradient(160deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}body[data-template="ink"] #hero .weather-maker-stage{background:linear-gradient(90deg,#edf0e9ef,#e3ebe2c9 62%,#a4b8ae99),linear-gradient(160deg,var(--sky-top),var(--sky-mid),var(--sky-low))!important}body[data-template="ink"] #hero .ink-season-note{top:auto;bottom:24%;right:4%;max-width:142px!important}body[data-template="ink"] #hero .ink-season-note small{display:none!important}}
@media(prefers-reduced-motion:reduce){#hero .weather-maker-sun,#hero .weather-maker-sun:before,#hero .weather-maker-cloud{animation:none!important}#hero .weather-maker-stage{transition:none}}
@keyframes sky-sun{to{transform:translateY(-7px)}}
@keyframes sky-halo{50%{opacity:.35;transform:scale(1.08)}}
@keyframes sky-cloud{to{transform:translateX(-10%)}}