:root{--page:#fff;--surface:#fff;--subtle:#f4f4f4;--ink:#222;--muted:#626262;--border:#aaa;--rule:#ddd;--accent:#2454e6;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button,select{cursor:pointer}button{border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:6px 10px}button:hover{background:var(--subtle)}button:disabled{cursor:default;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{border:1px solid var(--border);background:var(--surface);border-radius:4px;min-width:0;padding:9px 10px}input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px;margin:0}a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #aeb5ae;text-decoration:underline #aeb5ae}a:hover{color:var(--accent)}h1,h2,p{margin:0}.app-shell{max-width:800px;margin:auto;padding:0 12px}.city-header{align-items:center;gap:9px;min-height:48px;padding:9px 0;display:flex}.city-header h1{letter-spacing:-.4px;overflow-wrap:anywhere;font-size:23px;font-weight:650;line-height:1.2}.change-city{color:var(--muted);flex-shrink:0;padding:4px 9px;font-size:11px}.forecast-card{border:1px solid var(--border);background:var(--surface);border-radius:2px;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--subtle);justify-content:flex-end;align-items:center;gap:6px;padding:6px 8px;display:flex}.model-toggles{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.model-toggles button{white-space:nowrap;color:var(--muted);background:0 0;border-color:#0000;align-items:center;gap:7px;padding:5px 8px;font-size:11px;display:flex}.model-toggles button[aria-pressed=true]{color:var(--model-color)}.model-toggles button:hover{background:#e9eefb}.model-toggles button[aria-pressed=false]{color:#888;text-decoration:line-through}.model-toggles i{border-top:3px solid;width:18px}.empty-state{text-align:center;height:400px;color:var(--muted);place-items:center;padding:25px;display:grid}.status-message{color:#89662e;background:#faf6ed;flex-wrap:wrap;align-items:center;gap:10px;padding:7px 14px;font-size:11px;display:flex}.status-message button{padding:3px 8px;font-size:10px}footer{color:var(--muted);text-align:right;padding:8px 2px 12px;font-size:10px;line-height:1.65}footer time{font-variant-numeric:tabular-nums;color:var(--ink)}.meteogram-wrap{background:var(--surface);padding-top:2px;position:relative}.meteorogram-layout{min-width:0;display:flex}.axis-rail{background:var(--surface);z-index:1;flex:0 0 52px;position:relative}.axis-rail-small{background:var(--surface);z-index:1;flex:0 0 12px;position:relative}.time-zone-label{color:var(--muted);font-size:8px;line-height:1.2;position:absolute;top:4px;left:5px}.axis-panel{position:absolute;left:0;right:0}.panel-name{writing-mode:vertical-rl;letter-spacing:.3px;text-align:center;color:#182bb5;height:100%;font-size:9px;font-weight:700;line-height:1.3;position:absolute;top:0;left:3px;transform:rotate(180deg)}.panel-name small{letter-spacing:0;color:var(--muted);margin-top:4px;font-size:9px;font-weight:400}.axis-tick{font-variant-numeric:tabular-nums;font-size:10px;line-height:1;position:absolute;right:5px;transform:translateY(50%)}.timeline-viewport{overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#999 #eee;cursor:grab;flex:1;min-width:0;position:relative;overflow:auto hidden}.timeline-viewport:active{cursor:grabbing}.timeline-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.timeline-content{-webkit-user-select:none;user-select:none;position:relative}.timeline-header{background:var(--subtle);height:38px;position:relative}.day-label{border-left:1px solid var(--border);text-align:center;white-space:nowrap;background:#dedede;height:20px;font-size:11px;font-weight:700;line-height:20px;position:absolute;top:0}.day-label:nth-child(2n){background:#f7f7f7}.hour-label{font-variant-numeric:tabular-nums;font-size:10px;line-height:15px;position:absolute;top:21px;transform:translate(-50%)}.hour-label.first-hour{transform:none}.timeline-hours{background:var(--subtle);height:18px;position:relative}.timeline-hours .hour-label{top:0}.meteogram{pointer-events:none}.agreement-strip{border-top:1px solid var(--rule);background:#eee;height:4px;position:relative;overflow:hidden}.agreement-segment{opacity:.55;position:absolute;inset-block:0}.agreement-segment[data-level=high],.agreement-readout i[data-level=high]{background:#559c57}.agreement-segment[data-level=medium],.agreement-readout i[data-level=medium]{background:#d4ad3b}.agreement-segment[data-level=low],.agreement-readout i[data-level=low]{background:#cd7474}.agreement-segment[data-level=unavailable],.agreement-readout i[data-level=unavailable]{background:#a2aaa0}.inspection-track{background:repeating-linear-gradient(90deg,#999 0,#999 1px,transparent 1px,transparent 10px) bottom/100% 5px no-repeat, var(--subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:crosshair;touch-action:none;height:34px;color:var(--muted);font-size:10px;position:relative}.inspection-track:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.inspection-hint{text-align:center;pointer-events:none;max-width:100%;line-height:29px;display:block;position:sticky;left:0}.inspection-cursor{pointer-events:none;z-index:2;background:#2454e6;width:2px;position:absolute;box-shadow:0 0 0 1px #ffffffb3}.inspection-popup{z-index:5;border:1px solid var(--border);pointer-events:none;background:#fff;border-radius:5px;width:min(270px,100% - 12px);padding:10px;font-size:12px;position:absolute;bottom:58px;right:6px;box-shadow:0 4px 16px #3036341f}.inspection-popup table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:6px;font-size:11px}.inspection-popup th,.inspection-popup td{text-align:right;border-bottom:1px solid var(--rule);overflow-wrap:anywhere;padding:4px 2px}.inspection-popup tbody th{text-transform:capitalize}.inspection-popup small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.inspection-popup strong{font-variant-numeric:tabular-nums;text-align:center;font-size:18px;font-weight:600;display:block}.inspection-popup .agreement-readout{justify-content:center;align-items:center;gap:5px;margin-top:1px;display:flex}.agreement-readout i{border-radius:50%;flex:none;width:6px;height:6px}.location-dialog{border:1px solid var(--border);width:min(440px,100% - 32px);max-height:calc(100% - 48px);color:var(--ink);background:var(--surface);border-radius:8px;padding:20px;overflow:auto;box-shadow:0 16px 48px #30363433}.location-dialog::backdrop{background:#30363466}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.dialog-heading h2{letter-spacing:-.4px;font-size:19px}.close-button{color:var(--muted);border:0;padding:3px 7px;font-size:24px;line-height:1}.location-search{width:100%}.search-field{border:1px solid var(--border);border-radius:4px;align-items:center;padding-left:12px;display:flex}.search-field span{color:var(--muted);font-size:25px}.search-field input{background:0 0;border:0;width:100%}.search-options{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.search-options label{align-items:center;gap:6px;display:flex}.text-button{color:var(--accent);background:0 0;border:0;padding:2px;font-size:11px}.search-results{border-top:1px solid var(--rule);max-height:300px;margin-top:12px;padding-top:7px;overflow:auto}.search-results>button{text-align:left;border:0;width:100%;padding:9px 10px;display:block}.search-results small{color:var(--muted);display:block}.search-results p{padding:10px 2px}.coordinates{grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;display:grid}.coordinates label{color:var(--muted);font-size:11px}.coordinates input{width:100%;margin-top:4px;display:block}.full{grid-column:1/-1}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#173fc2}@media (width<=760px){.app-shell{padding:0 4px}.city-header{min-height:43px;padding:7px 3px}.city-header h1{font-size:21px}.toolbar{gap:4px;padding:5px 6px}.model-toggles{gap:3px}.model-toggles button{gap:5px;padding:4px 6px;font-size:10px}.model-toggles i{width:13px}.axis-rail{flex-basis:55px}.axis-tick{font-size:9px;right:3px}.panel-name{letter-spacing:0;font-size:8px;left:2px}.panel-name small{font-size:8px}.time-zone-label{font-size:7px;left:3px}.day-label{font-size:10px}.hour-label,.inspection-hint{font-size:9px}.inspection-popup{padding:8px;font-size:11px}.inspection-popup table{font-size:10px}.location-dialog{padding:17px}}