@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf)format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/fonts/DM_Sans/DMSans-Italic-VariableFont_opsz,wght.ttf)format("truetype");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/Bricolage_Grotesque/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--neutral-900:#03012d;--neutral-800:#272541;--neutral-700:#312f4b;--neutral-600:#3d3b5e;--neutral-300:#aeaeb7;--neutral-200:#d5d4d9;--neutral-0:#fff;--orange-500:#ff7c0a;--blue-500:#4455da;--blue-700:#2d1c9c;--bg:radial-gradient(circle at 20% 10%,#3847ad33,transparent 40%),radial-gradient(circle at 80% 20%,#3e3bb04d,transparent 45%),radial-gradient(circle at 20% 80%,#373fbe40,transparent 50%),var(--neutral-900);--card:#27273f;--card-strong:#2a2a46;--card-soft:#34334d;--shadow:0 18px 50px #06072273;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--radius-xs:8px;--gap:24px}*,:before,:after{box-sizing:border-box}body{color:var(--neutral-0);background:var(--bg);min-height:100vh;margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:18px}img{max-width:100%;display:block}button,input{color:inherit;font-family:inherit}button{background:0 0;border:none}.page{flex-direction:column;gap:36px;min-height:100vh;padding:40px 32px 32px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:12px;font-weight:600;display:flex}.brand__logo{width:28px;height:28px}.units{position:relative}.units__button{background:var(--card);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.units__button:focus-visible{outline:2px solid var(--neutral-200);outline-offset:2px}.units__chevron{width:12px;transition:transform .2s}.units__panel{background:var(--card);width:240px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:10;border-radius:16px;gap:14px;padding:16px;transition:all .2s;display:grid;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-8px)}.units.is-open .units__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.units.is-open .units__chevron{transform:rotate(180deg)}.units__toggle{border:1px solid var(--neutral-600);background:var(--card-strong);text-align:left;cursor:pointer;border-radius:10px;padding:10px 12px;font-size:14px}.units__group{gap:8px;display:grid}.units__label{color:var(--neutral-300);margin:0;font-size:12px}.units__option{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:14px;display:flex}.units__option--selected{background:var(--card-strong);border-color:var(--neutral-600)}.app{gap:32px;display:grid}.hero{text-align:center;gap:20px;display:grid}.hero h1{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:700}.search{justify-content:center;gap:16px;display:grid;position:relative}.search__field{background:var(--card);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:min(520px,100%);padding:10px 16px;display:flex}.search__field:focus-within{border-color:var(--neutral-200);box-shadow:0 0 0 3px #ffffff14}.search input{width:100%;color:var(--neutral-0);background:0 0;border:none;outline:none;font-size:16px}.search input::placeholder{color:var(--neutral-300)}.button{background:var(--blue-500);color:var(--neutral-0);cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-weight:600;box-shadow:0 8px 18px #3c50d266}.button:focus-visible,.button:hover{filter:brightness(1.08)}.search__status{background:var(--card-strong);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.search__status img{width:16px}.search__suggestions{background:var(--card);width:min(520px,100%);box-shadow:var(--shadow);z-index:5;border-radius:14px;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.search__suggestions.is-open{display:grid}.search__suggestions button{background:var(--card-strong);text-align:left;cursor:pointer;border:none;border-radius:10px;padding:10px 12px;font-size:14px}.search__message{color:var(--neutral-200);font-size:16px}.content,.left{gap:var(--gap);display:grid}.today-card{border-radius:var(--radius-xl);min-height:150px;box-shadow:var(--shadow);background:linear-gradient(135deg,#4751bff2,#4346b1e6);justify-content:space-between;align-items:center;padding:24px 28px;display:flex;position:relative;overflow:hidden}.today-card:before{content:"";opacity:.6;pointer-events:none;background:url(/assets/images/bg-today-large.svg) 50%/cover no-repeat;position:absolute;inset:0}.today-card__info,.today-card__temp{z-index:1;position:relative}.today-card__location{margin:0;font-size:20px;font-weight:600}.today-card__date{color:var(--neutral-200);margin:6px 0 0;font-size:14px}.today-card__temp{align-items:center;gap:14px;display:flex}.today-card__temp img{width:52px}.today-card__temp span{font-size:48px;font-weight:600}.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.metric{background:var(--card);border-radius:var(--radius-md);gap:10px;min-height:90px;padding:16px;display:grid}.metric__label{color:var(--neutral-300);margin:0;font-size:14px}.metric__value{margin:0;font-size:20px;font-weight:600}.section-title{margin-bottom:10px;font-size:16px;font-weight:600}.daily{gap:12px;display:grid}.daily__grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;display:grid}.day-card{background:var(--card);border-radius:var(--radius-md);cursor:pointer;justify-items:center;gap:10px;min-height:120px;padding:12px 10px;display:grid}.day-card[data-empty=true]{cursor:default;opacity:.6}.day-card.is-active{background:var(--card-strong);border:1px solid #ffffff1a}.day-card__day{color:var(--neutral-200);margin:0;font-size:14px}.day-card img{width:34px;height:34px}.day-card__temps{gap:8px;margin:0;font-size:14px;display:flex}.day-card__temps span:last-child{color:var(--neutral-300)}.right{display:grid}.hourly{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:16px;padding:18px;display:grid}.hourly__head{justify-content:space-between;align-items:center;display:flex}.hourly__day{position:relative}.hourly__toggle{background:var(--card-strong);color:var(--neutral-0);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.hourly__toggle img{transition:transform .2s}.hourly__toggle.is-open img{transform:rotate(180deg)}.hourly__menu{background:var(--card);width:170px;box-shadow:var(--shadow);z-index:6;border-radius:14px;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0}.hourly__menu.is-open{display:grid}.hourly__menu button{background:var(--card-strong);text-align:left;cursor:pointer;border-radius:8px;padding:8px 10px;font-size:14px}.hourly__list{gap:10px;display:grid}.hour-card{background:var(--card-strong);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.hour-card__time{color:var(--neutral-200);align-items:center;gap:10px;font-size:14px;display:flex}.hour-card__time img{width:22px;height:22px}.hour-card__temp{font-weight:600}.state{text-align:center;justify-items:center;gap:12px;padding:80px 0;display:grid}.state h2{margin:0;font-size:30px}.state p{color:var(--neutral-200);margin:0}.state__icon{width:40px}.state__retry{background:var(--card);border:1px solid var(--neutral-600);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.attribution{text-align:center;color:var(--neutral-300);font-size:11px}.attribution a{color:var(--neutral-200)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton{background:var(--card-strong);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(110deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width:980px){.app{gap:36px}.content{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start}.search{grid-template-columns:minmax(420px,520px) auto;justify-content:center;align-items:center}.search__suggestions{top:calc(100% + 12px)}}@media (max-width:720px){.page{padding:28px 20px 32px}.topbar{gap:16px}.brand__name,.units__button span{font-size:14px}.search{justify-items:stretch}.search__field{width:100%}.today-card{padding:20px}.today-card:before{background-image:url(/assets/images/bg-today-small.svg)}.today-card__temp span{font-size:38px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.daily__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:420px){.daily__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}