:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--card:#fff;--text:#17202a;--muted:#5b6875;--border:#dde3e9;--accent:#0b6fa4;--good:#1a7f37;--good-bg:#dcf3e2;--marginal:#8a5a00;--marginal-bg:#fff1c7;--no:#b42318;--no-bg:#fde3e1;--dip:#4b4bb3;--dip-bg:#e6e6fb;--unknown:#5b6875;--unknown-bg:#eceff2;--dark-hour:#e9edf3;--observed:#0b6fa4}@media (prefers-color-scheme:dark) and (hover:none) and (pointer:coarse){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1419;--card:#182028;--text:#e6edf3;--muted:#9aa7b3;--border:#2b3640;--accent:#5cb8e6;--good:#5fd27e;--good-bg:#183a24;--marginal:#f0c050;--marginal-bg:#3d3214;--no:#ff8a80;--no-bg:#4a1d1a;--dip:#a5a5ff;--dip-bg:#26264d;--unknown:#9aa7b3;--unknown-bg:#26303a;--dark-hour:#121a22;--observed:#5cb8e6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}.page{max-width:1200px;margin:0 auto;padding:12px 16px 32px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}h1{margin:0;font-size:1.3rem}h2{margin:0 0 10px;font-size:1.1rem}h3{color:var(--muted);margin:14px 0 6px;font-size:.95rem;font-weight:600}.header-side{align-items:center;gap:12px;display:flex}.lang select{font:inherit;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:6px;padding:4px 6px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;min-width:0;padding:14px}.swim,.beach{grid-column:1/-1}.banner{background:var(--marginal-bg);color:var(--marginal);border-radius:8px;margin:0 0 12px;padding:8px 12px}.banner.error{background:var(--no-bg);color:var(--no)}.note,.sub{color:var(--muted);font-size:.85rem}.missing{color:var(--muted)}.observed{color:var(--observed)}.now-main{align-items:center;gap:12px;display:flex}.now-icon{font-size:2.2rem}.now-temp{white-space:nowrap;font-size:2.4rem;font-weight:600}.facts{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px 16px;margin:12px 0 4px;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:0;font-weight:500}.facts dd.big{font-size:1.4rem;font-weight:600}.arrow{color:var(--accent);margin-right:2px;display:inline-block}.wind .compass{margin-right:4px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums}.hourly{width:100%}.hourly th,.hourly td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 6px}.hourly thead th{color:var(--muted);font-size:.8rem;font-weight:500}.spread{color:var(--muted);font-size:.75rem;display:block}.strip th,.strip td{text-align:center;border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 6px}.strip th{text-align:left;color:var(--muted);background:var(--card);font-size:.8rem;font-weight:500;position:sticky;left:0}.strip td.dark-hour{background:var(--dark-hour)}.verdict{border-radius:999px;padding:1px 10px;font-size:.85rem;font-weight:600;display:inline-block}.verdict-good{color:var(--good);background:var(--good-bg)}.verdict-marginal{color:var(--marginal);background:var(--marginal-bg)}.verdict-no{color:var(--no);background:var(--no-bg)}.verdict-dip{color:var(--dip);background:var(--dip-bg)}.verdict-unknown{color:var(--unknown);background:var(--unknown-bg)}.strip td{width:46px;min-width:46px;max-width:46px}.verdict-cell .hint{text-decoration:none}.vdot{vertical-align:middle;border-radius:50%;width:14px;height:14px;display:inline-block}.vdot-good{background:var(--good)}.vdot-marginal{background:#e0a400}.vdot-no{background:var(--no)}.vdot-dip{background:var(--dip)}.vdot-unknown{border:2px solid var(--unknown);background:0 0}.swim-question{margin:0 0 10px;font-size:1.05rem}.slot-summary .verdict{padding:3px 14px;font-size:1.1rem}.verdict-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.numbers{margin:8px 0}.windows{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:6px;font-size:1.05rem;font-weight:600;display:flex}.air-level{font-weight:600}.air-good{color:var(--good)}.air-moderate{color:var(--marginal)}.air-poor{color:var(--no)}.air p{margin:0}.clothing ul{margin:0;padding:0;list-style:none}.clothing li{padding:3px 0}.tip-note{color:var(--muted);font-size:.85rem;display:block}.compare{flex-wrap:wrap;gap:6px 16px;margin:16px 0;display:flex}a{color:var(--accent)}.sources{border-top:1px solid var(--border);margin-top:16px;padding-top:8px}.sources ul{margin:0 0 8px;padding:0;list-style:none}.sources li{padding:2px 0;font-size:.9rem}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.ok{background:var(--good)}.dot.failed{background:var(--no)}.loading{color:var(--muted)}@media (width<=480px){.page{padding:8px 10px 24px}.grid{grid-template-columns:1fr}h1{font-size:1.1rem}}.gust-sub{display:block}.facts-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 10px}.facts-row dd{font-size:.9rem}.gear{margin:12px 0 0}.clothing{margin-top:12px}.facts-row dt{overflow-wrap:anywhere}@media (width<=480px){.facts-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}.facts-row dd{white-space:nowrap;font-size:.95rem}}.hint{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.hint:focus{outline:none}.hint-text{z-index:100;background:var(--text);width:max-content;color:var(--bg);text-align:left;white-space:normal;pointer-events:none;border-radius:8px;padding:8px 10px;font-size:.8rem;font-weight:400;line-height:1.35;position:fixed;box-shadow:0 4px 14px #0003}.th-unit{color:var(--muted);font-size:.7rem;font-weight:400;display:block}.strip td.day-start{border-left:2px solid var(--accent)}.day-label{color:var(--accent);font-size:.7rem;font-weight:600;line-height:1.1}.swim-layout{flex-wrap:wrap;align-items:flex-start;gap:12px 32px;display:flex}.swim-main{flex:0 420px}.swim-layout .strip-wrap{flex:360px;min-width:0;max-width:100%}.slot-facts{grid-template-columns:repeat(3,minmax(0,1fr))}