:root{--bg:#07111f;--bg2:#0b1728;--panel:#0d1d31;--panel2:#11243b;--text:#edf6ff;--muted:#8ea4bb;--border:rgba(148,163,184,.16);--accent:#38bdf8;--shadow:0 18px 55px rgba(0,0,0,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 85% 0,rgba(56,189,248,.1),transparent 30%),var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:22px 16px;background:rgba(7,17,31,.96);border-right:1px solid var(--border);z-index:1000;display:flex;flex-direction:column;backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center;padding:5px 10px 28px}.brand>span{font-size:30px}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar nav{display:grid;gap:7px}.nav{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#b7c7d8;padding:12px 13px;border-radius:11px;text-align:left;text-decoration:none;font-weight:650}.nav:hover,.nav.active{background:rgba(56,189,248,.12);color:#fff}.side-bottom{margin-top:auto;display:grid;gap:10px}.admin-link{border:1px solid var(--border)}.mini-status{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;padding:0 12px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.online{background:#22c55e;color:#22c55e}.warning-dot{background:#f59e0b;color:#f59e0b}.offline{background:#ef4444;color:#ef4444}.mobile-header{display:none}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:28px}h2{font-size:20px;margin-bottom:12px}main{margin-left:250px;padding:28px;max-width:1700px}.search-wrap{display:flex;gap:8px;align-items:center}.search-field{position:relative;width:min(390px,36vw)}input,select{width:100%;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:11px 13px;border-radius:10px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.12)}button{border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:11px 14px;border-radius:10px;font-weight:700}button:hover{border-color:rgba(56,189,248,.5)}.icon-btn{width:43px;padding:11px}.search-suggestions{position:absolute;top:calc(100% + 7px);left:0;right:0;padding:6px;background:#0b1728;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);z-index:2000;max-height:340px;overflow:auto}.suggestion-item{border:0;background:transparent;width:100%;display:flex;justify-content:space-between;text-align:left}.suggestion-item:hover,.suggestion-item.active{background:rgba(56,189,248,.12)}.suggestion-item small{display:block;color:var(--muted);margin-top:3px}.postcode{font-size:11px;color:#7dd3fc}.search-loading{padding:12px;color:var(--muted)}.system-bar{display:flex;justify-content:space-between;gap:18px;align-items:center;background:rgba(13,29,49,.82);border:1px solid var(--border);border-radius:14px;padding:12px 16px;margin-bottom:18px}.system-main{display:flex;align-items:center;gap:9px;font-size:13px}.service-list{display:flex;gap:14px;flex-wrap:wrap}.service{font-size:11px;color:var(--muted)}.service.ok{color:#86efac}.service.warn{color:#fcd34d}.panel{background:linear-gradient(145deg,rgba(17,36,59,.92),rgba(10,24,41,.92));border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.page{display:none}.page.active{display:block}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:18px}.split{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.weather-icon{font-size:48px}.temperature{display:flex;align-items:center;gap:22px;margin:26px 0}.temperature>strong{font-size:72px;line-height:.9}.temperature h3{margin-bottom:6px;font-size:22px}.temperature p{color:var(--muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stats-grid>div,.astro-grid>div,.storm-metrics>div{background:rgba(255,255,255,.035);padding:12px;border-radius:12px}.stats-grid small,.astro-grid small,.storm-metrics small{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.stats-grid b,.astro-grid b{font-size:14px}.astro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.sun-track{height:5px;background:rgba(255,255,255,.08);border-radius:20px;margin:35px 5px 12px;position:relative}.sun-track span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f59e0b,#fde047);width:0}.sun-track i{position:absolute;top:50%;transform:translate(-50%,-50%);left:0;font-style:normal}.section-title{margin:28px 0 14px}.hourly{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.hour-card{min-width:108px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 10px}.hour-card span{display:block;font-size:26px;margin:8px}.hour-card small{color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.native-chart{height:255px;margin-top:10px}.native-chart svg{width:100%;height:100%}.forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.forecast-card{text-align:center}.forecast-card .big-icon{font-size:30px;margin:12px}.forecast-card small{color:var(--muted)}.warning-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(90deg,rgba(239,68,68,.22),rgba(245,158,11,.12));border:1px solid rgba(248,113,113,.4);padding:14px 16px;border-radius:14px;margin-bottom:18px}.warning-banner strong,.warning-banner small{display:block}.warning-banner small{margin-top:5px;color:#fecaca}.warning-level{font-size:9px;font-weight:900;letter-spacing:.13em;color:#fca5a5}.storm-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.storm-badge{font-size:11px;font-weight:900;padding:7px 10px;border-radius:999px}.storm-badge.green{background:rgba(34,197,94,.15);color:#86efac}.storm-badge.yellow{background:rgba(234,179,8,.15);color:#fde047}.storm-badge.orange{background:rgba(249,115,22,.15);color:#fdba74}.storm-badge.red{background:rgba(239,68,68,.16);color:#fca5a5}.storm-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.info-text,.source-note{color:var(--muted);font-size:12px;line-height:1.6}.map-frame{height:430px;background:#07111f;border-radius:14px;overflow:hidden;margin:14px 0}.map-frame.large{height:650px}.map-frame iframe{width:100%;height:100%;border:0}.timeline{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.timeline-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;text-align:center}.timeline-item small{color:var(--muted);display:block}.filters{display:grid;grid-template-columns:1fr 220px 170px auto;gap:12px;align-items:end}.compact-panel{margin-bottom:15px}.filters label,.setting-card label{color:var(--muted);font-size:11px}.filters select,.setting-card input,.setting-card select{margin-top:6px}.source-status{padding:11px 13px;border-radius:10px;font-size:12px;background:rgba(56,189,248,.08);color:#bae6fd;margin-bottom:14px}.source-status.ok{background:rgba(34,197,94,.1);color:#86efac}.source-status.warn{background:rgba(245,158,11,.12);color:#fcd34d}.warning-list{display:grid;gap:12px}.warning-card{border-left:4px solid #eab308}.warning-card.orange{border-left-color:#f97316}.warning-card.red{border-left-color:#ef4444}.warning-card.purple{border-left-color:#a855f7}.warning-meta{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.tag{font-size:9px;font-weight:800;padding:5px 7px;background:rgba(255,255,255,.06);border-radius:6px;color:var(--muted)}.warning-card p{color:#c8d6e5;line-height:1.6}.dwd-card{margin-top:18px}.dwd-card a{color:var(--accent);text-decoration:none}.dwd-card img{width:100%;max-height:600px;object-fit:contain;background:#e5e7eb;border-radius:12px;margin:16px 0}.map-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.map-tab.active{background:var(--accent);color:#03111d;border-color:var(--accent)}.two-grid,.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.place-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.place-row:last-child{border-bottom:0}.place-row small{display:block;color:var(--muted);margin-top:3px}.settings-grid{grid-template-columns:repeat(2,1fr)}.setting-card label{display:block;margin-top:14px}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle-row input{width:auto}.primary-action{margin-top:18px;background:var(--accent);color:#021019;border-color:var(--accent)}.toast{position:fixed;right:22px;bottom:22px;z-index:4000;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:#7f1d1d}.toast.success{background:#14532d}body.light{--bg:#edf4fb;--bg2:#fff;--panel:#fff;--panel2:#f6f9fc;--text:#102133;--muted:#60758a;--border:rgba(15,23,42,.12);--shadow:0 18px 45px rgba(51,65,85,.12);background:#edf4fb}body.light .sidebar{background:rgba(255,255,255,.96)}body.light .search-suggestions{background:#fff}body.light .map-frame{background:#dbeafe}@media(max-width:1100px){.hero-grid,.storm-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.filters>div{grid-column:1/-1}.timeline{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-header{display:flex;position:sticky;top:0;z-index:900;justify-content:space-between;align-items:center;background:rgba(7,17,31,.94);padding:12px 15px;border-bottom:1px solid var(--border)}main{margin-left:0;padding:16px}.topbar{align-items:flex-start;flex-direction:column}.search-wrap{width:100%;flex-wrap:wrap}.search-field{width:100%}.system-bar{align-items:flex-start;flex-direction:column}.chart-grid,.two-grid,.settings-grid{grid-template-columns:1fr}.forecast-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.temperature>strong{font-size:58px}.map-frame.large{height:500px}}@media(max-width:480px){.stats-grid,.astro-grid,.storm-metrics{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(2,1fr)}.weather-icon{font-size:38px}.panel{padding:16px}}

.forecast-grid{overflow-x:auto}.forecast-card{min-width:120px}
/* Wetterchris V3 modules */
.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#07111f;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.brand-hero{position:relative;isolation:isolate;min-height:235px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;overflow:hidden;margin-bottom:20px;padding:30px;border:1px solid rgba(125,211,252,.25);border-radius:22px;background-image:linear-gradient(90deg,rgba(3,12,24,.94) 0%,rgba(3,12,24,.78) 40%,rgba(3,12,24,.18) 76%),url('/wetterchris-hero.webp');background-position:center;background-size:cover;box-shadow:var(--shadow)}.brand-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,17,31,.74),transparent 58%)}.brand-hero-copy{max-width:650px}.brand-hero h2{font-size:clamp(1.9rem,4vw,3.4rem);line-height:1.05;margin:.45rem 0 .75rem;text-wrap:balance}.brand-hero p{max-width:580px;margin:0;color:#d7e8f8;font-size:1.02rem;line-height:1.55}.brand-hero-badge{align-self:flex-start;padding:8px 12px;border:1px solid rgba(134,239,172,.45);border-radius:999px;background:rgba(20,83,45,.76);color:#dcfce7;font-size:.75rem;font-weight:900;white-space:nowrap;backdrop-filter:blur(8px)}
.push-places{margin:16px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.push-places h3{margin:0 0 4px}.push-place-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.push-place-row:last-child{border-bottom:0}.push-place-row label{display:flex;align-items:center;gap:8px;margin:0}.push-place-row input{width:auto;margin:0}
.warning-source{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.warning-source.official{background:#14532d;color:#dcfce7}.warning-source.own{background:#0c4a6e;color:#e0f2fe}.warning-source.model{background:#581c87;color:#f3e8ff}.warning-status{font-weight:800}.warning-card.cancelled{opacity:.86;border-style:dashed}.warning-card .hazards{padding:10px 12px;border-radius:10px;background:rgba(251,146,60,.09)}
.brand em{font-style:normal;font-size:.65em;color:var(--accent);margin-left:.25rem}.support-link{color:#fb7185!important}.weather-traffic{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:18px;margin-bottom:20px;border:1px solid rgba(34,197,94,.28);background:linear-gradient(90deg,rgba(34,197,94,.14),rgba(34,197,94,.03))}.weather-traffic>span{font-size:1.7rem}.weather-traffic small,.weather-traffic b{display:block}.weather-traffic small{opacity:.72;margin-top:3px}.live-hero{display:flex;justify-content:space-between;align-items:center;padding:28px;border-radius:24px;margin-bottom:20px;background:radial-gradient(circle at 85% 30%,rgba(56,189,248,.25),transparent 34%),linear-gradient(135deg,#102b4f,#07111f);color:#fff;border:1px solid rgba(125,211,252,.2)}.live-hero h2{font-size:clamp(1.7rem,4vw,3rem);margin:.35rem 0}.refresh-ring{width:110px;height:110px;border:6px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;display:grid;place-content:center;text-align:center;flex:none}.refresh-ring b,.refresh-ring small{display:block}.live-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.live-grid article{padding:20px;border-radius:18px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.live-grid small,.live-grid b,.live-grid em{display:block}.live-grid b{font-size:1.5rem;margin:.6rem 0}.live-grid em{font-size:.72rem;opacity:.6;font-style:normal}.ai-copy{font-size:1.08rem;line-height:1.65}.ai-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-chips button{padding:8px 12px;border-radius:999px}.answer-box{padding:14px;border-radius:12px;background:rgba(56,189,248,.1);min-height:48px}.ticker p{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:12px 0;margin:0;border-bottom:1px solid var(--border)}.ticker time{color:var(--accent);font-weight:700}.section-intro{margin:6px 0 24px}.section-intro h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:.35rem 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article>span{font-size:2rem}.feature-grid button,.feature-grid a{display:inline-flex;margin-top:10px}.report-form{display:grid;gap:12px}.report-form label{display:grid;gap:6px}.report-form input,.report-form textarea,.report-form select{width:100%}.ranking p{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badges span{padding:8px 12px;border-radius:999px;background:rgba(56,189,248,.1)}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.health-grid progress{width:100%;accent-color:var(--accent);margin-top:14px}.air-score{font-size:3rem;font-weight:800;color:#4ade80}footer{margin-left:270px;padding:30px 3vw;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);background:var(--panel)}footer span{display:block;opacity:.65;margin-top:4px}footer nav{display:flex;flex-wrap:wrap;gap:16px}footer a{color:inherit}.support-card a{color:#fff;background:#e11d48;padding:10px 14px;border-radius:10px;text-decoration:none}
@media(max-width:1100px){.live-grid,.health-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.brand-hero{min-height:280px;align-items:flex-end;padding:22px;background-position:62% center}.brand-hero-badge{position:absolute;right:18px;top:18px}.refresh-ring{width:82px;height:82px}.live-grid,.health-grid,.feature-grid{grid-template-columns:1fr}footer{margin-left:0;display:block}footer nav{margin-top:18px}}
.air-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.air-details span{padding:10px;border-radius:10px;background:rgba(56,189,248,.08);font-size:.82rem}.air-details b{display:block;margin-top:4px;font-size:1rem}
.service.active{color:#86efac}.service.loading{color:#bae6fd}.service.restricted,.service.not_configured{color:#fcd34d}.service.unavailable{color:#fca5a5}.service{cursor:help}.weather-traffic.unknown{border-color:rgba(148,163,184,.35);background:linear-gradient(90deg,rgba(148,163,184,.13),rgba(148,163,184,.03))}.quiet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-grid em{line-height:1.4}.live-grid b{overflow-wrap:anywhere}
.place-actions{display:flex;gap:6px}.place-actions button{padding:8px 10px}
.legal-page{margin:0 auto;max-width:900px;padding:40px 20px}.legal-page>a{display:inline-block;color:var(--accent);margin-bottom:18px;text-decoration:none}.legal-page article{line-height:1.7}.legal-page h1{margin:.4rem 0 1.5rem}.legal-page h2{margin-top:2rem}.legal-warning{padding:14px 16px;border-radius:12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:#fde68a;margin:18px 0}