@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-color: #F0F6FA;--text-color: #112A3D;--scrollbar-track: #E2EFF6;--scrollbar-thumb: #6FE1CB}.dark{--bg-color: #0E1724;--text-color: #EDF6FA;--scrollbar-track: #152436;--scrollbar-thumb: #1384CC}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}.font-playfair,.font-serif{font-family:Playfair Display,Georgia,serif}::-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 start-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}35%{transform:translate(160px) scale(.9);opacity:1}50%{transform:translate(320px) scale(.9);opacity:1}65%{transform:translate(480px) scale(.9);opacity:1}80%{transform:translate(640px,-148px) scale(.9);opacity:1}88%{transform:translate(640px,-148px) scale(1);opacity:1}95%{transform:translate(640px,-148px) scale(1);opacity:0}to{transform:translate(0) scale(.95);opacity:0}}@keyframes start-dash-draw{0%,15%{stroke-dashoffset:800;opacity:.2}75%,85%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}@keyframes gentle-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}