@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";:root{--bg-app:#faf4eb;--bg-card:#fff;--text-main:#514239;--text-muted:#8e7d73;--border-color:#514239;--shadow-color:#51423926;--color-pink:#ffd3e1;--color-blue:#c2f0fc;--color-yellow:#ffeba6;--color-purple:#e8d3fc;--color-green:#d2f5d3;--color-peach:#ffdab9;--color-red:#ffaeb9;--font-family:"Fredoka", system-ui, -apple-system, sans-serif;--transition-elastic:all .4s cubic-bezier(.175, .885, .32, 1.275)}[data-theme=night]{--bg-app:#1a1625;--bg-card:#282237;--text-main:#fff5ea;--text-muted:#b3a2c2;--border-color:#fff5ea;--shadow-color:#0000004d;--color-pink:#ff9ebb;--color-blue:#8fe3f7;--color-yellow:#ffe082;--color-purple:#d1b3ff;--color-green:#a3eaa5;--color-peach:#ffb07c;--color-red:#ff7b8e}*{box-sizing:border-box;font-family:var(--font-family);-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);min-height:100vh;transition:background-color .5s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background-color:var(--text-main);border:3px solid var(--bg-app);border-radius:6px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes pulseBorder{0%,to{border-color:var(--border-color)}50%{border-color:var(--color-pink)}}.float-element{animation:6s ease-in-out infinite float}.bounce-slow{animation:3s ease-in-out infinite bounceSlow}.cozy-card{background-color:var(--bg-card);border:3px solid var(--border-color);box-shadow:6px 6px 0px 0px var(--border-color);transition:var(--transition-elastic);border-radius:28px;padding:24px;position:relative;overflow:hidden}.cozy-card:hover{box-shadow:8px 8px 0px 0px var(--border-color);transform:translate(-2px,-2px)}.cozy-btn{background-color:var(--color-pink);color:var(--text-main);border:3px solid var(--border-color);cursor:pointer;box-shadow:4px 4px 0px 0px var(--border-color);transition:var(--transition-elastic);-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:1.1rem;font-weight:600;display:inline-flex}.cozy-btn:hover{box-shadow:6px 6px 0px 0px var(--border-color);transform:translate(-2px,-2px)}.cozy-btn:active{box-shadow:1px 1px 0px 0px var(--border-color);transform:translate(2px,2px)}#root{flex-direction:column;min-height:100vh;display:flex}