:root{--surface-1: #fcfcfb;--page: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--city-freistadt: #2a78d6;--city-linz: #1baf7a;--diverge-warm: #e34948;--diverge-cool: #2a78d6;--neutral-bar: #256abf;--accent-soft: rgba(42, 120, 214, .12);--good: #006300}@media (prefers-color-scheme: dark){:root{--surface-1: #1a1a19;--page: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--city-freistadt: #3987e5;--city-linz: #199e70;--diverge-warm: #e66767;--diverge-cool: #3987e5;--neutral-bar: #3987e5;--accent-soft: rgba(57, 135, 229, .16);--good: #0ca30c}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh}.screen{padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.screen-title{font-size:1.15rem;font-weight:700;margin:6px 2px 12px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:12px}.card h3{margin:0 0 8px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--surface-1);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;text-decoration:none;color:var(--text-muted);font-size:.65rem;font-weight:600}.bottom-nav a.active{color:var(--text-primary)}.bottom-nav svg{width:22px;height:22px}.seg{display:flex;background:var(--page);border:1px solid var(--border);border-radius:10px;padding:2px;gap:2px}.seg button{flex:1;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:.8rem;font-weight:600;padding:7px 6px;border-radius:8px;cursor:pointer;white-space:nowrap}.seg button.active{background:var(--surface-1);color:var(--text-primary);box-shadow:0 1px 3px #00000040}.chip-row{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font:inherit;font-size:.78rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.chip.active{background:var(--accent-soft);border-color:var(--neutral-bar);color:var(--text-primary)}.legend{display:flex;gap:14px;align-items:center;font-size:.75rem;color:var(--text-secondary);margin:2px 2px 6px;flex-wrap:wrap}.legend .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px}.current-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.city-card{background:var(--surface-1);border:1px solid var(--border);border-top:3px solid var(--c, var(--neutral-bar));border-radius:14px;padding:12px}.city-card .name{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.city-card .temp{font-size:2.1rem;font-weight:700;line-height:1.15}.city-card .cond{font-size:.78rem;color:var(--text-secondary);margin-bottom:8px;min-height:2.2em}.city-card .row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);padding:2px 0}.city-card .row .v{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.rain-badge{display:inline-block;font-size:.72rem;font-weight:700;border-radius:8px;padding:3px 8px;margin-top:8px;background:var(--accent-soft);color:var(--text-primary)}.day-row{display:grid;grid-template-columns:64px 1fr 1fr;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--grid)}.day-row:last-child{border-bottom:0}.day-row .d{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.day-cell{display:flex;align-items:center;gap:7px;font-size:.8rem}.day-cell .icon{font-size:1.1rem}.day-cell .minmax{font-variant-numeric:tabular-nums;white-space:nowrap}.day-cell .minmax .max{font-weight:700}.day-cell .minmax .min{color:var(--text-muted)}.precip-bar-track{position:relative;height:7px;border-radius:4px;background:var(--page);border:1px solid var(--grid);overflow:hidden;flex:1}.precip-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--c, var(--neutral-bar))}.mm-label{font-size:.7rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.hour-table{font-variant-numeric:tabular-nums}.ht-row{display:grid;grid-template-columns:52px 36px 1fr 56px 84px;align-items:center;gap:6px;padding:9px 2px;border-bottom:1px solid var(--grid)}.ht-row:last-child{border-bottom:0}.ht-head{padding:4px 2px 8px;font-size:.68rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.ht-head span:nth-child(n+3){text-align:right}.ht-head span:last-child{text-align:right}.ht-day{padding:10px 2px 4px;font-size:.75rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--grid)}.ht-time{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.ht-icon{font-size:1.15rem;text-align:center}.ht-temp{font-size:1.15rem;font-weight:700;text-align:right}.ht-wind{font-size:.85rem;color:var(--text-secondary);text-align:right}.ht-precip{display:flex;flex-direction:column;align-items:flex-end;font-size:.82rem;color:var(--text-muted);line-height:1.25}.ht-precip small{font-size:.7rem}.ht-precip.wet{color:var(--neutral-bar);font-weight:700}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:10px}.stat-tile .label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.stat-tile .value{font-size:1.05rem;font-weight:700;margin-top:2px}.stat-tile .sub{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.empty-state{text-align:center;color:var(--text-secondary);font-size:.85rem;padding:28px 16px;line-height:1.5}.empty-state .big{font-size:1.6rem;display:block;margin-bottom:8px}.loading{text-align:center;color:var(--text-muted);padding:32px 0;font-size:.85rem}.error-box{background:var(--surface-1);border:1px solid var(--diverge-warm);color:var(--text-primary);border-radius:12px;padding:12px;font-size:.82rem;margin-bottom:12px}.hint{font-size:.72rem;color:var(--text-muted);margin:6px 2px 0;line-height:1.4}.controls{display:grid;gap:8px;margin-bottom:12px}.tt{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:.75rem;box-shadow:0 4px 14px #0000004d}.tt .tt-label{font-weight:700;margin-bottom:4px}.tt .tt-row{display:flex;justify-content:space-between;gap:14px;padding:1px 0;color:var(--text-secondary)}.tt .tt-row .v{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}