@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;--white:#fff;--font-display:'Fredoka',system-ui,sans-serif;--font-ui:'Nunito Sans',system-ui,sans-serif;--radius-card:28px;--radius-button:999px;--shadow-pop:0 7px 0 rgba(22,19,26,.14);--shadow-card:0 12px 28px rgba(35,20,48,.12)}
*{box-sizing:border-box}body{font-family:var(--font-ui);color:var(--ink)}h1,h2,.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em}.card{border-radius:var(--radius-card);background:var(--cream);box-shadow:var(--shadow-card);overflow:hidden}.btn{font:800 1rem var(--font-ui);border:0;border-radius:var(--radius-button);padding:.9rem 1.35rem;min-height:48px;cursor:pointer;transition:transform .15s ease,filter .15s ease}.btn:active{transform:translateY(3px) scale(.98)}.btn-primary{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow-pop)}.btn-coral{background:var(--coral);color:var(--white);box-shadow:var(--shadow-pop)}.btn-dark{background:var(--ink);color:var(--white)}.chip{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.55rem .9rem;font:700 .9rem var(--font-ui);background:var(--cream);color:var(--ink)}.chip[data-tone="pink"]{background:var(--pink)}.chip[data-tone="blue"]{background:var(--blue);color:white}.chip[data-tone="green"]{background:var(--green);color:white}.chip[data-tone="yellow"]{background:var(--yellow)}.vote-button{width:76px;height:76px;border:0;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow-pop)}.vote-no{background:var(--coral);color:white}.vote-yes{background:var(--green);color:white}@media(prefers-reduced-motion:no-preference){.mascot-wave{animation:wave 1.8s ease-in-out infinite}.pop-in{animation:pop-in .32s cubic-bezier(.2,1.5,.4,1) both}@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}}@keyframes pop-in{from{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}}