:root{--ld-bg-gradient:linear-gradient(135deg,#090d16 0%,#111827 50%,#0f172a 100%);--ld-glass-bg:rgba(17,24,39,0.45);--ld-header-bg:rgba(17,24,39,0.9);--ld-glass-border:rgba(255,255,255,0.08);--ld-glass-highlight:rgba(255,255,255,0.03);--ld-text-primary:#f3f4f6;--ld-text-secondary:#9ca3af;--ld-text-muted:#6b7280;--ld-accent-blue:#3b82f6;--ld-accent-blue-glow:rgba(59,130,246,0.3);--ld-accent-green:#10b981;--ld-accent-green-glow:rgba(16,185,129,0.2);--ld-accent-green-border:rgba(16,185,129,0.25);--ld-accent-yellow:#f59e0b;--ld-accent-yellow-glow:rgba(245,158,11,0.2);--ld-accent-red:#ef4444;--ld-accent-red-glow:rgba(239,68,68,0.2);--ld-accent-red-border:rgba(239,68,68,0.25);--ld-accent-purple:#a855f7;--ld-accent-purple-glow:rgba(168,85,247,0.2);--ld-shadow-color:rgba(0,0,0,0.4);--ld-card-radius:20px;--ld-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ld-glow-color:rgba(255,255,255,0.02);--ld-scale-label-bg:rgba(9,13,22,0.85);--ld-pulse-glow:rgba(16,185,129,0.7);--ld-pulse-glow-fade:rgba(16,185,129,0);--ld-moon-color:#f8fafc;--ld-moon-glow:rgba(186,230,253,0.45);--ld-moon-bg:rgba(255,255,255,0.06);--ld-moon-border:rgba(255,255,255,0.12)}[data-theme="light"] .live-dashboard-page,.live-dashboard-page[data-theme="light"]{--ld-bg-gradient:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 50%,#cbd5e1 100%);--ld-glass-bg:rgba(255,255,255,0.5);--ld-header-bg:rgba(255,255,255,0.9);--ld-glass-border:rgba(15,23,42,0.12);--ld-glass-highlight:rgba(255,255,255,0.2);--ld-text-primary:#1e293b;--ld-text-secondary:#475569;--ld-text-muted:#94a3b8;--ld-accent-blue:#2563eb;--ld-accent-blue-glow:rgba(37,99,235,0.15);--ld-accent-green:#059669;--ld-accent-green-glow:rgba(5,150,105,0.1);--ld-accent-green-border:rgba(5,150,105,0.15);--ld-accent-yellow:#d97706;--ld-accent-yellow-glow:rgba(217,119,6,0.15);--ld-accent-red:#dc2626;--ld-accent-red-glow:rgba(220,38,38,0.15);--ld-accent-red-border:rgba(220,38,38,0.15);--ld-accent-purple:#7e22ce;--ld-accent-purple-glow:rgba(126,34,206,0.15);--ld-shadow-color:rgba(148,163,184,0.15);--ld-glow-color:rgba(0,0,0,0.01);--ld-scale-label-bg:rgba(255,255,255,0.85);--ld-pulse-glow:rgba(5,150,105,0.5);--ld-pulse-glow-fade:rgba(5,150,105,0);--ld-moon-color:#f8fafc;--ld-moon-glow:rgba(15,23,42,0.15);--ld-moon-bg:rgba(15,23,42,0.35);--ld-moon-border:rgba(15,23,42,0.2)}.live-dashboard-page{font-family:var(--ld-font);background:var(--ld-bg-gradient);color:var(--ld-text-primary);position:fixed;inset:0;z-index:9000;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;display:flex;flex-direction:column;padding:1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background 0.5s ease,color 0.3s ease;box-sizing:border-box}body:has(.live-dashboard-page){overflow:hidden}html:has(.live-dashboard-page){scrollbar-gutter:auto}.live-dashboard-page *,.live-dashboard-page *::before,.live-dashboard-page *::after{box-sizing:border-box}.ld-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0.75rem 1.25rem;background:var(--ld-header-bg);border:1px solid var(--ld-glass-border);border-radius:var(--ld-card-radius);box-shadow:0 8px 32px 0 var(--ld-shadow-color);position:sticky;top:0;z-index:1000;transition:padding 0.4s ease,margin-bottom 0.4s ease,border-radius 0.4s ease,background 0.4s ease,box-shadow 0.4s ease}.ld-header-left{display:flex;align-items:center;gap:1rem;flex-shrink:1;min-width:0}.ld-live-indicator{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ld-live-indicator .ld-pulse-dot{width:10px;height:10px;background-color:var(--ld-accent-green);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;margin:0}.ld-live-indicator .ld-pulse-dot::after{content:'';position:absolute;inset:0;border-radius:50%;background-color:var(--ld-pulse-glow);animation:ld-pulse 2s infinite;will-change:transform,opacity;pointer-events:none}.ld-refresh-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);z-index:1}.ld-refresh-ring-bg{fill:none;stroke:var(--ld-accent-green-glow);stroke-width:1.5}.ld-refresh-ring-progress{fill:none;stroke:var(--ld-accent-green);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:75.40;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}@keyframes ld-pulse{0%{transform:scale(1);opacity:0.7}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}.ld-header-title{min-width:0}.ld-header-title h1{font-size:1.4rem;font-weight:700;letter-spacing:-0.025em;color:var(--ld-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ld-header-status{font-size:0.85rem;color:var(--ld-text-secondary);display:flex;align-items:center;gap:0.4rem}.ld-header-right{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.ld-time-display{text-align:right}.ld-time-now{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ld-text-primary)}.ld-date-now{font-size:0.85rem;color:var(--ld-text-secondary)}.ld-theme-btn{background:rgba(255,255,255,0.05);border:1px solid var(--ld-glass-border);color:var(--ld-text-primary);height:36px;padding:0 0.8rem;border-radius:12px;cursor:pointer;font-size:0.95rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;font-family:var(--ld-font);line-height:1}@media (hover:hover){.ld-theme-btn:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px)}}.ld-header.ld-status-error .ld-pulse-dot{background-color:var(--ld-accent-red);animation:none;box-shadow:0 0 6px rgba(239,68,68,0.5)}.ld-header.ld-status-error .ld-refresh-ring-progress{stroke:var(--ld-accent-red)}.ld-header.ld-status-stale .ld-pulse-dot{background-color:var(--ld-accent-yellow);animation:none;box-shadow:0 0 6px rgba(245,158,11,0.5)}.ld-header.ld-status-stale .ld-refresh-ring-progress{stroke:var(--ld-accent-yellow)}.ld-header.ld-status-offline .ld-pulse-dot{background-color:var(--ld-accent-red);animation:none;box-shadow:0 0 6px rgba(239,68,68,0.5)}.ld-header.ld-status-offline .ld-refresh-ring-progress{stroke:var(--ld-accent-red)}.ld-header.ld-status-nodata .ld-pulse-dot{background-color:var(--ld-accent-red);animation:none;box-shadow:0 0 6px rgba(239,68,68,0.5)}.ld-header.ld-status-nodata .ld-refresh-ring-progress{stroke:var(--ld-accent-red)}.ld-header.ld-status-error .ld-pulse-dot::after,.ld-header.ld-status-stale .ld-pulse-dot::after,.ld-header.ld-status-offline .ld-pulse-dot::after,.ld-header.ld-status-nodata .ld-pulse-dot::after{display:none}.ld-back-btn{background:rgba(255,255,255,0.05);border:1px solid var(--ld-glass-border);color:var(--ld-text-primary);height:36px;padding:0 0.8rem;border-radius:12px;cursor:pointer;font-size:0.95rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease;font-family:var(--ld-font);text-decoration:none;white-space:nowrap;line-height:1}@media (hover:hover){.ld-back-btn:hover{background:rgba(255,255,255,0.12);transform:translateY(-2px);color:var(--ld-text-primary);text-decoration:none}}.ld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;flex-grow:1}.ld-card{background:var(--ld-glass-bg);border:1px solid var(--ld-glass-border);border-radius:var(--ld-card-radius);padding:1.5rem;box-shadow:0 8px 32px 0 var(--ld-shadow-color);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease}.ld-card::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,var(--ld-glass-highlight) 0%,transparent 100%);pointer-events:none}@media (hover:hover){.ld-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.15);box-shadow:0 12px 40px 0 rgba(0,0,0,0.5)}}.ld-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem;position:relative;z-index:2}.ld-card-title{font-size:0.95rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--ld-text-secondary)}.ld-card-icon{color:var(--ld-text-secondary);opacity:0.8}.ld-card-body{position:relative;z-index:2;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.ld-svg-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ld-chart-label{position:absolute;font-size:0.78rem;font-weight:700;color:var(--ld-text-primary);background:var(--ld-scale-label-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--ld-glass-border);border-radius:6px;padding:0.1rem 0.3rem;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ld-chart-x-label{position:absolute;font-size:0.68rem;font-weight:500;color:var(--ld-text-muted);pointer-events:none;z-index:5;font-variant-numeric:tabular-nums}.ld-chart-y-max{top:2px;right:4px;color:var(--ld-accent-red)}.ld-chart-y-min{bottom:4px;right:4px;color:var(--ld-accent-blue)}.ld-chart-x-start{bottom:-20px;left:4px}.ld-chart-x-mid{bottom:-20px;left:50%;transform:translateX(-50%)}.ld-chart-x-end{bottom:-20px;right:4px}.ld-trend-up{color:var(--ld-accent-green)}.ld-trend-down{color:var(--ld-accent-red)}.ld-val-muted{color:var(--ld-text-muted) !important;font-weight:400}.ld-card-temp{grid-column:span 2;grid-row:span 2;background:radial-gradient(circle at 10% 10%,rgba(59,130,246,0.05) 0%,var(--ld-glass-bg) 70%)}.ld-temp-main-row{display:flex;align-items:center;justify-content:space-between;margin:0.25rem 0;gap:1rem}.ld-temp-display{display:flex;align-items:baseline;flex-shrink:0}.ld-temp-value{font-size:5.5rem;font-weight:800;letter-spacing:-0.04em;line-height:1;color:var(--ld-text-primary)}.ld-temp-unit{font-size:2.5rem;font-weight:400;color:var(--ld-text-primary);margin-left:0.2rem}.ld-temp-trend-badge{display:flex;align-items:center;gap:0.4rem;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);color:var(--ld-accent-green);padding:0.35rem 0.6rem;border-radius:10px;flex-shrink:0;white-space:nowrap}.ld-temp-trend-badge.ld-trend-up{background:var(--ld-accent-green-glow);border-color:var(--ld-accent-green-border);color:var(--ld-accent-green)}.ld-temp-trend-badge.ld-trend-down{background:var(--ld-accent-red-glow);border-color:var(--ld-accent-red-border);color:var(--ld-accent-red)}.ld-temp-trend-badge.ld-trend-neutral{background:rgba(156,163,175,0.08);border-color:rgba(156,163,175,0.15);color:var(--ld-text-secondary)}.ld-temp-trend-arrow{font-size:1.25rem;font-weight:800;line-height:1}.ld-temp-trend-text{font-size:0.85rem;font-weight:600}.ld-temp-chart-container{width:100%;height:170px;margin:0.5rem 0 1.75rem 0;position:relative}.ld-temp-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;border-top:1px solid var(--ld-glass-border);padding-top:1rem;margin-top:0.5rem}.ld-temp-left-col{display:flex;flex-direction:column;gap:0.75rem}.ld-temp-details{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem}.ld-temp-inline-sub{display:flex;flex-direction:row;gap:1.25rem;align-items:flex-start;flex:1;min-width:0;padding:0 0.75rem}.ld-temp-inline-sub > div{display:flex;flex-direction:column;gap:0.05rem;white-space:nowrap}.ld-temp-sub-label{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--ld-text-muted);white-space:nowrap}.ld-temp-sub-value{font-size:1.05rem;font-weight:700;color:var(--ld-text-primary);white-space:nowrap}.ld-val-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.ld-extra-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.35}.ld-extra-right .ld-extra-label{font-size:0.78rem;color:var(--ld-text-muted);text-transform:uppercase;font-weight:700;letter-spacing:0.05em}.ld-extra-right .ld-extra-value{font-size:0.85rem;font-weight:600;color:var(--ld-text-primary)}.ld-detail-item{display:flex;flex-direction:column;gap:0.2rem}.ld-detail-label{font-size:0.82rem;color:var(--ld-text-secondary)}.ld-detail-value{font-size:1.15rem;font-weight:600;color:var(--ld-text-primary)}.ld-detail-value.ld-temp-max{color:var(--ld-accent-red)}.ld-detail-value.ld-temp-min{color:var(--ld-accent-blue)}.ld-weekly-box{background:rgba(255,255,255,0.02);border:1px solid var(--ld-glass-border);border-radius:12px;padding:0.5rem 0.75rem;display:flex;flex-direction:column;gap:0.2rem;width:100%;margin-top:0.8rem}.ld-temp-bottom > .ld-weekly-box,.ld-temp-left-col > .ld-weekly-box{margin-top:0}.ld-weekly-header{font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--ld-text-secondary);border-bottom:1px solid var(--ld-glass-border);padding-bottom:0.25rem;margin-bottom:0.25rem;text-align:center}.ld-weekly-row{display:grid;grid-template-columns:1fr repeat(3,1.2fr);text-align:right;font-size:0.82rem;line-height:1.35;color:var(--ld-text-primary)}.ld-weekly-row.ld-2col{grid-template-columns:1fr 1fr}.ld-weekly-row span:first-child{text-align:left;color:var(--ld-text-secondary);font-weight:500}.ld-weekly-title{font-weight:600;color:var(--ld-text-muted);border-bottom:1px dashed var(--ld-glass-border);padding-bottom:0.15rem;margin-bottom:0.15rem}.ld-weekly-row .ld-col-min{color:var(--ld-accent-blue)}.ld-weekly-row .ld-col-max{color:var(--ld-accent-red)}.ld-weekly-row .ld-col-gust{color:var(--ld-accent-yellow)}.ld-weekly-row .ld-col-rain{color:var(--ld-accent-blue)}.ld-hist-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;text-align:right;font-size:0.82rem;line-height:1.35;color:var(--ld-text-primary)}.ld-hist-row span:first-child{text-align:left;color:var(--ld-text-secondary);font-weight:500}.ld-weekly-title span,.ld-weekly-title span:first-child{color:var(--ld-text-muted);font-weight:600}.ld-card-wind{grid-column:span 1;grid-row:span 2;align-items:center;text-align:center}.ld-wind-rose{position:relative;width:170px;height:170px;margin:0.5rem auto}.ld-wind-rose-circle{width:100%;height:100%;border:2px dashed var(--ld-glass-border);border-radius:50%;position:relative}.ld-wind-labels span{position:absolute;font-size:0.85rem;font-weight:700;color:var(--ld-text-muted)}.ld-wind-n{top:6px;left:50%;transform:translateX(-50%)}.ld-wind-e{right:8px;top:50%;transform:translateY(-50%)}.ld-wind-s{bottom:6px;left:50%;transform:translateX(-50%)}.ld-wind-w{left:8px;top:50%;transform:translateY(-50%)}.ld-wind-needle{position:absolute;top:50%;left:50%;width:4px;height:100px;background:linear-gradient(to bottom,transparent 12px,var(--ld-accent-red) 12px,var(--ld-accent-red) 50%,transparent 50%);transform:translate(-50%,-50%) rotate(225deg);transform-origin:center center;transition:transform 0.8s cubic-bezier(0.25,0.8,0.25,1)}.ld-wind-needle::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--ld-accent-red)}.ld-wind-center{position:absolute;top:50%;left:50%;width:40px;height:40px;background:var(--ld-glass-bg);border:2px solid var(--ld-glass-border);border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:700;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.5);color:var(--ld-text-primary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ld-wind-values{margin-top:0.4rem}.ld-wind-speed{font-size:1.8rem;font-weight:700;color:var(--ld-text-primary)}.ld-wind-speed-unit{font-size:0.85rem;color:var(--ld-text-secondary)}.ld-wind-gust{font-size:1.05rem;font-weight:600;color:var(--ld-accent-yellow);margin-top:0.1rem}.ld-wind-bft{font-weight:600;font-size:0.9rem;color:var(--ld-text-primary)}.ld-wind-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:0.75rem;width:100%;margin-top:0.8rem;padding-top:0.8rem;border-top:1px solid var(--ld-glass-border);font-size:0.85rem}.ld-card-pressure{grid-column:span 1;grid-row:span 1}.ld-pressure-val{font-size:2.2rem;font-weight:700;display:flex;align-items:baseline;gap:0.1rem;color:var(--ld-text-primary)}.ld-pressure-unit{font-size:0.95rem;color:var(--ld-text-secondary);margin-left:0.1rem}.ld-pressure-trend-icon{font-size:1.2rem;margin-left:0.4rem;color:var(--ld-text-muted)}.ld-pressure-chart-container{width:100%;height:125px;margin:0.25rem 0 1.75rem 0;position:relative}.ld-card-rain{grid-column:span 1;grid-row:span 1}.ld-rain-val{font-size:2.2rem;font-weight:700;color:var(--ld-text-primary)}.ld-rain-details{display:grid;grid-template-columns:repeat(3,1fr);font-size:0.85rem;color:var(--ld-text-secondary);margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--ld-glass-border)}.ld-card-solar{grid-column:span 1;grid-row:span 1}.ld-solar-uv-flex{display:flex;align-items:center;justify-content:space-between}.ld-solar-val{font-size:2rem;font-weight:700;color:var(--ld-text-primary)}.ld-solar-unit{font-size:0.85rem;color:var(--ld-text-secondary)}.ld-uv-badge-container{display:flex;flex-direction:column;align-items:flex-end;gap:0.3rem}.ld-uv-badge{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:0 4px 12px rgba(71,85,105,0.4);color:#fff;padding:0.35rem 0.75rem;border-radius:10px;font-weight:700;font-size:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.1rem;transition:box-shadow 0.3s ease}.ld-uv-badge.uv-low{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 12px rgba(22,163,74,0.4)}.ld-uv-badge.uv-moderate{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);box-shadow:0 4px 12px rgba(202,138,4,0.4)}.ld-uv-badge.uv-high{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 12px rgba(234,88,12,0.4)}.ld-uv-badge.uv-very-high{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px rgba(220,38,38,0.4)}.ld-uv-badge.uv-extreme{background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%);box-shadow:0 4px 12px rgba(126,34,206,0.4)}.ld-uv-desc{font-size:0.78rem;color:rgba(255,255,255,0.85);font-weight:600}.ld-mini-chart-container{width:100%;height:75px;margin:0.25rem 0 1.75rem 0;position:relative}.ld-card-humidity{grid-column:span 1;grid-row:span 1}.ld-humidity-val-row{display:flex;align-items:baseline}.ld-humidity-val{font-size:2.2rem;font-weight:700;color:var(--ld-text-primary)}.ld-comfort-badge{padding:0.15rem 0.4rem;border-radius:6px;font-size:0.8rem;font-weight:600;margin-left:0.5rem;align-self:center}.ld-comfort-badge:empty{display:none}.ld-comfort-badge.ld-comfort-pleasant{background:var(--ld-accent-green-glow);color:var(--ld-accent-green)}.ld-comfort-badge.ld-comfort-dry{background:var(--ld-accent-yellow-glow);color:var(--ld-accent-yellow)}.ld-comfort-badge.ld-comfort-wet{background:var(--ld-accent-blue-glow);color:var(--ld-accent-blue)}.ld-comfort-badge.ld-comfort-extreme{background:var(--ld-accent-purple-glow);color:var(--ld-accent-purple)}.ld-comfort-badge.ld-comfort-hot{background:var(--ld-accent-red-glow);color:var(--ld-accent-red)}.ld-comfort-badge.ld-comfort-cold{background:var(--ld-accent-blue-glow);color:var(--ld-accent-blue)}.ld-card-astro{grid-column:span 1;grid-row:span 1}.ld-astro-next-fullmoon{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;padding-bottom:0.4rem;border-bottom:1px dashed var(--ld-glass-border);margin-bottom:0.2rem}.ld-astro-fullmoon-label{color:var(--ld-text-secondary)}.ld-astro-fullmoon-value{color:var(--ld-text-primary);font-weight:600}.ld-sun-path-container{position:relative;height:80px;margin-top:0.4rem;border-bottom:1px solid var(--ld-glass-border)}.ld-sun-path-svg{width:100%;height:100%}.ld-sun-path-line{fill:none;stroke:var(--ld-accent-yellow);stroke-width:1.5px;stroke-dasharray:2 4;opacity:0.35}.ld-sun-path-base{stroke:var(--ld-glass-border);stroke-width:1.5px}.ld-sun-dot{position:absolute;width:12px;height:12px;background-color:var(--ld-accent-yellow);border-radius:50%;box-shadow:0 0 10px var(--ld-accent-yellow);z-index:3;pointer-events:none}.ld-astro-times{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--ld-text-secondary);margin-top:0.4rem}.ld-astro-details{display:flex;justify-content:space-between;font-size:0.85rem;color:var(--ld-text-secondary);margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--ld-glass-border)}.ld-card-webcam{grid-column:span 1;grid-row:span 1;padding:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:180px}.ld-webcam-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.ld-webcam-img{width:100%;height:100%;object-fit:cover;opacity:0.7;transition:opacity 0.3s ease}.ld-card-webcam:hover .ld-webcam-img{opacity:0.85}.ld-webcam-stats-badge{position:absolute;top:1rem;right:1rem;z-index:3;background:rgba(9,13,22,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:0.4rem 0.75rem;display:flex;gap:0.8rem;font-size:0.85rem;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.ld-webcam-stats-badge span{display:flex;align-items:center;gap:0.25rem}.ld-webcam-overlay{position:relative;z-index:3;background:linear-gradient(to top,rgba(9,13,22,0.95) 0%,rgba(9,13,22,0.5) 70%,transparent 100%);padding:1.25rem;width:100%;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:0.5rem}.ld-webcam-info{display:flex;flex-direction:column;gap:0.2rem}.ld-webcam-title{font-size:0.95rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,0.5);color:#fff}.ld-webcam-time{font-size:0.85rem;color:rgba(255,255,255,0.6);text-shadow:0 1px 2px rgba(0,0,0,0.5)}@media (max-width:1500px){.ld-grid{grid-template-columns:repeat(3,1fr)}.ld-card-temp{grid-column:span 2}.ld-card-wind{grid-column:span 1;grid-row:span 2}.ld-temp-inline-sub{gap:0.75rem;padding:0 0.4rem}.ld-temp-sub-value{font-size:0.95rem}.ld-temp-sub-label{font-size:0.68rem}}@media (max-width:1100px){.ld-header-title h1{font-size:1.2rem}.ld-header-right{gap:1rem}}@media (max-width:1150px){.ld-grid{grid-template-columns:repeat(2,1fr)}.ld-card-temp{grid-column:span 2}.ld-card-wind{grid-column:span 1;grid-row:span 2}}@media (max-width:850px){.ld-temp-main-row{flex-wrap:wrap}.ld-temp-inline-sub{order:3;flex:0 0 100%;padding:0.4rem 0 0 0;border-left:none;border-top:1px solid var(--ld-glass-border);gap:1.5rem}.ld-temp-sub-value{font-size:1.05rem}.ld-temp-sub-label{font-size:0.72rem}}@media (max-width:800px){.ld-header-status{display:none}.ld-header-title h1{font-size:1.05rem}.ld-header-right{gap:0.6rem}.ld-back-btn span,.ld-theme-btn span{display:none}.ld-back-btn,.ld-theme-btn{padding:0 0.6rem}.ld-date-now{display:none}.ld-time-now{font-size:1.1rem}}@media (max-width:600px){.live-dashboard-page{padding:0.75rem}.ld-header{flex-direction:column;gap:0.6rem;align-items:flex-start;padding:0.75rem 1rem;margin-bottom:0.8rem}.ld-header-title h1{white-space:normal;font-size:1.1rem}.ld-header-right{width:100%;justify-content:space-between;gap:0.5rem}.ld-grid{grid-template-columns:1fr;gap:0.8rem}.ld-card-temp,.ld-card-wind,.ld-card-webcam{grid-column:span 1}.ld-card-wind{grid-row:span 1}.ld-temp-value{font-size:4rem}.ld-temp-details{grid-template-columns:repeat(2,1fr)}.ld-temp-bottom{grid-template-columns:1fr}.ld-header.ld-header-scrolled{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;padding:0.5rem 0.8rem !important;gap:0.5rem !important;border-radius:16px !important;margin-bottom:0.8rem !important}.ld-header.ld-header-scrolled .ld-header-title{display:none !important}.ld-header.ld-header-scrolled .ld-header-right{width:auto !important;justify-content:flex-end !important;gap:0.6rem !important;margin-top:0 !important}.ld-header.ld-header-scrolled .ld-time-display{text-align:right !important}.ld-header.ld-header-scrolled .ld-time-now{font-size:1.1rem !important}}.ld-chart-svg{display:block}.ld-card-wind .ld-card-header,.ld-card-wind .ld-card-body{width:100%}.ld-wind-extras .ld-detail-item:nth-child(odd){text-align:left}.ld-wind-extras .ld-detail-item:nth-child(even){text-align:right}#ld-val-wind-gust-max{color:var(--ld-accent-yellow)}.ld-rain-details .ld-detail-item:nth-child(1){text-align:left}.ld-rain-details .ld-detail-item:nth-child(2){text-align:center}.ld-rain-details .ld-detail-item:nth-child(3){text-align:right}.ld-humidity-unit{font-size:0.95rem;color:var(--ld-text-secondary);margin-left:0.1rem;margin-right:0.5rem}.ld-humidity-details{display:grid;grid-template-columns:repeat(2,1fr);font-size:0.85rem;color:var(--ld-text-secondary);margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid var(--ld-glass-border)}.ld-humidity-details .ld-detail-item:nth-child(1){text-align:left}.ld-humidity-details .ld-detail-item:nth-child(2){text-align:right}.ld-astro-times .ld-detail-item:nth-child(2){text-align:right}.ld-astro-details .ld-detail-item:nth-child(2){text-align:right}#ld-val-moonphase{color:var(--ld-accent-blue)}.ld-d-none{display:none}.ld-webcam-badge-icon{width:14px;height:14px;stroke-width:2.5}.ld-moon-phase-graphic{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.ld-moon-phase-graphic svg{width:100%;height:100%;filter:drop-shadow(0 0 8px var(--ld-moon-glow))}.ld-moon-svg-bg{fill:var(--ld-moon-bg);stroke:var(--ld-moon-border);stroke-width:1}.ld-moon-svg-path{fill:var(--ld-moon-color)}.ld-scroll-sentinel{position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none}.ld-webcam-sky-span{display:flex;align-items:center;gap:0.25rem;background:rgba(9,13,22,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:0.35rem 0.65rem;font-size:0.8rem;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.ld-webcam-sky-span.ld-d-none{display:none}.ld-webcam-sky-span.is-klar .ld-sky-icon{stroke:#ffd34d}.ld-webcam-sky-span.is-leicht_bewoelkt .ld-sky-icon{stroke:#ecdca6}.ld-webcam-sky-span.is-aufgelockert .ld-sky-icon{stroke:#d7e0e8}.ld-webcam-sky-span.is-bewoelkt .ld-sky-icon{stroke:#b9c4cf}.ld-webcam-sky-span.is-bedeckt .ld-sky-icon{stroke:#9fb0c0}.ld-wind-needle{transform:translate(-50%,-50%) rotate(0deg)}.ld-sun-dot{display:none}.y-scale-static{position:absolute;left:0;top:0;bottom:0;width:42px;background:linear-gradient(90deg,var(--ld-scale-label-bg) 40%,transparent 100%);display:flex;flex-direction:column;justify-content:space-between;padding:6px 2px 6px 6px;box-sizing:border-box;z-index:10;pointer-events:none;border-top-left-radius:0;border-bottom-left-radius:0}#ld-solar-chart .y-scale-static{width:48px}.y-scale-static span{font-size:0.62rem;font-weight:700;font-variant-numeric:tabular-nums;text-box-trim:trim-both;text-box-edge:cap alphabetic}#ld-temp-chart .y-scale-static span,#ld-pressure-chart .y-scale-static span{color:var(--ld-accent-blue)}#ld-solar-chart .y-scale-static span{color:var(--ld-accent-yellow)}#ld-humidity-chart .y-scale-static span{color:var(--ld-accent-green)}