:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;background:#f4f7fb;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ecf5ff,#f7fafc)}#root{width:100%}.app-shell{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}header h1{margin-bottom:.25rem}.controls,.card{background:#fff;border-radius:16px;box-shadow:0 12px 32px #0f172a14}.controls{padding:1rem;display:grid;gap:1rem}label,button,select{font:inherit}input[type=text],input[type=number]{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.7rem .8rem;margin-top:.35rem}button{border:0;border-radius:999px;background:#2563eb;color:#fff;padding:.8rem 1.2rem;cursor:pointer;font-weight:700}button:disabled{opacity:.65;cursor:wait}.grid-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;margin-top:1rem}.left-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.card{padding:1rem}.spec-viewer{max-height:22rem;overflow-y:auto;padding-right:.5rem;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem;background:#fbfdff}.spec-viewer h2,.spec-viewer h3,.spec-viewer h4{margin:1rem 0 .4rem}.spec-viewer h2:first-child,.spec-viewer h3:first-child,.spec-viewer h4:first-child{margin-top:0}.spec-viewer p{margin:.4rem 0;line-height:1.6}.spec-viewer ul,.spec-viewer ol{margin:.4rem 0;padding-left:1.4rem;line-height:1.6}.spec-viewer li{margin:.2rem 0}.spec-viewer code{font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.9em;background:#eef2ff;color:#3730a3;padding:.1rem .35rem;border-radius:6px}.germany-map{width:100%;height:auto}.map-bg{fill:#dbeafe}.map-shape{fill:#93c5fd;stroke:#1d4ed8;stroke-width:2}.map-grid{stroke:#60a5fa;stroke-dasharray:4 4}.map-point{fill:#dc2626}.map-point-ring{fill:transparent;stroke:#dc262659;stroke-width:2}.map-label,.status,.error{margin:.5rem 0 0}.error{color:#b91c1c}.status{color:#0f766e}.weather-chart{width:100%;height:auto}.single-chart{display:flex;flex-direction:column;gap:.4rem}.chart-parameter-select{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#334155}.chart-parameter-select select{flex:1;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem .5rem;background:#fff;color:#0f172a}.axis-label{font-size:10px;fill:#475569}.chart-point--clickable{cursor:pointer;transition:r .15s ease,opacity .15s ease}.chart-point--clickable:hover{r:6;opacity:.8}.chart-subtitle{font-size:.65em;font-weight:500;color:#64748b}.chart-hint{margin:0;font-size:.82rem;color:#64748b}.chart-hint--muted{font-style:italic}.drill-down{border:1px solid #dbeafe;border-radius:12px;padding:.75rem;background:#f8fafc}.drill-down-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.drill-down-header h3{margin:0;font-size:.95rem}.drill-down-close{border:0;border-radius:999px;background:#e2e8f0;color:#0f172a;width:1.75rem;height:1.75rem;line-height:1;padding:0;font-size:1.1rem;cursor:pointer}.drill-down-close:hover{background:#cbd5e1}.legend{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.75rem}.legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.92rem}.legend-item i{display:inline-block;width:12px;height:12px;border-radius:999px}.placeholder{display:grid;place-items:center;border:1px dashed #94a3b8;border-radius:16px;min-height:240px;color:#475569}@media (max-width: 800px){.grid-layout{grid-template-columns:1fr}}