:root{--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-11: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 28px;--radius-full: 999px;--font-family: -apple-system, "SF Pro Display", "Segoe UI", system-ui, Roboto, sans-serif;--font-xs: 12px;--font-sm: 13px;--font-base: 15px;--font-md: 17px;--font-lg: 20px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 40px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-apple-out: cubic-bezier(.32, .72, 0, 1);--glass-blur-thin: 12px;--glass-blur-regular: 20px;--glass-blur-thick: 36px;--glass-sat-thin: 160%;--glass-sat-regular: 180%;--glass-sat-thick: 190%;--accent: #3d5afe;--on-accent: #ffffff}:root{color-scheme:light;--label-primary: rgba(10, 12, 22, .96);--label-secondary: rgba(10, 12, 22, .62);--label-tertiary: rgba(10, 12, 22, .38);--bg-primary: #eef1f7;--bg-elevated: #ffffff;--fill-primary: rgba(10, 12, 22, .08);--fill-secondary: rgba(10, 12, 22, .05);--separator: rgba(10, 12, 22, .12);--glass-tint: 255, 255, 255;--glass-fill-thin: rgba(var(--glass-tint), .4);--glass-fill-regular: rgba(var(--glass-tint), .55);--glass-fill-thick: rgba(var(--glass-tint), .75);--glass-border: rgba(255, 255, 255, .55);--shadow-1: 0 1px 2px rgba(10, 12, 22, .08);--shadow-2: 0 4px 16px rgba(10, 12, 22, .1);--shadow-3: 0 12px 32px rgba(10, 12, 22, .16);--status-good: #0ca30c;--status-good-text: #006300;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--chart-grid: rgba(10, 12, 22, .09);--chart-axis: rgba(10, 12, 22, .3);--series-icon: #2a78d6;--series-ecmwf: #eb6834;--series-gfs: #1baf7a;--series-arpege: #eda100;--series-metno: #e87ba4}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--label-primary: rgba(245, 247, 255, .96);--label-secondary: rgba(245, 247, 255, .64);--label-tertiary: rgba(245, 247, 255, .4);--bg-primary: #0d0f18;--bg-elevated: #1c1f2c;--fill-primary: rgba(245, 247, 255, .1);--fill-secondary: rgba(245, 247, 255, .06);--separator: rgba(245, 247, 255, .14);--glass-tint: 30, 30, 32;--glass-fill-thin: rgba(var(--glass-tint), .4);--glass-fill-regular: rgba(var(--glass-tint), .55);--glass-fill-thick: rgba(var(--glass-tint), .75);--glass-border: rgba(255, 255, 255, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .4);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);--status-good: #0ca30c;--status-good-text: #0ca30c;--chart-grid: rgba(245, 247, 255, .1);--chart-axis: rgba(245, 247, 255, .32);--series-icon: #3987e5;--series-ecmwf: #d95926;--series-gfs: #199e70;--series-arpege: #c98500;--series-metno: #d55181}}:root[data-theme=dark]{color-scheme:dark;--label-primary: rgba(245, 247, 255, .96);--label-secondary: rgba(245, 247, 255, .64);--label-tertiary: rgba(245, 247, 255, .4);--bg-primary: #0d0f18;--bg-elevated: #1c1f2c;--fill-primary: rgba(245, 247, 255, .1);--fill-secondary: rgba(245, 247, 255, .06);--separator: rgba(245, 247, 255, .14);--glass-tint: 30, 30, 32;--glass-fill-thin: rgba(var(--glass-tint), .4);--glass-fill-regular: rgba(var(--glass-tint), .55);--glass-fill-thick: rgba(var(--glass-tint), .75);--glass-border: rgba(255, 255, 255, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .4);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);--status-good: #0ca30c;--status-good-text: #0ca30c;--chart-grid: rgba(245, 247, 255, .1);--chart-axis: rgba(245, 247, 255, .32);--series-icon: #3987e5;--series-ecmwf: #d95926;--series-gfs: #199e70;--series-arpege: #c98500;--series-metno: #d55181}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--label-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.bg-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;transition:background var(--motion-slow) var(--ease-standard)}.bg-scene:before,.bg-scene:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 26s var(--ease-standard) infinite alternate}.bg-scene:before{width:55vmax;height:55vmax;top:-18vmax;left:-12vmax}.bg-scene:after{width:45vmax;height:45vmax;bottom:-15vmax;right:-10vmax;animation-delay:-13s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(9vmax,6vmax,0) scale(1.18)}}.bg-scene[data-scene=clear]{background:linear-gradient(165deg,#2f7fd4,#7db9ec 55%,#ffd9a0)}.bg-scene[data-scene=clear]:before{background:#ffd166}.bg-scene[data-scene=clear]:after{background:#7cc3ff}.bg-scene[data-scene=partly]{background:linear-gradient(165deg,#3a6fb8,#86a9d4 60%,#cfd8e6)}.bg-scene[data-scene=partly]:before{background:#ffe3a3}.bg-scene[data-scene=partly]:after{background:#9fb6d8}.bg-scene[data-scene=cloudy]{background:linear-gradient(165deg,#5a6b84,#8b98ab 60%,#b8bfca)}.bg-scene[data-scene=cloudy]:before{background:#aab4c4}.bg-scene[data-scene=cloudy]:after{background:#7d8ba0}.bg-scene[data-scene=fog]{background:linear-gradient(165deg,#7d8794,#a8aeb8 55%,#cdd1d8)}.bg-scene[data-scene=fog]:before{background:#e6e8ec}.bg-scene[data-scene=fog]:after{background:#9aa2ad}.bg-scene[data-scene=rain]{background:linear-gradient(165deg,#34506e,#4b6b8c 55%,#6f8aa6)}.bg-scene[data-scene=rain]:before{background:#5f83a8}.bg-scene[data-scene=rain]:after{background:#3c5a7a}.bg-scene[data-scene=snow]{background:linear-gradient(165deg,#6f86a8,#a6b8d0 55%,#e3e9f2)}.bg-scene[data-scene=snow]:before{background:#fff}.bg-scene[data-scene=snow]:after{background:#b9c9df}.bg-scene[data-scene=thunder]{background:linear-gradient(165deg,#23273d,#3d3f63 55%,#5c548a)}.bg-scene[data-scene=thunder]:before{background:#7f76c9}.bg-scene[data-scene=thunder]:after{background:#46406e}.bg-scene[data-night=true]{filter:brightness(.55) saturate(.85)}.bg-precip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bg-precip[data-kind=rain]{background-image:repeating-linear-gradient(17deg,transparent 0 6px,rgba(255,255,255,.14) 6px 7px,transparent 7px 26px);background-size:100% 300%;animation:fall .9s linear infinite}.bg-precip[data-kind=snow]{background-image:radial-gradient(rgba(255,255,255,.5) 1.4px,transparent 2px),radial-gradient(rgba(255,255,255,.35) 1.1px,transparent 2px);background-size:64px 64px,38px 38px;animation:fall 9s linear infinite}@keyframes fall{to{background-position:0 300px,0 220px}}@media (prefers-reduced-motion: reduce){.bg-scene:before,.bg-scene:after,.bg-precip{animation:none}}.app{max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-5) calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-5)}.glass{background:var(--glass-fill-regular);backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-sat-regular));-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(var(--glass-sat-regular));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.card{padding:var(--space-6)}.card-title{margin:0 0 var(--space-4);font-size:var(--font-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--label-secondary)}.header{display:flex;align-items:center;gap:var(--space-3)}.header-loc{flex:1;min-width:0}.header-loc h1{margin:0;font-size:var(--font-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-loc p{margin:0;font-size:var(--font-xs);color:var(--label-secondary)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--glass-border);border-radius:var(--radius-full);background:var(--glass-fill-thin);-webkit-backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-sat-thin));backdrop-filter:blur(var(--glass-blur-thin)) saturate(var(--glass-sat-thin));cursor:pointer;font-size:var(--font-md);transition:transform var(--motion-fast) var(--ease-apple-out)}.icon-btn:active{transform:scale(.92)}.search-wrap{position:relative}.search-input{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-fill-regular);-webkit-backdrop-filter:blur(var(--glass-blur-thin));backdrop-filter:blur(var(--glass-blur-thin));outline:none}.search-input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.search-results{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;z-index:300;overflow:hidden;background:var(--glass-fill-thick);-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-sat-thick));backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-sat-thick));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.search-results button{display:block;width:100%;padding:var(--space-4) var(--space-5);border:0;background:none;text-align:left;cursor:pointer}.search-results button:hover,.search-results button:focus-visible{background:var(--fill-primary)}.search-results small{color:var(--label-secondary)}.hero{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-6)}.hero-main{flex:1}.hero-temp{font-size:76px;font-weight:200;line-height:1;letter-spacing:-.02em}.hero-temp sup{font-size:.45em;font-weight:400;vertical-align:super}.hero-cond{margin-top:var(--space-2);font-size:var(--font-md);font-weight:500}.hero-minmax{margin-top:var(--space-1);font-size:var(--font-sm);color:var(--label-secondary)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--fill-primary);font-size:var(--font-xs);font-weight:500;color:var(--label-secondary)}.chip strong{color:var(--label-primary);font-weight:600}.agree-ring{position:relative;width:108px;height:108px;flex-shrink:0}.agree-ring svg{transform:rotate(-90deg)}.agree-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.agree-ring-label strong{font-size:var(--font-xl);font-weight:700}.agree-ring-label span{font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--label-secondary)}.hours{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:thin}.hour-chip{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-width:56px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--fill-secondary)}.hour-chip[data-now=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.hour-chip .h-time{font-size:var(--font-xs);color:var(--label-secondary)}.hour-chip .h-temp{font-size:var(--font-base);font-weight:600}.hour-chip .h-spread{font-size:10px;color:var(--label-tertiary)}.hour-chip .h-spread[data-hot=true]{color:var(--status-serious);font-weight:600}.day-row{display:grid;grid-template-columns:88px 34px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--separator)}.day-row:last-child{border-bottom:0}.day-name{font-weight:500}.day-name small{display:block;color:var(--label-tertiary);font-size:var(--font-xs)}.day-track{position:relative;height:6px;border-radius:var(--radius-full);background:var(--fill-primary)}.day-track .band{position:absolute;top:0;bottom:0;border-radius:var(--radius-full);background:linear-gradient(90deg,#4facfe,#ffb347)}.day-track .whisker{position:absolute;top:1px;bottom:1px;border-radius:var(--radius-full);background:var(--label-tertiary);opacity:.35}.day-temps{display:flex;gap:var(--space-3);font-variant-numeric:tabular-nums}.day-temps .min{color:var(--label-secondary)}.day-temps .max{font-weight:600}.day-agree{font-size:10px;color:var(--label-tertiary)}.chart-wrap{position:relative}.chart-svg{display:block;width:100%;height:auto;touch-action:pan-y}.chart-tip{position:absolute;z-index:100;min-width:150px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--separator);box-shadow:var(--shadow-3);font-size:var(--font-xs);pointer-events:none}.chart-tip h4{margin:0 0 var(--space-2);font-size:var(--font-xs);color:var(--label-secondary);font-weight:500}.chart-tip .row{display:flex;align-items:center;gap:var(--space-2);padding:1px 0;font-variant-numeric:tabular-nums}.chart-tip .row .val{margin-left:auto;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--font-xs);color:var(--label-secondary)}.legend .item{display:inline-flex;align-items:center;gap:var(--space-2)}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.svc-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--fill-secondary);border:1px solid transparent}.svc-card[data-status=consensus]{border-color:color-mix(in srgb,var(--status-good) 55%,transparent)}.svc-card[data-status=outlier]{border-color:color-mix(in srgb,var(--status-serious) 65%,transparent);background:color-mix(in srgb,var(--status-serious) 8%,transparent)}.svc-card[data-status=offline]{opacity:.55}.svc-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.svc-head .name{font-weight:600;font-size:var(--font-sm)}.svc-head .badge{margin-left:auto;font-size:10px;font-weight:600;padding:2px var(--space-3);border-radius:var(--radius-full)}.badge-consensus{color:var(--status-good-text);background:color-mix(in srgb,var(--status-good) 16%,transparent)}.badge-outlier{color:var(--status-critical);background:color-mix(in srgb,var(--status-critical) 14%,transparent)}.svc-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2);font-variant-numeric:tabular-nums}.svc-metric .k{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--label-tertiary)}.svc-metric .v{font-size:var(--font-md);font-weight:600}.svc-metric .v small{font-size:var(--font-xs);font-weight:400;color:var(--label-secondary)}.svc-metric .delta{font-size:var(--font-xs);color:var(--label-secondary)}.svc-metric .delta[data-out=true]{color:var(--status-critical);font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid .full{grid-column:1 / -1}.field label{display:block;margin-bottom:var(--space-2);font-size:var(--font-xs);font-weight:500;color:var(--label-secondary)}.field input,.field select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--separator);border-radius:var(--radius-md);background:var(--bg-elevated);outline:none}.field input:focus-visible,.field select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.seg{display:flex;border-radius:var(--radius-md);background:var(--fill-primary);padding:2px}.seg button{flex:1;padding:var(--space-3);border:0;border-radius:calc(var(--radius-md) - 2px);background:none;cursor:pointer;font-size:var(--font-sm);color:var(--label-secondary)}.seg button[aria-pressed=true]{background:var(--bg-elevated);color:var(--label-primary);font-weight:600;box-shadow:var(--shadow-1)}.btn-primary{padding:var(--space-4) var(--space-6);border:0;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font-weight:600;cursor:pointer;transition:transform var(--motion-fast) var(--ease-apple-out)}.btn-primary:active{transform:scale(.97)}.btn-primary:focus-visible{outline:2px solid var(--label-primary);outline-offset:2px}.btn-ghost{padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--label-secondary);cursor:pointer}.btn-ghost:hover{background:var(--fill-primary)}.obs-item{padding:var(--space-4) 0;border-bottom:1px solid var(--separator)}.obs-item:last-child{border-bottom:0}.obs-head{display:flex;align-items:baseline;gap:var(--space-3)}.obs-head .temp{font-size:var(--font-lg);font-weight:700}.obs-head time{color:var(--label-secondary);font-size:var(--font-xs)}.obs-errs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--separator)}.rank-row:last-child{border-bottom:0}.rank-pos{font-size:var(--font-lg);text-align:center}.rank-name{font-weight:600}.rank-name small{display:block;font-weight:400;font-size:var(--font-xs);color:var(--label-secondary)}.rank-bar{grid-column:2 / -1;height:8px;border-radius:var(--radius-full);background:var(--fill-primary);overflow:hidden}.rank-bar>div{height:100%;border-radius:var(--radius-full);transition:width var(--motion-slow) var(--ease-apple-out)}.rank-stats{text-align:right;font-variant-numeric:tabular-nums}.rank-stats strong{font-size:var(--font-md)}.rank-stats small{display:block;color:var(--label-secondary);font-size:var(--font-xs)}.tabbar{position:fixed;left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:200;display:flex;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-full);background:var(--glass-fill-thick);backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-sat-thick));-webkit-backdrop-filter:blur(var(--glass-blur-thick)) saturate(var(--glass-sat-thick));border:1px solid var(--glass-border);box-shadow:var(--shadow-3)}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:72px;padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:none;cursor:pointer;font-size:11px;color:var(--label-secondary);transition:background var(--motion-fast) var(--ease-standard)}.tabbar button[aria-current=page]{background:var(--accent);color:var(--on-accent);font-weight:600}.tabbar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tabbar .t-icon{font-size:var(--font-md)}.banner{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-sm)}.banner-warn{background:color-mix(in srgb,var(--status-warning) 18%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--status-warning) 50%,transparent)}.empty{text-align:center;padding:var(--space-8) var(--space-6);color:var(--label-secondary)}.empty .big{font-size:40px;margin-bottom:var(--space-3)}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--fill-secondary),var(--fill-primary),var(--fill-secondary));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.muted{color:var(--label-secondary);font-size:var(--font-sm)}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--font-sm);font-variant-numeric:tabular-nums}table.data th,table.data td{padding:var(--space-2) var(--space-3);text-align:right;border-bottom:1px solid var(--separator)}table.data th:first-child,table.data td:first-child{text-align:left}@media (max-width: 480px){.hero-temp{font-size:62px}.form-grid{grid-template-columns:1fr}}