:root{--sky-ink: #0e2438;--sky-mist: #d7e6f2;--sky-cloud: #eef5fa;--sky-horizon: #6aa8c9;--sky-accent: #1a6a88;--sky-accent-deep: #0f4d66;--sky-muted: #5a7288;--sky-panel: color-mix(in srgb, #ffffff 72%, transparent);--sky-line: color-mix(in srgb, var(--sky-horizon) 40%, transparent);--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--radius: 1rem;--shadow: 0 18px 40px color-mix(in srgb, #0e2438 12%, transparent);color:var(--sky-ink);background:var(--sky-cloud);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{min-height:100svh;background:radial-gradient(90% 60% at 80% 0%,#b8d9ef 0%,transparent 55%),radial-gradient(70% 50% at 10% 20%,#9ec9e8 0%,transparent 50%),linear-gradient(180deg,#c5dff0 0%,var(--sky-cloud) 42%,#e8f1f7 100%)}#app{min-height:100svh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:clamp(1rem,3.5vw,2.25rem);padding-bottom:1.25rem;max-width:40rem;margin:0 auto;gap:1rem}.sky-veil{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,#fff 35%,transparent),transparent 42%);animation:veil-drift 14s ease-in-out infinite alternate;z-index:0}.shell>*:not(.sky-veil){position:relative;z-index:1}.shell>.controls{z-index:5}.shell__brand{text-align:center;padding-top:clamp(.75rem,4vh,2rem)}.shell__mark{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4rem);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--sky-ink);animation:brand-rise .7s cubic-bezier(.22,1,.36,1) both}.shell__tagline{margin:.55rem 0 0;color:var(--sky-muted);font-size:clamp(.95rem,2.6vw,1.05rem);line-height:1.35;max-width:28rem;margin-inline:auto;animation:brand-rise .7s cubic-bezier(.22,1,.36,1) .08s both}.controls{display:grid;gap:.65rem;position:relative;z-index:4}.search{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:stretch}.search input{width:100%;min-width:0;border:1px solid var(--sky-line);background:color-mix(in srgb,#fff 88%,transparent);border-radius:999px;padding:.72rem 1.1rem;font:inherit;font-size:1rem;color:var(--sky-ink);outline:none;box-shadow:0 1px color-mix(in srgb,#fff 60%,transparent) inset}.search input::placeholder{color:color-mix(in srgb,var(--sky-muted) 85%,transparent)}.search input:focus{border-color:color-mix(in srgb,var(--sky-accent) 55%,var(--sky-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--sky-horizon) 35%,transparent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:600;font-size:.95rem;padding:.72rem 1.15rem;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn--primary{background:var(--sky-accent);color:#fff}.btn--primary:not(:disabled):hover{background:var(--sky-accent-deep)}.btn--ghost{background:color-mix(in srgb,#fff 55%,transparent);border-color:var(--sky-line);color:var(--sky-ink);width:100%}.btn--ghost:not(:disabled):hover{background:color-mix(in srgb,#fff 80%,transparent);border-color:color-mix(in srgb,var(--sky-accent) 40%,var(--sky-line))}.suggest{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:5;display:grid;gap:.15rem;padding:.4rem;background:#fff;border:1px solid var(--sky-line);border-radius:.9rem;box-shadow:var(--shadow);max-height:14rem;overflow:auto}.shell__main.is-obscured{opacity:.22;pointer-events:none;transition:opacity .15s ease}.suggest__item{display:grid;gap:.1rem;text-align:left;border:0;background:transparent;border-radius:.65rem;padding:.65rem .75rem;cursor:pointer;font:inherit;color:inherit}.suggest__item:hover,.suggest__item:focus-visible{background:color-mix(in srgb,var(--sky-horizon) 18%,transparent);outline:none}.suggest__name{font-weight:600}.suggest__meta{font-size:.85rem;color:var(--sky-muted)}.shell__main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:12rem;padding:.25rem 0 .5rem}.panel{width:100%}.panel--status{text-align:center;padding:2rem 1rem;display:grid;gap:.55rem;justify-items:center}.status-title{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:600;letter-spacing:-.02em}.status-copy{margin:0;color:var(--sky-muted);max-width:24rem;line-height:1.45}.spinner{width:1.65rem;height:1.65rem;border-radius:50%;border:2px solid color-mix(in srgb,var(--sky-horizon) 45%,transparent);border-top-color:var(--sky-accent);animation:spin .75s linear infinite}.weather{display:grid;gap:1.35rem;animation:weather-in .55s cubic-bezier(.22,1,.36,1) both}.weather__place{margin:0;text-align:center;font-size:1.05rem;font-weight:600;color:var(--sky-accent-deep);letter-spacing:.01em}.weather__now{display:grid;justify-items:center;gap:.35rem;text-align:center}.weather__temp{margin:0;font-family:var(--font-display);font-size:clamp(4.25rem,16vw,5.75rem);font-weight:600;letter-spacing:-.05em;line-height:.95}.weather__meta{display:grid;gap:.25rem}.weather__condition{margin:0;font-size:1.15rem;display:inline-flex;align-items:center;gap:.4rem;justify-content:center}.weather__glyph{font-size:1.1rem;line-height:1;opacity:.9}.weather__hl{margin:0;color:var(--sky-muted);font-size:1rem}.dot{margin:0 .2rem}.strip-block{display:grid;gap:.55rem}.strip-block__title{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-muted);padding-inline:.15rem}.strip{list-style:none;margin:0;padding:.65rem .35rem;display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;border-top:1px solid var(--sky-line);border-bottom:1px solid var(--sky-line)}.strip__item{flex:0 0 auto;min-width:4.4rem;display:grid;justify-items:center;gap:.28rem;padding:.35rem .45rem;font-size:.92rem}.strip__label{color:var(--sky-muted);font-size:.82rem;font-weight:600}.strip__glyph{font-size:1rem;line-height:1;color:var(--sky-accent);min-height:1.1em}.strip__temp,.strip__range{font-weight:700;font-variant-numeric:tabular-nums}.muted{color:var(--sky-muted);font-weight:500}.shell__footer{text-align:center;padding:.35rem 0 .25rem;font-size:.82rem;color:var(--sky-muted)}.shell__footer p{margin:0}.shell__footer a{color:var(--sky-accent);text-decoration:underline;text-underline-offset:2px}.shell__footer a:hover{color:var(--sky-ink)}.is-enter{animation:weather-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes brand-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes weather-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes veil-drift{0%{opacity:.55;transform:translateY(0)}to{opacity:.9;transform:translateY(12px)}}@media(max-width:420px){.search{grid-template-columns:1fr}.search .btn--primary{width:100%}.shell__tagline{padding-inline:.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}