.app{--sky-1: #3b82e6;--sky-2: #2a5fd0;--sky-3: #1b3a8f;--glow-1: rgba(255, 210, 110, .55);--glow-2: rgba(110, 200, 255, .4);--glass: rgba(255, 255, 255, .14);--glass-2: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .2);--shadow: rgba(8, 20, 70, .35);position:relative;max-width:560px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app[data-scene=night]{--sky-1: #0b1030;--sky-2: #161c4f;--sky-3: #2b1d58;--glow-1: rgba(140, 110, 255, .4);--glow-2: rgba(40, 140, 255, .28);--glass: rgba(255, 255, 255, .09);--glass-2: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .13);--shadow: rgba(0, 0, 10, .5)}.app[data-scene=rain]{--sky-1: #4f6075;--sky-2: #35465c;--sky-3: #1e2939;--glow-1: rgba(180, 200, 225, .3);--glow-2: rgba(90, 130, 180, .35);--glass: rgba(255, 255, 255, .11);--glass-2: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .16);--shadow: rgba(0, 5, 20, .45)}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:linear-gradient(170deg,var(--sky-1) 0%,var(--sky-2) 50%,var(--sky-3) 100%)}.sky:before,.sky:after{content:"";position:absolute;border-radius:50%;will-change:transform}.sky:before{width:130vw;height:130vw;top:-55vw;right:-50vw;background:radial-gradient(circle,var(--glow-1) 0%,transparent 65%);animation:drift-a 22s ease-in-out infinite alternate}.sky:after{width:120vw;height:120vw;bottom:-35vw;left:-55vw;background:radial-gradient(circle,var(--glow-2) 0%,transparent 65%);animation:drift-b 28s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate3d(-14vw,12vw,0) scale(1.15)}}@keyframes drift-b{to{transform:translate3d(16vw,-10vw,0) scale(1.1)}}.stars,.stars:after{position:absolute;top:0;right:0;bottom:35%;left:0;background-image:radial-gradient(circle 1.2px at 8% 12%,#fff,transparent),radial-gradient(circle 1px at 22% 30%,#fff,transparent),radial-gradient(circle 1.4px at 35% 8%,#fff,transparent),radial-gradient(circle 1px at 48% 22%,#fff,transparent),radial-gradient(circle 1.2px at 62% 6%,#fff,transparent),radial-gradient(circle 1px at 74% 28%,#fff,transparent),radial-gradient(circle 1.5px at 88% 14%,#fff,transparent),radial-gradient(circle 1px at 94% 40%,#fff,transparent),radial-gradient(circle 1px at 15% 52%,#fff,transparent),radial-gradient(circle 1.2px at 40% 46%,#fff,transparent),radial-gradient(circle 1px at 68% 55%,#fff,transparent),radial-gradient(circle 1px at 82% 62%,#fff,transparent);opacity:.8}.stars:after{content:"";top:0;right:0;bottom:0;left:0;transform:translate(7%,9%);animation:twinkle 3.6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.15}to{opacity:.9}}.rain{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;transform:rotate(12deg)}.rain i{position:absolute;top:-10%;width:1.5px;height:14vh;border-radius:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5));animation:fall linear infinite;will-change:transform}@keyframes fall{to{transform:translate3d(0,150vh,0)}}.hero{padding:4px 2px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.status,.language-toggle{height:32px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:0 12px 0 11px;font-size:13px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.status-ago{opacity:.7;overflow:hidden;text-overflow:ellipsis}.pulse{position:relative;flex:none;width:8px;height:8px;margin-right:2px;border-radius:50%;background:#4ade80}.pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ping 2s cubic-bezier(0,0,.2,1) infinite}.status.stale .pulse{background:#fbbf24}.status.offline .pulse{background:#f87171}.status.offline .pulse:after{animation:none}@keyframes ping{75%,to{transform:scale(2.8);opacity:0}}.language-toggle{position:relative;flex:none;display:inline-flex;align-items:center;padding:3px;font-size:12px;font-weight:700;letter-spacing:.04em}.language-toggle span:not(.thumb){position:relative;width:34px;text-align:center;opacity:.6;transition:opacity .25s,color .25s}.language-toggle span.active{opacity:1;color:#0f1d48}.language-toggle .thumb{position:absolute;top:3px;bottom:3px;left:3px;width:34px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0003;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.language-toggle.is-en .thumb{transform:translate(34px)}.location{margin-top:22px;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.date{margin-top:4px;font-size:15px;opacity:.75}.date:first-letter{text-transform:uppercase}.now{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.temp{display:flex;align-items:flex-start;font-size:100px;font-weight:300;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-shadow:0 4px 24px rgba(5,15,50,.25);margin-left:-4px}.temp .deg{margin-top:.06em;margin-left:.02em;font-size:.55em;font-weight:400;color:var(--accent, #fff);text-shadow:0 0 18px var(--accent, #fff)}.feels{margin-top:6px;font-size:15px;opacity:.9}.feels b{font-weight:600}.feels .dot{margin:0 8px;opacity:.5}.scene-icon{flex:none;width:104px;height:104px;overflow:visible}.scene-icon .glow{transform-origin:50px 50px;animation:breathe 4s ease-in-out infinite alternate}.sun-icon .rays{transform-origin:50px 50px;animation:spin 30s linear infinite}.moon-icon .twinkle{animation:twinkle 2.4s ease-in-out infinite alternate}.moon-icon .t2{animation-delay:-.8s}.moon-icon .t3{animation-delay:-1.6s}.rain-icon .drops line{animation:drip 1.1s ease-in infinite}.rain-icon .drops line:nth-child(2){animation-delay:-.37s}.rain-icon .drops line:nth-child(3){animation-delay:-.74s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%{transform:scale(.92);opacity:.8}to{transform:scale(1.06);opacity:1}}@keyframes drip{0%{transform:translateY(-6px);opacity:0}30%{opacity:1}to{transform:translateY(14px);opacity:0}}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:14px;border-radius:22px;background:linear-gradient(160deg,var(--glass),var(--glass-2));border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 12px 32px -14px var(--shadow),inset 0 1px #ffffff1f;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}.card.wide{grid-column:1 / -1}.grid>.card:nth-child(2){animation-delay:.05s}.grid>.card:nth-child(3){animation-delay:.1s}.grid>.card:nth-child(4){animation-delay:.15s}.grid>.card:nth-child(5){animation-delay:.2s}.grid>.card:nth-child(6){animation-delay:.25s}.grid>.card:nth-child(7){animation-delay:.3s}@keyframes rise{0%{transform:translate3d(0,16px,0);opacity:0}}.card-title{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:.72}.card-title svg,.pill-row svg{flex:none;width:15px;height:15px}.value{display:flex;align-items:baseline;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.value.lg{font-size:32px;font-weight:500;letter-spacing:-.02em}.value.md{font-size:24px;font-weight:500;letter-spacing:-.01em}.value.center{justify-content:center}.unit{margin-left:4px;font-size:14px;font-weight:500;letter-spacing:0;opacity:.7}.tick{display:inline-block;animation:tick .5s cubic-bezier(.2,.8,.2,1)}@keyframes tick{0%{transform:translate3d(0,6px,0);opacity:.2}}.label{margin-bottom:4px;font-size:12px;opacity:.65}.sub{margin-top:5px;font-size:13px;opacity:.72;white-space:nowrap}.pill-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:12px;background:#ffffff1a;font-size:13px;white-space:nowrap}.pill-row span{opacity:.75}.pill-row b{font-weight:600;font-variant-numeric:tabular-nums}.wind-body{display:flex;align-items:center;gap:18px}.compass{flex:none;width:96px;height:96px}.compass-ring{fill:#ffffff0f;stroke:#ffffff38;stroke-width:1}.compass-ticks line{stroke:#ffffff59;stroke-width:1}.compass-letter{fill:#fff9;font-size:10.5px;font-weight:600;text-anchor:middle}.compass-letter.north{fill:#fff}.compass-needle{transform-origin:50px 50px;transition:transform 1.2s cubic-bezier(.3,1.3,.5,1)}.compass-needle path{fill:#fff;filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}.compass-cardinal{fill:#fff;font-size:18px;font-weight:700;text-anchor:middle}.compass-deg{fill:#ffffffa6;font-size:10.5px;font-weight:500;text-anchor:middle}.wind-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.humidity-body{display:flex;justify-content:center;align-items:center;flex:1}.ring{position:relative;width:96px;height:96px}.ring svg{width:100%;height:100%}.ring-track,.ring-fill{fill:none;stroke-width:6}.ring-track{stroke:#ffffff24}.ring-fill{stroke:#7dd3fc;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.3,1,.5,1)}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.ring-label small{margin-left:1px;font-size:13px;opacity:.7}.gauge{display:block;width:100%;max-width:130px;margin:0 auto;overflow:visible}.gauge-track,.gauge-arc{fill:none;stroke-width:7;stroke-linecap:round}.gauge-track{stroke:#ffffff1f}.gauge-arc{stroke:url(#gauge-fill);opacity:.9}.gauge-marker{transform-origin:60px 60px;transition:transform 1.2s cubic-bezier(.3,1.3,.5,1)}.gauge-marker circle{fill:#fff;stroke:#0f1d4899;stroke-width:2.5}.bar{position:relative;height:6px;border-radius:999px;background:#ffffff24}.uv-bar{background:linear-gradient(90deg,#4ade80,#facc15 30%,#fb923c 55%,#f87171 75%,#c084fc)}.uv-level{font-weight:600;opacity:1}.bar-dot-track{position:absolute;top:0;bottom:0;right:100%;width:100%;transition:transform 1s cubic-bezier(.3,1.3,.5,1)}.bar-dot{position:absolute;top:50%;left:100%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;border:3px solid rgba(15,29,72,.55)}.bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#fde68a,#fb923c);transform-origin:left center;transition:transform 1s cubic-bezier(.3,1,.5,1)}.compass-needle-swing{transform-origin:50px 50px;animation:needle-swing 1.5s cubic-bezier(.3,1.5,.5,1) .4s backwards}@keyframes needle-swing{0%{transform:rotate(-160deg);opacity:0}}.ring-fill{animation:ring-in 1.3s cubic-bezier(.3,1,.5,1) .4s backwards}@keyframes ring-in{0%{stroke-dashoffset:169.65}}.gauge-marker{animation:gauge-in 1.4s cubic-bezier(.3,1.3,.5,1) .45s backwards}@keyframes gauge-in{0%{transform:rotate(0)}}.bar-dot-track{animation:bar-dot-in 1.2s cubic-bezier(.3,1.3,.5,1) .5s backwards}@keyframes bar-dot-in{0%{transform:translate(0)}}.bar-fill{animation:bar-fill-in 1.2s cubic-bezier(.3,1,.5,1) .5s backwards}@keyframes bar-fill-in{0%{transform:scaleX(0)}}.skeleton,.skeleton-card{position:relative;overflow:hidden}.skeleton{border-radius:14px;background:#ffffff1f}.skeleton-temp{width:170px;height:88px}.skeleton-line{width:220px;height:16px;margin-top:10px;border-radius:8px}.skeleton-card{height:150px;animation:none}.skeleton-card.wide{height:170px}.skeleton:after,.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.16) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width: 350px){.temp{font-size:84px}.scene-icon{width:86px;height:86px}.compass{width:84px;height:84px}.value.lg{font-size:28px}.value.md{font-size:22px}.wind-body{gap:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rain{display:none}}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;color:#fff;background-color:#1d3f9a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0;font-weight:inherit;font-size:inherit}button{font:inherit;color:inherit;cursor:pointer}