:root{--cream: #FFF6E9;--paper: #FFFBF2;--ink: #2D2535;--ink-soft: #6B5B7A;--ink-mute: #A395AE;--coral: #FF6B5B;--coral-deep: #E04E3F;--mint: #4ECDC4;--mint-deep: #36A89F;--sun: #FFC857;--sun-deep: #E8A82E;--plum: #8B5CF6;--plum-deep: #6D3FE0;--sky: #5DADE2;--sky-deep: #3C8BC4;--berry: #EC4899;--berry-deep: #C72A78;--tang: #FF8C42;--tang-deep: #E76A20;--line: rgba(45,37,53,.1);--line-strong: rgba(45,37,53,.18);--shadow-card: 0 1px 0 rgba(255,255,255,.9) inset, 0 12px 24px -12px rgba(45,37,53,.18), 0 2px 6px -2px rgba(45,37,53,.08);--shadow-pop: 0 12px 30px -12px rgba(45,37,53,.35), 0 4px 10px -4px rgba(45,37,53,.18)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--cream);font-family:Nunito,system-ui,sans-serif;color:var(--ink)}#root{width:100%;min-height:100vh;display:block}.app{width:100%;min-height:100vh;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-weight:600;position:relative}.display{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.btn{border:0;cursor:pointer;font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:600;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,filter .12s}.btn:active{transform:translateY(2px)}.app *::-webkit-scrollbar{width:8px;height:8px}.app *::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}.confetti-piece{position:absolute;width:10px;height:14px;border-radius:2px;will-change:transform,opacity;animation:fall 1.5s cubic-bezier(.2,.6,.4,1) forwards}@keyframes fall{0%{transform:translate3d(var(--x0),-20px,0) rotate(0);opacity:1}to{transform:translate3d(var(--x1),90vh,0) rotate(var(--r));opacity:0}}@keyframes pulse-bg{0%{transform:scale(1);filter:brightness(1)}18%{transform:scale(1.06);filter:brightness(1.12)}to{transform:scale(1);filter:brightness(1)}}.pulse-on{animation:pulse-bg .38s cubic-bezier(.34,1.56,.64,1)}.beat-dot.on{transform:scale(1.18)}@keyframes note-in{0%{opacity:0;transform:translate(-12px,-2px)}to{opacity:1;transform:translate(0)}}.note-in{animation:note-in .32s cubic-bezier(.34,1.56,.64,1)}@keyframes wobble{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.wobble{animation:wobble .28s ease-out}@keyframes xp-pop{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}.xp-pop{animation:xp-pop .36s cubic-bezier(.34,1.56,.64,1)}.paper-bg{background:radial-gradient(circle at 12% 18%,rgba(139,92,246,.06) 0 2px,transparent 3px),radial-gradient(circle at 78% 30%,rgba(255,107,91,.06) 0 2px,transparent 3px),radial-gradient(circle at 35% 80%,rgba(78,205,196,.06) 0 2px,transparent 3px),radial-gradient(circle at 85% 88%,rgba(255,200,87,.06) 0 2px,transparent 3px),var(--cream)}.twk-panel{font-family:Nunito,system-ui,sans-serif!important}