@font-face{font-family:fredoka;src:url(/fonts/fredoka-latin-wght.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:nunito;src:url(/fonts/nunito-latin-wght.woff2)format("woff2");font-weight:200 1e3;font-style:normal;font-display:swap}:root{--ink:#1e1b4b;--ink-soft:#3f3a7a;--paper:#fff7ed;--paper-dot:#fde4c4;--white:#ffffff;--sun:#fde047;--orange:#f97316;--focus:#2563eb;--red:#ef4444;--red-edge:#991b1b;--yellow:#facc15;--yellow-edge:#a16207;--green:#22c55e;--green-edge:#166534;--blue:#3b82f6;--blue-edge:#1e3a8a;--pink:#ec4899;--pink-edge:#9d174d;--violet:#a855f7;--violet-edge:#6b21a8;--font-display:"Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--radius:1.25rem;--gutter:clamp(1rem, 4vw, 2rem);--btn-size:clamp(7.5rem, 38vw, 9.5rem);--press:0.5rem}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--paper-dot) 2px,transparent 2.5px);background-size:28px 28px}a{color:inherit}:focus-visible{outline:4px solid var(--focus);outline-offset:4px;border-radius:.5rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.site-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo link" "search search";align-items:center;gap:.75rem 1rem;padding:.875rem var(--gutter);background:var(--ink);color:var(--white);border-bottom:6px solid var(--orange)}.site-header__logo{grid-area:logo;font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,5vw,1.9rem);letter-spacing:.01em;text-decoration:none;text-shadow:3px 3px 0 var(--orange)}.site-header__link{grid-area:link;font-weight:800;font-size:.95rem;color:var(--sun);text-decoration-thickness:2px;text-underline-offset:4px;padding:.5rem .25rem}.site-header__link:hover{text-decoration-style:wavy}.site-header__link[aria-current=page]{text-decoration-style:wavy}.site-header :focus-visible{outline-color:var(--sun)}.site-header__search{grid-area:search}.search{width:100%;min-height:2.875rem;padding:.6rem 1rem .6rem 2.75rem;font:inherit;font-weight:700;color:var(--ink);background:var(--white)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e1b4b' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")no-repeat .9rem/1.25rem;border:3px solid var(--sun);border-radius:999px;box-shadow:0 4px 0 var(--orange);appearance:none}.search::placeholder{color:#6b6894;opacity:1}.search:focus-visible{outline:4px solid var(--sun);outline-offset:3px}@media(min-width:48rem){.site-header{grid-template-columns:auto minmax(0,1fr)auto;grid-template-areas:"logo search link";gap:1.5rem}.site-header__search{justify-self:center;width:100%;max-width:28rem}}.main{max-width:72rem;margin:0 auto;padding:clamp(1.5rem,5vw,3rem)var(--gutter)4rem}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem;justify-items:center}@media(min-width:30rem){.grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}}@media(min-width:48rem){:root{--btn-size:11rem}.grid{grid-template-columns:repeat(auto-fill,13rem);justify-content:center;gap:2.5rem 1.5rem}}.tagline{margin:0 auto clamp(1.5rem,4vw,2.5rem);max-width:36rem;font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,4.5vw,1.75rem);line-height:1.25;text-align:center;text-wrap:balance}.tagline span{display:inline-block;animation:wiggle 1.2s ease-in-out infinite alternate}.sound{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;--face:var(--red);--edge:var(--red-edge)}.sound:nth-child(6n+2){--face:var(--yellow);--edge:var(--yellow-edge)}.sound:nth-child(6n+3){--face:var(--green);--edge:var(--green-edge)}.sound:nth-child(6n+4){--face:var(--blue);--edge:var(--blue-edge)}.sound:nth-child(6n+5){--face:var(--pink);--edge:var(--pink-edge)}.sound:nth-child(6n+6){--face:var(--violet);--edge:var(--violet-edge)}.sound__btn{position:relative;display:grid;place-items:center;width:var(--btn-size);aspect-ratio:1;margin-bottom:var(--press);padding:0;border:4px solid var(--ink);border-radius:50%;cursor:pointer;color:var(--ink);background:radial-gradient(circle at 35% 28%,rgb(255 255 255/.55) 0 14%,transparent 34%),radial-gradient(circle at 50% 60%,var(--face) 55%,color-mix(in srgb,var(--face) 70%,black) 100%);box-shadow:0 var(--press)0 0 var(--edge),0 var(--press)0 4px var(--ink),0 calc(var(--press) + .75rem)1.25rem rgb(30 27 75/.25);transition:transform 120ms ease-out,box-shadow 120ms ease-out,filter 150ms ease-out;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sound__btn:hover{filter:brightness(1.06)saturate(1.1);transform:translateY(-2px);box-shadow:0 calc(var(--press) + 2px)0 0 var(--edge),0 calc(var(--press) + 2px)0 4px var(--ink),0 calc(var(--press) + 1rem)1.5rem rgb(30 27 75/.28)}.sound__btn:active{transform:translateY(var(--press));box-shadow:0 0 0 0 var(--edge),0 0 0 4px var(--ink),0 .25rem .5rem rgb(30 27 75/.25);transition-duration:50ms}.sound__btn:focus-visible{outline:5px solid var(--focus);outline-offset:6px;border-radius:50%}.sound__emoji{font-size:calc(var(--btn-size) * .38);line-height:1;filter:drop-shadow(0 3px 0 rgb(30 27 75/.25));user-select:none}.sound__btn::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid var(--face);opacity:0;pointer-events:none}.sound__btn.is-playing{filter:brightness(1.12)saturate(1.2)}.sound__btn.is-playing::after{animation:ripple .9s ease-out infinite}.sound__btn.is-playing .sound__emoji{animation:wiggle .45s ease-in-out infinite alternate}@keyframes ripple{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes wiggle{from{transform:rotate(-10deg)scale(1.05)}to{transform:rotate(10deg)scale(1.15)}}.sound__title{max-width:100%;padding:.2rem .85rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.3;text-align:center;overflow-wrap:anywhere;background:var(--white);border:3px solid var(--ink);border-radius:999px;box-shadow:0 3px 0 var(--ink)}.empty{margin:2rem auto;max-width:24rem;padding:1rem 1.25rem;text-align:center;font-family:var(--font-display);font-weight:600;font-size:1.25rem;background:var(--white);border:3px dashed var(--ink);border-radius:var(--radius)}.legal{max-width:42rem;margin:0 auto;padding:clamp(1.25rem,5vw,2.5rem);background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--orange)}.legal h1,.legal h2{font-family:var(--font-display);line-height:1.2}.legal h1{margin:0 0 1.5rem;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700}.legal h2{margin:2rem 0 .5rem;font-size:1.35rem;font-weight:600;color:var(--ink-soft)}.legal p{margin:0}.legal a{font-weight:700;color:#1d4ed8;text-underline-offset:3px;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.sound__btn.is-playing::after{opacity:1;transform:scale(1.12)}.sound__btn:hover{transform:none}}