@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,sans-serif;background-color:#f8fafc;overflow-x:hidden}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.rotate-x-12{transform:rotateX(12deg)}.translate-z-10{transform:translateZ(10px)}.hover-lift-3d{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.hover-lift-3d:hover{transform:translateY(-5px) translateZ(20px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes rotate-study{0%{transform:rotate3d(1,1,1,0)}to{transform:rotate3d(1,1,1,360deg)}}@keyframes float-break{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-30px) rotate(5deg) scale(1.1)}}@keyframes spin-chore{0%{transform:rotateX(0) rotate(0)}to{transform:rotateX(360deg) rotate(360deg)}}@keyframes flip-review{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes pulse-rest{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.animate-rotate-study{animation:rotate-study 20s linear infinite}.animate-float-break{animation:float-break 8s ease-in-out infinite}.animate-spin-chore{animation:spin-chore 15s linear infinite}.animate-flip-review{animation:flip-review 10s ease-in-out infinite}.animate-pulse-rest{animation:pulse-rest 6s ease-in-out infinite}.shape-face{position:absolute;width:100%;height:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.shape-face.front{transform:translateZ(12rem)}.shape-face.back{transform:rotateY(180deg) translateZ(12rem)}.shape-face.right{transform:rotateY(90deg) translateZ(12rem)}.shape-face.left{transform:rotateY(-90deg) translateZ(12rem)}.shape-face.top{transform:rotateX(90deg) translateZ(12rem)}.shape-face.bottom{transform:rotateX(-90deg) translateZ(12rem)}