:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-blue: #38bdf8;--accent-green: #4ade80;--accent-yellow: #fbbf24;--accent-red: #f87171;--accent-orange: #fb923c;--accent-purple: #a78bfa}.weather-icon-container{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:1rem}.container{max-width:1200px;margin:0 auto}header{text-align:center;margin-bottom:2rem;position:relative}.status-bar{position:absolute;top:0;right:0;display:flex;gap:.75rem;padding:.4rem .75rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.75rem}.status-item{display:flex;align-items:center;gap:.35rem}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.connected,.status-indicator.up{background:var(--accent-green);animation:pulse 2s infinite}.status-indicator.disconnected,.status-indicator.down{background:var(--accent-red);animation:none}.status-indicator.connecting,.status-indicator.checking{background:var(--accent-yellow);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.header-logo{height:80px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}header h1{font-size:2rem;margin:0}.last-update{color:var(--text-secondary);font-size:.875rem}.current-weather{background:linear-gradient(135deg,#1e3a5f,#2d5a87);border-radius:1rem;padding:2rem;margin-bottom:2rem;display:grid;grid-template-columns:auto 1fr 2fr;gap:2rem;align-items:center}.weather-icon-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.weather-icon-display svg{width:120px;height:120px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.weather-condition-label{font-size:1.125rem;font-weight:500;color:var(--text-primary);text-align:center}.temperature-main{text-align:center}.temperature-value{font-size:5rem;font-weight:300;line-height:1}.temperature-unit{font-size:2rem;color:var(--text-secondary)}.feels-like{color:var(--text-secondary);margin-top:.5rem}.current-details{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.detail-item{background:#ffffff1a;padding:1rem;border-radius:.5rem;text-align:center}.detail-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.detail-value{font-size:1.5rem;font-weight:600}.detail-unit{font-size:.875rem;color:var(--text-secondary)}.wind-arrow{display:inline-block;font-size:2rem;line-height:1;transition:transform .3s ease}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.card{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem}.card h3{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.stat-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--bg-card)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary)}.stat-value{font-weight:600}.rain-indicator{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.rain-indicator.raining{background:var(--accent-blue);color:var(--bg-primary)}.rain-indicator.dry{background:var(--bg-card);color:var(--text-secondary)}.battery-bar{width:100%;height:8px;background:var(--bg-card);border-radius:4px;overflow:hidden;margin-top:.5rem}.battery-level{height:100%;border-radius:4px;transition:width .3s ease}.battery-good{background:var(--accent-green)}.battery-medium{background:var(--accent-yellow)}.battery-low{background:var(--accent-red)}.chart-container{background:var(--bg-secondary);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.chart-container h3{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.chart-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;color:var(--text-secondary)}.chart-range{display:flex;gap:1rem}.chart-range span{opacity:.7}.chart-wrapper{position:relative}.chart{height:200px;display:flex;align-items:flex-end;gap:4px;padding:1rem 0;border-bottom:1px solid rgba(148,163,184,.2);position:relative}.chart-bar{flex:1;background:var(--accent-blue);border-radius:4px 4px 0 0;min-height:4px;position:relative}.chart-bar.chart-color-temperature{background:var(--accent-blue)}.chart-bar.chart-color-humidity{background:var(--accent-green)}.chart-bar.chart-color-pressure{background:var(--accent-purple)}.chart-bar.chart-color-wind{background:var(--accent-yellow)}.chart-bar.chart-color-rain_rate{background:var(--accent-blue)}.chart-bar.chart-color-uv{background:var(--accent-orange)}.chart-bar.chart-color-illuminance{background:var(--accent-yellow)}.chart-bar:hover:after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-card);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap}.chart-timeline{display:flex;justify-content:space-between;padding:.5rem 0 0;font-size:.7rem;color:var(--text-secondary);opacity:.6}.no-data{text-align:center;padding:3rem;color:var(--text-secondary)}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--bg-card)}.history-table th{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.history-table tbody tr:hover{background:var(--bg-card)}footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}footer .build-info{margin-top:.5rem;font-size:.75rem;opacity:.7}@media (max-width: 768px){.current-weather{grid-template-columns:1fr;text-align:center}.temperature-value{font-size:4rem}.current-details{grid-template-columns:repeat(2,1fr)}.weather-icon-display svg{width:80px;height:80px}.header-logo:last-of-type{display:none}}
/*# sourceMappingURL=/static/bundle/app-Z3QBPDXU.css.map */