:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101318;color:#edf6ff;font:16px/1.75 system-ui,sans-serif}header,main,footer{width:min(1080px,90%);margin:auto}header{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #34404e}a{color:#6be5ff;text-underline-offset:5px}header a{text-decoration:none}h1{font-size:clamp(36px,6vw,64px);line-height:1.15;margin:16px 0}h2{font-size:28px;line-height:1.4}h3{font-size:20px}p,li,figcaption{color:#bbc8d8}.role{color:#ffba62;font-size:14px}.cover{width:100%;height:auto;display:block;margin:25px 0 40px}section{padding:30px 0;border-top:1px solid #34404e}.summary{padding:40px 0 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}figure{margin:20px 0}figure img{display:block;width:100%;height:auto}figcaption{font-size:14px;margin-top:10px}details{border:1px solid #34404e;padding:20px;margin:20px 0}summary{cursor:pointer;color:#6be5ff;font-weight:650}footer{padding:35px 0;border-top:1px solid #34404e}@media(max-width:650px){.columns{grid-template-columns:1fr}header{flex-wrap:wrap}}
.effect-filters{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.effect-filters button{font:inherit;padding:9px 18px;border:1px solid #596879;border-radius:30px;background:#151c26;color:#edf6ff;cursor:pointer}.effect-filters button[aria-pressed=true]{background:#6be5ff;color:#101318;border-color:#6be5ff}.effect-filters button:focus-visible{outline:3px solid #ffba62;outline-offset:4px}.effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.effect-card{min-width:0;border-bottom:1px solid #34404e;padding:0 0 15px}.effect-card[hidden]{display:none}.effect-card h3{margin:16px 0}.effect-media{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#070a10;border:1px solid #34404e}.effect-card details{padding:14px;font-size:14px}.clip-meta{overflow-wrap:anywhere;font-size:12px}.clip-meta code{font-family:inherit}.effects-grid .effect-card:first-child:last-child{grid-column:1/-1}@media(max-width:760px){.effects-grid{grid-template-columns:1fr}}
.weather-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.weather-controls figure{min-width:0}.weather-controls img{height:400px;object-fit:contain;object-position:top;background:#161b22}.weather-controls figcaption{overflow-wrap:anywhere}@media(max-width:760px){.weather-controls{grid-template-columns:1fr}.weather-controls img{height:auto;max-height:600px}}
 .water-graphs{margin-top:24px}.water-graphs figure{margin:0 0 24px}.water-graphs img{height:300px;object-fit:contain;background:#111}.water-graphs a{display:block}.water-graphs a:hover{outline:1px solid currentColor}