:root{--font-display: "Anton", "Archivo", -apple-system, sans-serif;--font-head: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-hero: 7.5rem;--text-condition: 1.375rem;--text-city: .8125rem;--text-title: 1rem;--text-body: .9375rem;--text-small: .8125rem;--text-micro: .6875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-gutter: 20px;--radius-card: 22px;--radius-input: 14px;--radius-pill: 999px;--card-shadow: 0 2px 10px rgba(0, 0, 0, .06);--tap-min: 44px;--transition-sky: .6s;--transition-ui: .2s}@media(prefers-reduced-motion:reduce){:root{--transition-sky: 0ms;--transition-ui: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-head);font-size:var(--text-body);line-height:1.45;color:var(--on-sky, #141414);background-color:#f2f0ec;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input{font:inherit;color:inherit}ul,ol{list-style:none}.app-frame{position:relative;height:100dvh;overflow:hidden;color:var(--on-sky)}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sky-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 55%,var(--sky-bottom) 100%);animation:sky-fade-in var(--transition-sky) ease both}@keyframes sky-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sky-layer{animation:none}}.app-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;overscroll-behavior-y:contain;padding:calc(env(safe-area-inset-top,0px) + var(--space-5)) var(--page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--space-5));scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}@media(min-width:480px){.app-scroll{max-width:420px;margin:0 auto}}:focus-visible{outline:2px solid var(--accent, #ffffff);outline-offset:2px;border-radius:4px}[data-sky=clear-morning]{--sky-top: #f1ede4;--sky-mid: #f1ede4;--sky-bottom: #eae5d9;--on-sky: #141414;--on-sky-muted: rgba(20, 20, 20, .55);--card-bg: #ffffff;--card-border: rgba(20, 20, 20, .14);--card-text: #141414;--card-text-muted: rgba(20, 20, 20, .55);--accent: #e8452c;--accent-ink: #ffffff}[data-sky=clear-day]{--sky-top: #f2f0ec;--sky-mid: #f2f0ec;--sky-bottom: #ecebe6;--on-sky: #141414;--on-sky-muted: rgba(20, 20, 20, .55);--card-bg: #ffffff;--card-border: rgba(20, 20, 20, .14);--card-text: #141414;--card-text-muted: rgba(20, 20, 20, .55);--accent: #e8452c;--accent-ink: #ffffff}[data-sky=clear-evening]{--sky-top: #211d29;--sky-mid: #211d29;--sky-bottom: #191621;--on-sky: #f5f4f1;--on-sky-muted: rgba(245, 244, 241, .6);--card-bg: #2b2733;--card-border: rgba(245, 244, 241, .16);--card-text: #f5f4f1;--card-text-muted: rgba(245, 244, 241, .6);--accent: #ffb86b;--accent-ink: #211d29}[data-sky=clear-golden]{--sky-top: #f4ecdc;--sky-mid: #f4ecdc;--sky-bottom: #eee2cb;--on-sky: #1c1408;--on-sky-muted: rgba(28, 20, 8, .55);--card-bg: #fffdf8;--card-border: rgba(28, 20, 8, .16);--card-text: #1c1408;--card-text-muted: rgba(28, 20, 8, .55);--accent: #cf4b21;--accent-ink: #ffffff}[data-sky=night]{--sky-top: #17181d;--sky-mid: #17181d;--sky-bottom: #131418;--on-sky: #f5f4f1;--on-sky-muted: rgba(245, 244, 241, .6);--card-bg: #232429;--card-border: rgba(245, 244, 241, .16);--card-text: #f5f4f1;--card-text-muted: rgba(245, 244, 241, .6);--accent: #8ea6ff;--accent-ink: #17181d}[data-sky=rain]{--sky-top: #1b1e23;--sky-mid: #1b1e23;--sky-bottom: #16181d;--on-sky: #f5f4f1;--on-sky-muted: rgba(245, 244, 241, .6);--card-bg: #26292f;--card-border: rgba(245, 244, 241, .16);--card-text: #f5f4f1;--card-text-muted: rgba(245, 244, 241, .6);--accent: #4db2ff;--accent-ink: #10141a}[data-sky=cloudy]{--sky-top: #ececea;--sky-mid: #ececea;--sky-bottom: #e4e4e1;--on-sky: #141414;--on-sky-muted: rgba(20, 20, 20, .55);--card-bg: #ffffff;--card-border: rgba(20, 20, 20, .14);--card-text: #141414;--card-text-muted: rgba(20, 20, 20, .55);--accent: #2f8fe0;--accent-ink: #ffffff}[data-sky=snow]{--sky-top: #edf1f4;--sky-mid: #edf1f4;--sky-bottom: #e4eaef;--on-sky: #14202b;--on-sky-muted: rgba(20, 32, 43, .55);--card-bg: #ffffff;--card-border: rgba(20, 32, 43, .14);--card-text: #14202b;--card-text-muted: rgba(20, 32, 43, .55);--accent: #2f8fe0;--accent-ink: #ffffff}[data-sky=fog]{--sky-top: #ebeae8;--sky-mid: #ebeae8;--sky-bottom: #e2e1de;--on-sky: #1a1a1a;--on-sky-muted: rgba(26, 26, 26, .5);--card-bg: #f8f8f7;--card-border: rgba(26, 26, 26, .14);--card-text: #1a1a1a;--card-text-muted: rgba(26, 26, 26, .5);--accent: #4a5568;--accent-ink: #ffffff}:root{--range-cool: #6fb7e8;--range-mid: #8fc9e0;--range-warm: #f0a35e;--range-hot: #e8734f}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);color:var(--card-text)}.section-heading{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--on-sky-muted);margin-bottom:var(--space-2);padding-left:var(--space-2)}.location-header-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-2)}.location-header{display:flex;justify-content:center;min-height:var(--tap-min);width:100%;align-items:center;gap:var(--space-1);color:var(--on-sky)}.location-header__city{font-family:var(--font-mono);font-size:var(--text-city);font-weight:700;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase}.location-header__glyph{color:var(--on-sky-muted);display:inline-flex}.location-header__glyph svg{width:14px;height:14px}.city-chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:0 var(--space-2);margin-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.city-chips::-webkit-scrollbar{display:none}.city-chip{flex:0 0 auto;background:var(--card-bg);border:1px solid var(--card-border);color:var(--card-text);border-radius:999px;padding:4px 14px;min-height:32px;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:var(--card-shadow)}.city-chip--active{background:var(--card-text);border-color:var(--card-text);color:var(--card-bg)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) 0 var(--space-6);color:var(--on-sky)}.hero__icon{color:var(--on-sky);margin-bottom:var(--space-2)}.hero__temp{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;line-height:.92;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 .018em 0 rgba(0,0,0,.22),0 .036em 0 rgba(0,0,0,.14),0 .07em .09em rgba(0,0,0,.22)}.hero__condition{font-size:var(--text-condition);font-weight:800;letter-spacing:-.01em;margin-top:var(--space-3)}.hero__highlow{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--on-sky-muted);margin-top:var(--space-2);font-variant-numeric:tabular-nums}.hero__feels{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--on-sky-muted);margin-top:var(--space-1)}.hero__viewing{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--on-sky-muted);margin-bottom:var(--space-2)}.hero__reset{background:none;border:1px solid var(--on-sky-muted);color:var(--on-sky);border-radius:999px;padding:2px 10px;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;min-height:28px;cursor:pointer}.hourly-card{padding:var(--space-4) var(--space-3);margin-bottom:var(--space-4)}.hourly-strip{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hourly-strip::-webkit-scrollbar{display:none}.hourly-cell{flex:0 0 auto;min-width:52px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:12px;background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;touch-action:pan-x;transition:background var(--transition-ui)}.hourly-cell--active{background:var(--accent)}.hourly-cell--active .hourly-time,.hourly-cell--active .hourly-temp,.hourly-cell--active .hourly-trend,.hourly-cell--active .hourly-icon,.hourly-cell--active .hourly-precip{color:var(--accent-ink, var(--card-bg))}.hourly-cell--now .hourly-time{font-weight:700}.hourly-time{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--card-text);font-variant-numeric:tabular-nums;white-space:nowrap}.hourly-sun{color:var(--accent);font-weight:700}.hourly-icon{color:var(--card-text);display:inline-flex}.hourly-temp{font-size:var(--text-body);font-weight:700;font-variant-numeric:tabular-nums}.hourly-trend{display:inline-block;margin-left:3px;font-size:.55em;vertical-align:middle;color:var(--card-text-muted)}.hourly-precip{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;color:var(--accent, #2f8fe0);min-height:1em;font-variant-numeric:tabular-nums}.sun-times{display:flex;justify-content:center;gap:2px;margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dotted var(--card-border);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--card-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.skyline-brief{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--on-sky-muted);text-align:center;margin-bottom:var(--space-3);padding:0 var(--space-2);line-height:1.6}.insight-card{padding:var(--space-4);margin-bottom:var(--space-4)}.insight-card__title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--card-text);color:var(--card-bg);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-pill);padding:5px 12px;margin-bottom:var(--space-3)}.insight-card__body{font-size:var(--text-body);color:var(--card-text);line-height:1.45}.toast-stack{position:fixed;top:max(env(safe-area-inset-top),12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--space-2);width:min(calc(100% - 2 * var(--page-gutter)),380px);z-index:70}.toast{display:flex;flex-direction:column;gap:2px;background:var(--card-text);border:none;border-radius:var(--radius-card);padding:var(--space-3) var(--space-4);color:var(--card-bg);text-align:left;cursor:pointer;box-shadow:0 8px 24px #00000040;animation:toast-in .24s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast__title{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.toast__body{font-size:var(--text-small);color:var(--card-bg)}.notification-optin{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;color:var(--on-sky-muted)}.notification-optin__actions{display:flex;gap:var(--space-2);flex:0 0 auto}.notification-optin__button{background:none;border:1px solid var(--on-sky-muted);color:var(--on-sky);border-radius:999px;padding:4px 12px;min-height:32px;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.daily-card{padding:var(--space-4);margin-bottom:var(--space-4)}.daily-row{display:grid;grid-template-columns:3.6em minmax(4.5em,max-content) 1fr;grid-template-areas:"day icon precip" "day label temps";align-items:center;column-gap:var(--space-3);row-gap:2px;min-height:var(--tap-min);width:100%;padding:var(--space-2) 0;border-top:1px dotted var(--card-border);text-align:left}.daily-row:first-of-type{border-top:none}.daily-day{grid-area:day;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.daily-row--today .daily-day{font-weight:700}.daily-icon{grid-area:icon;color:var(--card-text);display:inline-flex;align-items:center;justify-self:start;gap:var(--space-2)}.daily-label{grid-area:label;font-size:var(--text-micro);color:var(--card-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-precip{grid-area:precip;font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;color:var(--accent, #2f8fe0);text-align:right;min-height:1em;font-variant-numeric:tabular-nums}.daily-temps{grid-area:temps;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:600;font-variant-numeric:tabular-nums}.daily-low{color:var(--card-text-muted);min-width:2.4em;text-align:right}.daily-high{font-weight:600;min-width:2.4em}.range-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--card-text) 12%,transparent);position:relative;overflow:hidden}.range-bar__fill{position:absolute;top:0;bottom:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--range-cool),var(--range-mid) 35%,var(--range-warm) 75%,var(--range-hot))}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;min-height:var(--tap-min)}.updated-footer{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;color:var(--on-sky-muted);min-height:var(--tap-min);display:inline-flex;align-items:center;gap:var(--space-2);text-align:left}.updated-footer__refreshing{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.updated-footer__refreshing{animation:none;border-bottom-color:currentColor}}.unit-toggle{display:inline-flex;border:1px solid var(--card-border);border-radius:var(--radius-pill);background:var(--card-bg);overflow:hidden}.unit-toggle__btn{min-height:var(--tap-min);min-width:44px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-small);font-weight:700;color:var(--on-sky-muted);transition:background var(--transition-ui),color var(--transition-ui)}.unit-toggle__btn[aria-pressed=true]{background:var(--card-text);color:var(--card-bg)}.banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.03em;background:var(--card-text);border:none;border-radius:var(--radius-input);color:var(--card-bg)}.banner__text{flex:1}.banner__retry{font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:var(--tap-min);display:inline-flex;align-items:center;color:var(--card-text)}.retry-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--tap-min);width:100%;font-size:var(--text-small);color:var(--card-text-muted);text-align:left}.retry-row__text{flex:1}.retry-row__action{font-weight:700;color:var(--card-text);text-decoration:underline;text-underline-offset:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);min-height:60vh;color:var(--on-sky)}.empty-state__title{font-size:1.375rem;font-weight:800;letter-spacing:-.01em}.empty-state__body,.empty-state__cause{font-size:var(--text-small);color:var(--on-sky-muted);max-width:26ch}.empty-state__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.btn-primary{min-height:var(--tap-min);padding:0 var(--space-6);border-radius:var(--radius-pill);background:var(--on-sky);color:var(--sky-top);font-family:var(--font-mono);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.btn-secondary{min-height:var(--tap-min);padding:0 var(--space-4);font-family:var(--font-mono);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;color:var(--on-sky)}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#080c1873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sky-fade-in var(--transition-ui) ease both}.search-sheet{position:fixed;left:0;right:0;bottom:0;z-index:11;margin:0 auto;max-width:420px;max-height:82dvh;display:flex;flex-direction:column;background:var(--sky-top);border:1px solid var(--card-border);border-bottom:none;border-radius:var(--radius-card) var(--radius-card) 0 0;box-shadow:0 -8px 40px #00000059;padding:var(--space-3) var(--page-gutter) calc(env(safe-area-inset-bottom,0px) + var(--space-4));animation:sheet-up .28s cubic-bezier(.2,.8,.3,1) both}@keyframes sheet-up{0%{transform:translateY(60%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.search-sheet{animation:none}}.search-sheet__grabber{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--card-border);margin:0 auto var(--space-3)}.search-sheet__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.search-input{flex:1;min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--card-border);background:var(--card-bg);color:var(--card-text);font-size:var(--text-body)}.search-input::placeholder{color:var(--card-text-muted)}.search-cancel{min-height:var(--tap-min);padding:0 var(--space-2);font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--card-text-muted)}.search-results{overflow-y:auto}.search-hint{padding:var(--space-3) 0;font-size:var(--text-small);color:var(--card-text-muted);text-align:center}.search-row{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:var(--tap-min);width:100%;padding:var(--space-2) 0;border-bottom:1px solid var(--card-border);text-align:left}.search-row__city{font-size:var(--text-body);font-weight:600}.search-row__region{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;color:var(--card-text-muted)}.search-row--action{flex-direction:row;align-items:center;gap:var(--space-2);color:var(--card-text)}.search-row--action .search-row__city{font-weight:600}.search-row-wrap{display:flex;align-items:stretch}.search-row-wrap .search-row{flex:1}.search-row__star{flex:0 0 auto;width:var(--tap-min);min-height:var(--tap-min);background:none;border:none;font-size:var(--text-body);color:var(--card-text-muted);cursor:pointer}.search-row__star[aria-pressed=true]{color:var(--accent)}.search-row__star--remove{font-size:var(--text-body);font-weight:600}.first-run{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);min-height:80dvh;color:var(--on-sky)}.first-run__logo{font-family:var(--font-display);font-size:var(--text-hero);font-weight:400;letter-spacing:.01em;line-height:.92;text-transform:uppercase;margin-bottom:var(--space-2);text-shadow:0 .018em 0 rgba(0,0,0,.22),0 .036em 0 rgba(0,0,0,.14),0 .07em .09em rgba(0,0,0,.22)}.first-run__value{font-size:var(--text-condition);font-weight:700;max-width:22ch}.first-run__privacy{font-size:var(--text-small);color:var(--on-sky-muted);max-width:28ch}.first-run__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4);width:100%;max-width:280px}.first-run__status{font-size:var(--text-small);color:var(--on-sky-muted);min-height:1.4em}.screen-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--on-sky-muted)}.screen-loading__spinner{width:24px;height:24px;border:3px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.screen-loading__spinner{animation:none;border-right-color:currentColor}}.location-header__city{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.demo-chip{position:fixed;top:.75rem;left:50%;transform:translate(-50%);z-index:60;display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .4375rem .3125rem .75rem;border-radius:999px;font-family:var(--font-mono);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--card-bg);background:var(--card-text);box-shadow:0 4px 16px #0000002e}.demo-chip__exit{width:1.25rem;height:1.25rem;display:grid;place-items:center;padding:0;border:none;border-radius:50%;font-size:.875rem;line-height:1;color:var(--card-bg);background:transparent;cursor:pointer;opacity:.7}.demo-chip__exit:hover,.demo-chip__exit:focus-visible{opacity:1}.demo-sheet__heading{margin:0;font-size:.9375rem;font-weight:600}.demo-sheet__row--active .search-row__city{font-weight:700}.demo-sheet__row--active:after{content:"✓";margin-left:auto;font-weight:700}.demo-sheet__row--exit{margin-top:.25rem}