@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-normal:400;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mb-0{margin-bottom:0}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--bg:#f6f8fb;--card-bg:#ffffff38;--card-border:#fff6;--text:#3f4245;--muted:#0f172aa6;--border:#0f172a14;--color-primary:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-success:#22c55e;--color-warning:#eab308;--color-danger:#dc2626;--color-info:#0ea5e9;--color-white:#fff;--font-family-primary:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--card-title-size:.9375rem;--card-value-primary:1.75rem;--card-value-compact:1.25rem;--card-value-secondary:1rem;--card-label-size:.875rem;--card-meta-size:.8125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-card:1.125rem;--spacing-card-compact:1rem;--row-gap:.75rem;--border-radius:.5rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--backdrop-blur-card:16px;--backdrop-blur-hover:22px;--backdrop-saturate-card:120%;--backdrop-saturate-hover:140%;--backdrop-brightness-card:100%;--backdrop-brightness-hover:103%;--shadow-card-light:0 12px 40px #1f268733, 0 0 0 1px #ffffff26 inset, 0 1px 0 #ffffff40 inset;--shadow-card-hover:0 16px 48px #1f26874d, 0 0 0 1px #fff3 inset, 0 1px 0 #ffffff59 inset;--shadow-card-dark:0 12px 40px #0006, 0 0 0 1px #ffffff0d inset, 0 1px 0 #ffffff1a inset;--shadow-card-dark-hover:0 16px 48px #00000080, 0 0 0 1px #ffffff1a inset, 0 1px 0 #ffffff26 inset;--glass-white-extra-light:#ffffff1a;--glass-white-light:#ffffff26;--glass-white-medium:#ffffff4d;--glass-shadow-blue:#1f268726;--glass-shadow-blue-light:#1f26871a;--glass-shadow-black:#0003;--glass-shadow-black-light:#0000000d;--glass-shadow-black-medium:#0000004d;--glass-shadow-black-high:#0006;--glass-surface-dark:#1e293b;--gradient-glass-light:linear-gradient(135deg, var(--glass-white-extra-light) 0%, #f0f5fa0d 50%, var(--glass-white-extra-light) 100%);--radial-glass-light-1:radial-gradient(circle at 20% 80%, #788cb44d 0%, transparent 50%);--radial-glass-light-2:radial-gradient(circle at 80% 20%, #b4c8f040 0%, transparent 50%);--radial-glass-light-3:radial-gradient(circle at 50% 50%, #c8dcff33 0%, transparent 70%);--gradient-glass-surface-light:linear-gradient(45deg, #f0f4f8 0%, #dde7f0 50%, #e8f2ff 100%);--icon-size-md:1.5rem;--icon-size-lg:2rem;--transition-fast:all .15s ease;--transition-medium:all .3s cubic-bezier(.4, 0, .2, 1);--transform-hover:translateY(-4px) scale(1.01)}[data-theme=dark]{--bg:#0f172a;--card-bg:#1119288c;--card-border:#ffffff1a;--text:#e2e8f0;--muted:#e2e8f0b3;--border:#e2e8f01f;--color-primary:#60a5fa;--color-primary-light:#93c5fd;--color-primary-dark:#2563eb;--gradient-glass-dark:linear-gradient(135deg, #11192808, #0f172a05 50%, #11192808);--radial-glass-dark-1:radial-gradient(circle at 20% 80%, #1e2d4626 0%, transparent 50%);--radial-glass-dark-2:radial-gradient(circle at 80% 20%, #1e2d461a 0%, transparent 50%);--radial-glass-dark-3:radial-gradient(circle at 50% 50%, #14233c14 0%, transparent 70%);--gradient-glass-surface:linear-gradient(180deg, #0d1525 0%, #0b1120 100%)}*,:before,:after{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none;height:100%}html::-webkit-scrollbar{display:none}body{color:var(--text);font-family:var(--font-family-primary);background:0 0;min-height:100vh;margin:0;font-size:14px;position:relative}body:before{content:"";z-index:-1;background:var(--gradient-glass-light), var(--radial-glass-light-1), var(--radial-glass-light-2), var(--radial-glass-light-3), var(--gradient-glass-surface-light);-webkit-filter:blur(80px)saturate(110%);will-change:transform;background-size:100% 100%,800px 800px,600px 600px,1000px 1000px,100% 100%;position:fixed;inset:0;transform:scale(1.1)translateZ(0)}[data-theme=dark] body:before{background:var(--gradient-glass-dark), var(--radial-glass-dark-1), var(--radial-glass-dark-2), var(--radial-glass-dark-3), var(--gradient-glass-surface);-webkit-filter:blur(40px)saturate();background-size:100% 100%,800px 800px,600px 600px,1000px 1000px,100% 100%}@media (max-width:640px){body:before{background:var(--gradient-glass-surface-light);-webkit-filter:none;background-size:100% 100%;transform:none}[data-theme=dark] body:before{background:var(--gradient-glass-surface);-webkit-filter:none;background-size:100% 100%;transform:none}}h1,h2,h3,h4,h5,h6{color:var(--text);margin:0}p{margin:0}.card,.weather-card,.chart-card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:0 10px 30px var(--glass-shadow-blue-light), 0 1px 3px var(--glass-shadow-black-light), 0 20px 40px -15px var(--glass-shadow-blue);-webkit-backdrop-filter:blur(var(--backdrop-blur-card)) saturate(var(--backdrop-saturate-card)) brightness(var(--backdrop-brightness-card));transition:var(--transition-medium);border:1px solid #0f172a12;position:relative;overflow:hidden}.card:hover,.weather-card:hover,.chart-card:hover{box-shadow:var(--shadow-card-hover);transform:var(--transform-hover);-webkit-backdrop-filter:blur(var(--backdrop-blur-hover)) saturate(var(--backdrop-saturate-hover)) brightness(var(--backdrop-brightness-hover))}[data-theme=dark] .card,[data-theme=dark] .weather-card,[data-theme=dark] .chart-card{box-shadow:var(--shadow-card-dark);border-color:#ffffff0f}[data-theme=dark] .card:hover,[data-theme=dark] .weather-card:hover,[data-theme=dark] .chart-card:hover{box-shadow:var(--shadow-card-dark-hover);border-color:#ffffff14}.card--padded{padding:var(--spacing-card)}.weather-card{flex-direction:column;height:100%;display:flex}.weather-card--detailed{min-height:340px;padding:var(--spacing-card)}.weather-card--detailed .weather-card__body{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.weather-card__icon{color:var(--muted);font-size:var(--icon-size-lg);opacity:.7;pointer-events:none;right:var(--spacing-card);top:var(--spacing-card);transition:var(--transition-medium);z-index:1;position:absolute}.weather-card:hover .weather-card__icon{color:var(--text);opacity:.9;transform:translateY(-2px)}.weather-card__body{z-index:2;position:relative}.weather-card__title{font-size:var(--card-title-size);letter-spacing:-.01em;color:var(--text);z-index:2;margin-bottom:.5rem;font-weight:600;position:relative}.weather-card__value{color:var(--text);font-feature-settings:"tnum" 1;font-size:var(--card-value-primary);font-variant-numeric:tabular-nums;z-index:2;margin-bottom:.25rem;font-weight:700;line-height:1.2;position:relative}.chart-card{padding:var(--spacing-card)}.h2{color:var(--text);margin-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}.main-value{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;color:var(--muted)!important;font-weight:var(--font-weight-bold)!important;font-size:var(--font-size-base)!important}.secondary-value{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--muted)!important;font-weight:var(--font-weight-bold)!important;font-size:var(--font-size-sm)!important}.text-muted{font-size:14px;color:var(--muted)!important}.label{font-size:14px;color:var(--muted)!important;font-weight:var(--font-weight-normal)!important}.value-right-align{border-top:1px solid var(--border);margin-top:var(--spacing-xs);padding-top:var(--row-gap);justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.value-right-align .label{white-space:nowrap;flex-shrink:0;min-width:70px;display:inline-block}.card-flip-container{perspective:1200px;cursor:pointer;height:100%;position:relative}.card-flip-inner{height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card-flip-container.flipped .card-flip-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden}.card-front{z-index:2;height:100%;position:relative;transform:rotateY(0)}.card-front .weather-card__body{padding-bottom:1.75rem}.card-back{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);width:100%;height:100%;-webkit-backdrop-filter:blur(var(--backdrop-blur-card));padding:1rem;position:absolute;top:0;left:0;overflow:hidden;transform:rotateY(180deg)}.card-back h3{color:var(--text);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.9375rem;font-weight:600;display:flex}.historical-stats{flex-direction:column;gap:.25rem;display:flex}.historical-stat{border-bottom:1px solid var(--border);color:var(--muted);justify-content:flex-end;align-items:baseline;gap:.5rem;padding:.35rem 0;font-size:.875rem;display:flex}.historical-stat:last-child{border-bottom:none}.historical-stat .label{text-align:left;flex:1 0}.historical-stat .value{color:var(--muted);white-space:nowrap;text-align:right;font-weight:700}.card-flip-container:hover .flip-indicator{opacity:.65;transform:scale(1.1)}.flip-indicator{opacity:.55;pointer-events:none;background:#3b82f614;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .2s;display:flex;position:absolute;bottom:.5rem;right:.5rem}.weather-card:hover .flip-indicator{opacity:.55}.flip-indicator .ti{color:var(--text);font-size:.875rem}.value-with-arrow{align-items:center;gap:.4rem;display:flex}.trend-arrow{--trend-arrow-font-size:1.1rem;font-size:var(--trend-arrow-font-size);line-height:1;display:inline-block;transform:translateY(-1px)}.trend-up{color:var(--color-success)!important}.trend-up:before{content:"▲";color:var(--color-success)!important}.trend-down{color:var(--color-danger)!important}.trend-down:before{content:"▼";color:var(--color-danger)!important}.trend-neutral{display:none}.minmax-time,.minmax-value{font-size:var(--font-size-sm);white-space:nowrap;color:var(--muted)!important;font-weight:var(--font-weight-bold)!important}.minmax-time{margin-left:.35rem}.site-footer-bar{border-top:1px solid var(--border);margin-top:2rem;padding:.75rem 0;font-size:.8125rem}.footer-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer-item{align-items:center;display:flex}.footer-muted{color:var(--muted)}.footer-link{color:var(--muted);text-decoration:none}.footer-link:hover{color:var(--text)}.station-status-badge{vertical-align:middle;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:600;line-height:1.2;display:inline-flex}.station-status-badge.status-ok{color:var(--muted);background:#22c55e1f;border-color:#22c55e40}.station-status-badge.status-warn{color:var(--muted);background:#f59e0b1f;border-color:#f59e0b40}.station-status-badge.status-err{color:var(--muted);background:#ef44441f;border-color:#ef444440}.station-status-badge.status-unknown{color:var(--muted);background:#94a3b81f;border-color:#94a3b840}.station-status-badge .status-dot{box-shadow:0 0 0 2px var(--shadow-status-dot,#fffc);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-ok .status-dot{background-color:var(--color-success)}.status-warn .status-dot{background-color:var(--color-warning);animation:1.8s infinite status-pulse}.status-err .status-dot{background-color:var(--color-danger);animation:1.4s infinite status-pulse}.status-unknown .status-dot{background-color:var(--muted)}@keyframes status-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:.4;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.brand-icon{--brand-icon-bg:#f59e0b24;--brand-icon-border:#f59e0b47;background:var(--brand-icon-bg);border:1px solid var(--brand-icon-border);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s;display:inline-flex;transform:translateY(-1px)}[data-theme=dark] .brand-icon{--brand-icon-bg:#3b82f624;--brand-icon-border:#3b82f647}[data-theme=dark] #brand-sun-icon{display:none!important}[data-theme=dark] #brand-moon-icon{display:block!important}[data-theme=light] #brand-moon-icon{display:none!important}.weather-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.weather-grid--3col{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.weather-grid--5col{grid-template-columns:repeat(5,1fr)}.weather-grid--full{grid-column:1/-1}@media (max-width:1200px){.weather-grid--5col{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.weather-grid--5col{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.weather-grid--5col{grid-template-columns:1fr}}.page-wrapper{-webkit-backdrop-filter:blur(8px)saturate(120%);max-width:1400px;margin:0 auto;padding:1.5rem}@media (max-width:640px){.page-wrapper{-webkit-backdrop-filter:none}}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.dashboard-header h1{font-size:1.5rem;font-weight:700}.dashboard-header .location{color:var(--muted);margin-top:.15rem;font-size:.875rem}.refresh-indicator{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.refresh-icon{flex-shrink:0;width:1rem;height:1rem}.refresh-icon--spinning{color:var(--color-primary);animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-header{-webkit-backdrop-filter:blur(24px)saturate(150%);border-bottom:1px solid var(--border);box-shadow:0 1px 8px var(--glass-shadow-blue-light);z-index:100;background:#ffffffd9;position:sticky;top:0}[data-theme=dark] .site-header{background:#111928d9;border-bottom-color:#ffffff14}.site-header__inner{max-width:1400px;margin:0 auto;padding:0 1.5rem}.site-header__top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:3.5rem;display:flex}[data-theme=dark] .site-header__top{border-bottom-color:#ffffff0f}.site-header__nav{scrollbar-width:none;align-items:center;gap:0;min-height:3rem;display:flex;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.navbar-brand{color:var(--text);letter-spacing:.1px;flex:auto;align-items:center;gap:.625rem;min-width:0;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.navbar-brand .brand-icon{flex-shrink:0}.navbar-brand__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.navbar-brand__location{color:var(--text);font-size:.9375rem;font-weight:600}@media (max-width:420px){.navbar-brand__location{display:none}}.theme-icon-btn{cursor:pointer;color:var(--muted);transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:.25rem;font-size:1.125rem;display:flex}.theme-icon-btn:hover{color:var(--text)}.nav-tab{color:var(--muted);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;margin:.25rem .15rem;padding:.5rem .75rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.nav-tab i{font-size:1.1rem}.nav-tab:hover{color:var(--text);background-color:#0f172a0a}[data-theme=dark] .nav-tab:hover{background-color:#ffffff0f}.nav-tab--active{color:var(--text);background-color:#3b82f614;font-weight:500}[data-theme=dark] .nav-tab--active{background-color:#3b82f629}.nav-tab--active:hover{background-color:#3b82f61f}[data-theme=dark] .nav-tab--active:hover{background-color:#3b82f633}.loading-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-text{color:var(--muted);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.error-text{color:var(--color-danger)}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.text-primary{color:var(--color-primary)!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
