:root{color:#23324b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,select{cursor:pointer}button{color:inherit;background:#fff;border:1px solid #dce3ee;border-radius:6px;padding:6px 10px}button:hover{background:#f0f4fc}button:disabled{cursor:default;opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7597ee}input,select{min-width:0;color:inherit;background:#fff;border:1px solid #dce3ee;border-radius:6px;padding:9px 10px}input[type=checkbox]{accent-color:#365fda;width:14px;height:14px;margin:0}a{color:#627a9f;text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin:0}.app-shell{max-width:1500px;margin:auto;padding:0 24px}.city-header{align-items:center;gap:12px;min-height:64px;padding:12px 0;display:flex}.city-header h1{letter-spacing:-.6px;overflow-wrap:anywhere;font-size:25px;font-weight:650;line-height:1.2}.change-city{color:#667c9b;flex-shrink:0;padding:4px 9px;font-size:11px}.forecast-card{background:#fff;border:1px solid #dfe5ee;border-radius:9px;overflow:hidden}.toolbar{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.range-control{background:#f1f4f9;border-radius:6px;gap:2px;padding:3px;display:flex}.range-control button{white-space:nowrap;color:#718198;background:0 0;border:0;padding:5px 13px;font-size:12px}.range-control button[aria-pressed=true]{color:#365fda;background:#fff;font-weight:600;box-shadow:0 1px 4px #23365b15}.model-toggles{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.model-toggles button{white-space:nowrap;color:#8995a6;background:0 0;border-color:#0000;align-items:center;gap:7px;padding:6px 9px;font-size:11px;display:flex}.model-toggles button[aria-pressed=true]{color:var(--model-color);background:color-mix(in srgb,var(--model-color) 7%,white)}.model-toggles button[aria-pressed=false]{text-decoration:line-through}.model-toggles i{border-top:2px solid;width:18px}.empty-state{text-align:center;color:#7a89a0;place-items:center;height:400px;padding:25px;display:grid}.status-message{color:#9a632b;background:#fffaf1;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:#8a98ab;text-align:right;padding:9px 0 12px;font-size:10px}.location-dialog{color:#23324b;border:1px solid #dce3ee;border-radius:12px;width:min(440px,100% - 32px);max-height:calc(100% - 48px);padding:20px;overflow:auto;box-shadow:0 24px 80px #1f2d4a33}.location-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17263a66}.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:#6f819a;border:0;padding:3px 7px;font-size:24px;line-height:1}.location-search{width:100%}.search-field{border:1px solid #dce3ee;border-radius:7px;align-items:center;padding-left:12px;display:flex}.search-field span{color:#8394ae;font-size:25px}.search-field input{background:0 0;border:0;width:100%}.search-options{color:#7c899c;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:#62749c;background:0 0;border:0;padding:2px;font-size:11px}.search-results{border-top:1px solid #e6ebf2;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:#7b8da4;display:block}.search-results p{padding:10px 2px}.coordinates{grid-template-columns:1fr 1fr;gap:10px;padding-top:16px;display:grid}.coordinates label{color:#70839f;font-size:11px}.coordinates input{width:100%;margin-top:4px;display:block}.full{grid-column:1/-1}.primary{color:#fff;background:#365fda}.primary:hover{background:#284dbb}@media (width<=760px){.app-shell{padding:0 12px}.city-header{min-height:55px;padding:10px 0}.city-header h1{font-size:23px}.toolbar{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px}.model-toggles{align-self:flex-end;gap:3px}.range-control{align-self:stretch}.range-control button{flex:1;padding:5px 10px}.model-toggles button{gap:5px;padding:5px 7px;font-size:10px}.model-toggles i{width:13px}.panel-labels span{letter-spacing:.6px;font-size:9px;left:6px}footer{font-size:9px}.location-dialog{padding:17px}}:root{color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif}.app-shell{max-width:800px;padding:0 12px}.city-header{gap:9px;min-height:48px;padding:9px 0}.city-header h1{letter-spacing:0;font-size:23px}.forecast-card{box-shadow:none;border:1px solid #bbb;border-radius:0}.toolbar{background:#f5f5f3;border-color:#bbb;gap:6px;padding:6px 8px}.range-control{background:#e7e7e5;border-radius:3px;padding:2px}.range-control button{border-radius:2px;padding:4px 11px;font-size:11px}.model-toggles button{border-radius:2px;padding:5px 7px}.meteogram-wrap{background:#fff;padding-top:2px;position:relative}.meteorogram-layout{min-width:0;display:flex}.axis-rail{z-index:1;background:#fff;flex:0 0 52px;position:relative}.axis-rail-small{z-index:1;background:#fff;flex:0 0 12px;position:relative}.time-zone-label{color:#555;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:#182b69;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;margin-top:4px;font-size:9px;font-weight:400}.axis-tick{font-variant-numeric:tabular-nums;color:#222;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:#8998aa #eceeef;cursor:grab;flex:1;min-width:0;position:relative;overflow:auto hidden}.timeline-viewport:active{cursor:grabbing}.timeline-viewport:focus-visible{outline-offset:-2px;outline:2px solid #526b9d}.timeline-content{-webkit-user-select:none;user-select:none;position:relative}.timeline-header{background:#fff;height:38px;position:relative}.day-label{text-align:center;white-space:nowrap;color:#111;background:#f2f2ef;border-left:1px solid #777;height:20px;font-size:11px;font-weight:400;line-height:20px;position:absolute;top:0}.hour-label{color:#111;font-size:10px;line-height:15px;position:absolute;top:21px;transform:translate(-50%)}.hour-label.first-hour{transform:none}.timeline-hours{background:#fff;height:18px;position:relative}.timeline-hours .hour-label{top:0}.meteogram{pointer-events:none}.inspection-track{cursor:crosshair;touch-action:none;color:#53617b;background:repeating-linear-gradient(90deg,#a4aebc 0 1px,#0000 1px 10px) bottom/100% 5px no-repeat,#edf1f6;border-top:1px solid #b3bdca;border-bottom:1px solid #b3bdca;height:34px;font-size:10px;position:relative}.inspection-track:focus-visible{outline-offset:-2px;outline:2px solid #365fda}.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:#ba3030;width:1px;position:absolute;box-shadow:1px 0 #ffffff80}.inspection-popup{z-index:5;pointer-events:none;background:#fffffff5;border:1px solid #6f7b8b;width:min(390px,100% - 12px);padding:10px;font-size:12px;position:absolute;bottom:58px;right:6px;box-shadow:0 3px 12px #0002}.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;overflow-wrap:anywhere;border-bottom:1px solid #e4e7eb;padding:4px 2px}.inspection-popup th:first-child{text-align:left;font-weight:400}.inspection-popup tbody th{text-transform:capitalize}.inspection-popup small{color:#5f6770;margin-top:6px;font-size:10px;display:block}footer{padding:6px 0;font-size:9px}@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}.range-control button{padding:4px 9px}.model-toggles button{padding:4px 6px;font-size:10px}.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}}