: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)}@keyframes results-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.results-enter{animation:results-enter .4s cubic-bezier(.4,0,.2,1) both}@keyframes level-up-pulse{0%,to{box-shadow:0 8px 24px -8px #8b5cf680}50%{box-shadow:0 8px 32px #8b5cf6bf}}.level-up-banner{animation:level-up-pulse 1.4s ease-in-out infinite}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px #2d253559,0 12px 32px -8px #2d253547!important}.hero-cta:active{transform:translateY(2px);box-shadow:0 2px #2d253559!important}.mode-card{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.mode-card:hover{transform:translateY(-3px)}@keyframes stat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.twk-panel{font-family:Nunito,system-ui,sans-serif!important}