:root{--card:#2d5d97;--accent:#ffd25a;--paper:#f6f1e7;--ink:#1d1b19;--ink-soft:#5d5750;--tan:#c8955f;--dusty:#5b7fb0;--coral:#e8634a;--serif:"Fraunces", Georgia, serif;--sans:"DM Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:#fff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#4e6d9e}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.splash{z-index:20;text-align:center;color:#fff;text-shadow:0 1px 10px #141b3340;flex-direction:column;justify-content:center;align-items:center;padding-bottom:8vh;transition:opacity .8s,transform .8s;display:flex;position:fixed;inset:0}.splash.leaving{opacity:0;pointer-events:none;transform:scale(1.04)}.splash h1{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.02em;margin:18px 0 6px;padding:0 16px;font-size:clamp(40px,13vw,60px);font-weight:600;line-height:1;animation:.6s cubic-bezier(.2,.8,.3,1) .15s both rise-in}.splash h1:after{content:"";background:var(--accent);border-radius:5px;width:36px;height:5px;margin:12px auto 0;display:block}.splash p{opacity:.85;margin:8px 0 0;font-size:15px;animation:.6s cubic-bezier(.2,.8,.3,1) .3s both rise-in}.splash p button{background:var(--accent);color:#1d1b19;text-shadow:none;border-radius:99px;margin:14px auto 0;padding:9px 18px;font-weight:700;display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}.splash-art{width:260px;height:150px;position:relative}.splash-boots{width:240px;height:130px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.splash-boots img{transform-origin:50% 100%;width:168px;position:absolute;bottom:0}.splash-boots .b-back{filter:brightness(.93);animation:1.6s ease-in-out .12s infinite splash-hop;bottom:12px;left:72px}.splash-boots .b-front{animation:1.6s ease-in-out infinite splash-hop;left:0}@keyframes splash-hop{0%,60%,to{transform:translateY(0)scale(1)}10%{transform:translateY(0)scale(1.06,.92)}30%{transform:translateY(-14px)scale(.97,1.04)}50%{transform:translateY(0)scale(1.04,.95)}}.splash-star{animation:2.4s ease-in-out infinite twinkle;position:absolute}.splash-star.s1{width:22px;top:6px;left:2px}.splash-star.s2{width:16px;animation-delay:.8s;top:0;right:18px}.splash-star.s3{width:14px;animation-delay:1.5s;top:46px;right:0}.app{text-shadow:0 1px 8px #141b3340;-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.grain{z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.2 -0.1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.top{z-index:3;padding:calc(env(safe-area-inset-top) + 12px) 16px 0;justify-content:space-between;align-items:center;display:flex;position:relative}.city{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:99px;align-items:center;gap:6px;margin-left:-4px;padding:7px 12px 7px 10px;font-size:16px;font-weight:600;display:inline-flex}.share{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:99px;align-items:center;gap:6px;margin-right:-4px;padding:7px 13px 7px 11px;font-size:15px;font-weight:600;display:inline-flex}.share:disabled{opacity:.6}.city .chev{opacity:.8;margin-top:-6px}.icon{flex:none}.readout{z-index:3;text-align:center;margin-top:1vh;position:relative}.clock{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:18px;font-weight:500}.clock small{opacity:.85;font-size:14px}.temp{font-family:var(--serif);font-variation-settings:"SOFT" 100;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0 4px;font-size:84px;font-weight:500;line-height:1}.feels{opacity:.92;font-size:14px}.now{text-shadow:none;border:1.5px solid;border-radius:99px;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:600}.sky{pointer-events:none;position:absolute;inset:0}.panels{position:absolute;inset:0}.panel{object-fit:cover;object-position:center 75%;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.stars{transition:opacity .4s;position:absolute;inset:0}.star{animation:3s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.35;transform:scale(.8)}}.wheel{--reach:120px;position:absolute;top:80px;left:calc(100% + 60px)}.arm{transform-origin:0 0;width:0;height:0;position:absolute}.body{transform-origin:0 0;position:absolute;top:0;left:0}.body img{animation:90s linear infinite spin;display:block}.moon{animation:7s ease-in-out infinite bob;display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-4px)}}.sun-placeholder{border:2px solid var(--ink);background:#d9a441;border-radius:50%;width:60px;height:60px;box-shadow:0 0 0 10px #d9a44140}.cloud{animation:linear infinite drift;position:absolute;left:0}@keyframes drift{0%{transform:translate(-40vw)}to{transform:translate(110vw)}}.cloud-placeholder{background:var(--paper);border:2px solid var(--ink);border-radius:30px;height:42px}.cloud-placeholder.storm{background:#8c93a3}.mist{pointer-events:none;position:absolute;inset:0}.mist-front{z-index:3}.wisp{animation:linear infinite wisp;position:absolute;left:0}@keyframes wisp{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.fog-placeholder{background:linear-gradient(#0000,#f6f1e78c,#0000)}.flash{background:var(--paper);opacity:0;animation:7s infinite flash;position:absolute;inset:0}@keyframes flash{0%,90%,94%,to{opacity:0}91%,95%{opacity:.6}}.ground{z-index:2;aspect-ratio:360/140;width:min(86vw,420px);position:absolute;top:49%;left:50%;transform:translate(-50%)}.base{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.overlay{pointer-events:none}.boots{isolation:isolate;align-items:flex-end;gap:0;margin-bottom:-4px;margin-left:18px;padding:0;display:flex;position:absolute;bottom:64%;left:50%;transform:translate(-50%)}.boot{transform-origin:50% 100%;animation:4s ease-in-out infinite settle;display:block}.boot.right{animation-delay:.25s}.boot img,.boot svg{width:clamp(96px,28vw,130px);height:auto;display:block;overflow:visible}.boot.right{z-index:-1;filter:brightness(.93);margin-bottom:7px;margin-left:-58%;position:relative}@keyframes settle{0%,to{transform:rotate(var(--lean,0deg)) scaleY(1)}50%{transform:rotate(calc(var(--lean,0deg) * 1.6)) scaleY(.97)}}.boots.hop .boot{animation:.6s ease-out hop}.boots.hop .boot.right{animation-delay:.12s}@keyframes hop{0%{transform:scaleY(1)}20%{transform:scale(1.08,.88)}50%{transform:translateY(-26px)scale(.95,1.06)}80%{transform:scale(1.06,.94)}to{transform:none}}.snowbank{background:var(--paper);border:2px solid var(--ink);border-radius:50% 50% 20% 20%;width:44%;height:32%;position:absolute;bottom:52%;left:28%}.prop{text-shadow:none;font-size:34px;position:absolute}img.prop{width:54px}.umbrella{font-size:46px;bottom:128%;left:50%;transform:translate(-50%)rotate(-12deg)}.shades{font-size:26px;bottom:112%;left:50%;transform:translate(-50%)}.pumpkin{font-size:28px;bottom:56%;left:76%}.zzz{font-size:22px;animation:3s ease-in-out infinite float;bottom:126%;left:62%}@keyframes float{50%{transform:translateY(-6px)}}.ground.drawn{--gw:min(94vw, 460px, (100dvh - var(--card-h,240px) - 190px) * 1.3);top:min(46%, calc(100% - var(--card-h,240px) - 12px - env(safe-area-inset-bottom) - var(--gw) * 3 / 7 + 14px));width:var(--gw);aspect-ratio:7/3;animation:6s ease-in-out infinite hover}@keyframes hover{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}.ground.drawn .base{object-fit:contain;object-position:center bottom}.ground.drawn{--boot:calc(var(--gw) * .35)}.ground.drawn .boots{margin-left:0;bottom:57%}.ground.drawn .boot img{width:var(--boot)}.ground.drawn .boots,.ground.drawn img.prop.umbrella{transition:bottom .9s}.ground.drawn.snowy .boots{bottom:47%}.ground.drawn.snowy img.prop.umbrella{bottom:48%}.ground.drawn .boot.right{margin-left:calc(var(--boot) * -.6)}.puddle{pointer-events:none;position:absolute}.puddle-1{width:25%;top:41%;left:36%}.puddle-2{width:13%;top:46%;left:9%}.snowbank-art{pointer-events:none;width:56%;position:absolute;top:30%;left:50%;transform:translate(-50%)}img.prop.umbrella{width:calc(var(--boot) * 1.75);transform-origin:18% 96%;animation:5s ease-in-out infinite sway;bottom:58%;left:50%;transform:translate(-50%)}@keyframes sway{0%,to{transform:translate(-50%)rotate(-1.5deg)}50%{transform:translate(-50%)rotate(1.5deg)}}img.prop.shades{width:66px;top:43%;bottom:auto;left:50%;transform:translate(-50%)rotate(-7deg)scaleY(.9)}img.prop.pumpkin{transform-origin:50% 100%;width:50px;animation:7s ease-in-out infinite rock;bottom:47%;left:70%}@keyframes rock{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}img.prop.zzz{width:44px;bottom:112%;left:64%}img.prop.toque{width:58px;bottom:104%;left:36%;transform:rotate(-10deg)}img.prop.lights{width:82%;top:26%;left:9%}.rainbow{pointer-events:none;width:86%;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.bolt{opacity:0;width:46px;animation:7s infinite flash;position:absolute;top:16%;left:62%}.fades,.cloud,.mist{transition:opacity .9s}.fades{pointer-events:none}.cloud-pair{display:block;position:relative}.cloud-pair img{width:100%;transition:opacity .9s;display:block}.cloud-pair img+img{position:absolute;inset:0}.particles{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card{z-index:5;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);background:color-mix(in srgb, var(--card) 34%, transparent);-webkit-backdrop-filter:blur(6px)saturate(1.3);backdrop-filter:blur(6px)saturate(1.3);color:#fff;text-shadow:0 1px 6px #0a0e1e4d;border:1px solid #ffffff24;border-radius:26px;max-width:560px;margin-inline:auto;padding:20px 20px 12px;transition:background-color .4s;position:absolute;box-shadow:0 12px 34px #0a0e1e38}.verdict{margin-bottom:12px}.verdict h1{font-family:var(--serif);font-variation-settings:"SOFT" 100;letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:600;line-height:1.05}.verdict h1:after{content:"";background:var(--accent);border-radius:4px;width:28px;height:4px;margin-top:10px;display:block}.verdict p{color:#ffffffc7;margin:8px 0 0;font-size:15px;line-height:1.35}.scrubber{position:relative}.track-art{height:44px;margin:0 13px;position:relative}.track-art svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.temp-line{stroke:var(--accent)}.rain-bar{background:#a9c8ff;border-radius:3px 3px 1px 1px;width:5px;margin-left:-2.5px;position:absolute;bottom:0}.temp-tag{color:#ffffffd9;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;transform:translate(-50%,-150%)}.temp-tag.low{transform:translate(-50%,45%)}.temp-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2.5px #fff, 0 0 10px var(--accent);pointer-events:none;border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.sun-mark{color:#ffffffb3;font-size:12px;position:absolute;top:-14px;transform:translate(-50%)}.scrubber input[type=range]{appearance:none;touch-action:none;background:0 0;width:100%;height:28px;margin:4px 0}.scrubber input[type=range]::-webkit-slider-runnable-track{background:#ffffff38;border-radius:4px;height:4px}.scrubber input[type=range]::-moz-range-track{background:#ffffff38;border-radius:4px;height:4px}.scrubber input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin-top:-11px;box-shadow:0 2px 8px #00000040}.scrubber input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;width:22px;height:22px}.labels{color:#ffffffb3;height:16px;margin:0 13px;font-size:11px;font-weight:600;position:relative}.labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.labels span:first-child{color:var(--accent);transform:none}.sheet-backdrop{z-index:10;background:#0a0e1e73;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--card);color:#fff;width:100%;max-height:88dvh;text-shadow:none;padding:10px 18px calc(env(safe-area-inset-bottom) + 22px);border-radius:26px 26px 0 0;animation:.25s cubic-bezier(.2,.8,.3,1) rise;overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(40px)}}.grabber{background:#ffffff4d;border-radius:5px;width:38px;height:5px;margin:0 auto 12px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet h2{font-family:var(--serif);font-variation-settings:"SOFT" 100;margin:0;font-size:28px;font-weight:600}.text-button{background:var(--accent);color:#1d1b19;border-radius:99px;padding:7px 16px;font-weight:700}.here{background:#ffffff1a;border-radius:18px;align-items:center;gap:12px;margin:16px 0 14px;padding:14px 16px;display:flex}.here .icon{color:var(--accent)}.here strong{font-size:18px;display:block}.here small{color:#ffffffb3;margin-top:2px;font-size:13px;display:block}.search{color:#1d1b19;background:#fffffff0;border-radius:16px;align-items:center;gap:10px;padding:0 8px 0 14px;display:flex}.search .icon{color:#77736d}.search input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-size:16px}.search .clear{color:#55514b;background:#e7e4df;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.results{margin:8px 0 0;padding:0;list-style:none}.results-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;padding:14px 4px 4px;font-size:11px;font-weight:700}.results button{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 6px;display:flex}.results button:active{background:#ffffff1a}.results button .icon{color:#fff9}.results small{color:#ffffffa6;margin-top:1px;font-size:13px;display:block}.results .gps{color:var(--accent);font-weight:600}.results .gps .icon{color:var(--accent)}.status{color:#ffffffbf;margin:6px 4px;font-size:14px}.field-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;margin:22px 0 8px;font-size:11px;font-weight:700;display:block}.segmented{background:#ffffff1f;border-radius:99px;padding:3px;display:inline-flex}.segmented button{border-radius:99px;padding:7px 22px;font-weight:700}.segmented .on{color:#1d1b19;background:#fff}.credit{color:#ffffff80;margin-top:26px;font-size:12px}.credit a{color:inherit}@media (prefers-reduced-motion:reduce){.boot,.cloud,.star,.zzz,.flash,.wisp,.ground.drawn,.body img,.moon,.umbrella,.pumpkin,.splash-boots img,.splash-star{animation:none!important}}