@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Caveat:wght@500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--black:#14100a;--white:#fdfaf3;--yellow:#f5c800;--ylite:#fff9d6;--ydark:#b89200;--brown:#5c3a1e;--blite:#9a6840;--cream:#fdf6e3;--chalk:#e0d4b8;--red:#c93510;--green:#3a7d44;--sky:#d4eef9;--font-display:"Fredoka One",cursive;--font-hand:"Caveat",cursive;--font-body:"Nunito",sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:22px;--radius-pill:100px;--shadow-sm:3px 3px 0 var(--black);--shadow-md:5px 5px 0 var(--black);--shadow-lg:8px 8px 0 var(--black);--cow-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cellipse cx='25' cy='22' rx='18' ry='11' fill='%2314100a' opacity='.035'/%3E%3Cellipse cx='95' cy='15' rx='13' ry='8' fill='%2314100a' opacity='.028'/%3E%3Cellipse cx='160' cy='30' rx='22' ry='13' fill='%2314100a' opacity='.035'/%3E%3Cellipse cx='50' cy='70' rx='17' ry='10' fill='%2314100a' opacity='.028'/%3E%3Cellipse cx='140' cy='65' rx='26' ry='14' fill='%2314100a' opacity='.035'/%3E%3Cellipse cx='18' cy='115' rx='20' ry='12' fill='%2314100a' opacity='.035'/%3E%3Cellipse cx='105' cy='120' rx='18' ry='10' fill='%2314100a' opacity='.028'/%3E%3Cellipse cx='170' cy='108' rx='24' ry='13' fill='%2314100a' opacity='.035'/%3E%3Cellipse cx='60' cy='160' rx='20' ry='11' fill='%2314100a' opacity='.028'/%3E%3Cellipse cx='145' cy='165' rx='16' ry='9' fill='%2314100a' opacity='.035'/%3E%3C/svg%3E")}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);background-image:var(--cow-texture);background-size:200px;color:var(--black);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-weight:900;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:3px solid var(--black);cursor:pointer;transition:transform .12s,box-shadow .12s;text-decoration:none}.btn-yellow{background:var(--yellow);color:var(--black);box-shadow:4px 4px 0 var(--black)}.btn-yellow:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.btn-white{background:#fff;color:var(--black);box-shadow:4px 4px 0 var(--black)}.btn-white:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}.btn-black{background:var(--black);color:var(--yellow);box-shadow:4px 4px 0 var(--brown)}.btn-black:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--brown)}.pill{padding:.36rem .82rem;border-radius:var(--radius-sm);border:2.5px solid var(--chalk);background:var(--cream);font-family:var(--font-body);font-weight:800;font-size:.8rem;cursor:pointer;transition:all .12s;color:var(--black)}.pill.on,.pill:hover{border-color:var(--yellow);background:var(--ylite)}.pill.on{border-color:var(--black)}.pill.on,.toast{background:var(--black);color:var(--yellow)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);padding:.62rem 1.4rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.95rem;border:2.5px solid var(--yellow);box-shadow:4px 4px 0 var(--brown);z-index:500;transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;white-space:nowrap}.toast.show{transform:translateX(-50%) translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}