@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap');:root{--lavender:#CBB8FF;--coral:#F04E3E;--orange:#F47735;--pink:#F29AC2;--yellow:#FFD84D;--blue:#4C8DDB;--green:#398563;--cream:#FFF8E9;--ink:#16131A;--font-display:'Fredoka',system-ui,sans-serif;--font-ui:'Nunito Sans',system-ui,sans-serif;--card-radius:28px}body{font-family:var(--font-ui);color:var(--ink)}h1,h2,.display{font-family:var(--font-display);font-weight:700}.movie-card{overflow:hidden;border-radius:var(--card-radius);background:var(--cream)}.movie-card img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.movie-card__details{padding:14px 16px}.movie-card__title{font:700 22px var(--font-display);margin:0}.avatar{width:44px;height:44px;border:3px solid white;border-radius:50%;object-fit:cover}.rating-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.rating-option{border:3px solid transparent;border-radius:18px;background:transparent;padding:6px 2px;display:grid;justify-items:center;gap:4px;font:700 11px var(--font-ui);cursor:pointer}.rating-option img{width:clamp(38px,11vw,58px);height:clamp(38px,11vw,58px)}.rating-option[aria-checked=true]{background:white;border-color:var(--ink);transform:translateY(-3px)}.rating-option:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.rating-option:active{transform:scale(.95)}.screen-home{min-height:100dvh;padding:24px 18px 100px;background:var(--yellow)}.screen-home h1{font:700 clamp(2.7rem,12vw,4rem)/.92 var(--font-display);margin:28px 0 10px}.screen-decision{min-height:100dvh;padding:28px 18px 32px;background:var(--green);color:white;display:flex;flex-direction:column}.screen-decision h1{text-align:center;font:700 clamp(2.5rem,11vw,3.7rem)/.95 var(--font-display)}.screen-decision__actions{display:grid;gap:12px;margin-top:auto}@media(prefers-reduced-motion:no-preference){.rating-option{transition:transform .14s,border-color .14s,background .14s}.pop{animation:pop .3s cubic-bezier(.2,1.5,.4,1)}@keyframes pop{from{transform:scale(.75)}to{transform:scale(1)}}}
