:root{--text:#6b6375;--text-h:#08060d;--bg:#f0f4f5;--white:#fff;--white-semi:#ffffff9a;--border-light:#e5e4e7;--border-dark:#aba7b3;--button:#eae4ec;--button-hover:#a3aeb9;--shadow-hero:#32325d40 0px 50px 40px -20px, #0000004d 0px 30px 20px -30px, #0a254059 0px -2px 6px 0px inset;--shadow-loc:#32326926 0px 2px 5px 0px, #0000000d 0px 1px 1px 0px;--shadow-forecast:#00000029 0px 3px 6px, #0000003b 0px 3px 6px;--shadow4:#32325d40 0px 30px 60px -12px inset, #0000004d 0px 18px 36px -18px inset;--shadow-data:#110c2e26 0px 48px 100px 0px;--shadow-outline:-1px -1px 3px var(--text-h), 1px -1px 3px var(--text-h), -1px 1px 3px var(--text-h), 1px 1px 3px var(--text-h);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px var(--sans);color:var(--text);background:var(--bg)}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:6px double var(--border-light);box-sizing:border-box;flex-direction:column;width:1050px;max-width:100%;margin:0 auto;display:flex;overflow-x:hidden}body{margin:0}img{filter:drop-shadow(1px 1px #0000004d);display:block}h1{color:#fff;text-shadow:var(--shadow-outline);margin:0;padding:0;font-size:clamp(1.2rem,9vw,2.5rem);font-weight:700}h2,h3,h4{font-family:var(--heading);color:var(--text-h);margin:0;padding:0;font-weight:500}h2{margin-bottom:.25rem;font-size:1rem;font-weight:700}h3{margin-top:.25rem;font-size:1rem}h4{font-size:.9rem}p{margin:0;padding:0;font-weight:350}button{background-color:var(--button)}button:hover{background-color:var(--button-hover);border:1px solid var(--border-light);color:#fff;box-shadow:0 2px 4px 0 var(--border-dark);font-weight:600}button{transition-duration:.3s}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}