@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #F7F2EB;--text-color: #4A3E39;--scrollbar-track: #EFE8DE;--scrollbar-thumb: #D8B4A6}.dark{--bg-color: #1E1722;--text-color: #FAF5F0;--scrollbar-track: #2B2130;--scrollbar-thumb: #6B5374}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overscroll-behavior:none;touch-action:none;transition:background-color .3s ease,color .3s ease}.font-mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{filter:brightness(.9)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-shake{animation:shake .3s ease-in-out}@keyframes tutorial-fall{0%{transform:translateY(-60px);opacity:0}20%{opacity:1}80%{transform:translateY(120px);opacity:1}90%{opacity:0}to{transform:translateY(150px);opacity:0}}@keyframes swipe-hand{0%{transform:translate(0) scale(1)}10%{transform:translate(0) scale(.9)}50%{transform:translate(250px) scale(.9)}60%{transform:translate(250px) scale(1)}80%{opacity:1}to{transform:translate(250px);opacity:0}}@keyframes swipe-width{0%,10%{width:56px;opacity:1}50%,60%{width:100%;opacity:1}80%{opacity:0}to{width:100%;opacity:0}}@keyframes play-swipe-hand{0%{transform:translate(0) scale(.95);opacity:0}10%{transform:translate(0) scale(1);opacity:1}20%{transform:translate(0) scale(.9);opacity:1}65%{transform:translate(270px) scale(.9);opacity:1}75%{transform:translate(270px) scale(1);opacity:1}90%{transform:translate(270px) scale(1);opacity:0}to{transform:translate(0) scale(.95);opacity:0}}@keyframes play-swipe-trail{0%,15%{width:0%;opacity:.3}65%,75%{width:100%;opacity:.9}90%,to{width:100%;opacity:0}}@keyframes gentle-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}