:root[data-fun=on]{--fun-hand:"Comic Sans MS", "Chalkboard SE", "Bradley Hand", "Segoe Print", "Marker Felt", cursive;--fun-tape:color-mix(in srgb, var(--a-accent) 18%, #f5e9c8)}:root[data-fun=on] h1,:root[data-fun=on] h2,:root[data-fun=on] h3,:root[data-fun=on] nav a,:root[data-fun=on] button{font-family:var(--fun-hand);letter-spacing:.01em}:root[data-fun=on] input,:root[data-fun=on] select,:root[data-fun=on] textarea,:root[data-fun=on] table,:root[data-fun=on] td,:root[data-fun=on] th,:root[data-fun=on] code,:root[data-fun=on] [data-numeric],:root[data-fun=on] .tabular{font-family:inherit}:root[data-fun=on] h1,:root[data-fun=on] h2{-webkit-text-decoration:underline wavy var(--a-accent);text-decoration:underline wavy var(--a-accent);text-underline-offset:7px;text-decoration-thickness:1.5px}:root[data-fun=on] a:hover{text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}:root[data-fun=on] [data-note-kind=note]{transform:rotate(-.7deg)}:root[data-fun=on] [data-note-kind=note]:nth-child(2n){transform:rotate(.9deg)}:root[data-fun=on] [data-note-kind=note]:before{content:"";background:var(--fun-tape);opacity:.85;clip-path:polygon(3% 0,97% 6%,100% 84%,94% 100%,6% 94%,0 14%);pointer-events:none;width:62px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #0000001f}:root[data-fun=on] [data-note-kind=note]:active{transform:rotate(0)scale(1.02)}@keyframes fun-pop{0%{transform:scale(1)}35%{transform:scale(1.35)rotate(-8deg)}70%{transform:scale(.94)rotate(4deg)}to{transform:scale(1)rotate(0)}}:root[data-fun=on] .fun-pop{animation:.42s ease-out fun-pop}.fun-creature{z-index:9998;pointer-events:none;color:var(--a-accent);position:fixed;left:-170px}.fun-creature svg{filter:drop-shadow(0 4px 6px #0000002e);display:block}@keyframes fun-cross{0%{transform:translate(0)}to{transform:translate(calc(100vw + 340px))}}@keyframes fun-hop-body{0%,to{transform:translateY(0)rotate(-4deg)}45%{transform:translateY(-62px)rotate(6deg)}}.fun-creature[data-motion=hop]{animation:4.2s linear forwards fun-cross;bottom:10px}.fun-creature[data-motion=hop] svg{animation:.62s ease-in-out infinite fun-hop-body}@keyframes fun-glide{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-26px)rotate(4deg)}}@keyframes fun-flap{0%,to{transform:rotate(0)}50%{transform:rotate(-26deg)}}.fun-creature[data-motion=fly]{animation:3.6s linear forwards fun-cross}.fun-creature[data-motion=fly] svg{animation:.9s ease-in-out infinite fun-glide}.fun-creature[data-motion=fly] .fun-wing{transform-origin:74px 34px;animation:.32s ease-in-out infinite fun-flap}@keyframes fun-trundle{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-4px)rotate(1.5deg)}}.fun-creature[data-motion=crawl]{animation:11s linear forwards fun-cross}.fun-creature[data-motion=crawl] svg{animation:.5s ease-in-out infinite fun-trundle}@keyframes fun-lope{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(3deg)}}.fun-creature[data-motion=run]{animation:2.6s linear forwards fun-cross;bottom:8px}.fun-creature[data-motion=run] svg{animation:.3s ease-in-out infinite fun-lope}@keyframes fun-laugh-body{0%{opacity:0;transform:translateY(26px)scale(.8)}12%{opacity:1;transform:translateY(0)scale(1)}20%,36%,52%,68%{transform:translateY(0)rotate(-9deg)}28%,44%,60%,76%{transform:translateY(0)rotate(9deg)}88%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(20px)scale(.9)}}.fun-creature[data-motion=laugh]{animation:none;left:auto}.fun-creature[data-motion=laugh] svg{animation:3.2s ease-in-out forwards fun-laugh-body}@keyframes fun-slither{0%,to{transform:translateY(0)skew(-6deg)}50%{transform:translateY(-7px)skew(6deg)}}.fun-creature[data-motion=slither]{animation:7s linear forwards fun-cross}.fun-creature[data-motion=slither] svg{animation:.42s ease-in-out infinite fun-slither}@keyframes fun-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot))}}.fun-confetti{z-index:9999;pointer-events:none;border-radius:2px;width:8px;height:12px;animation:1.3s cubic-bezier(.25,.6,.4,1) forwards fun-confetti;position:fixed}:root[data-fun=on] input[type=checkbox]{accent-color:var(--a-accent);cursor:pointer}@media (prefers-reduced-motion:reduce){:root[data-fun=on] .fun-pop{animation:none}.fun-creature,.fun-confetti{display:none}:root[data-fun=on] [data-note-kind=note],:root[data-fun=on] [data-note-kind=note]:active{transform:none}}