@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{-webkit-tap-highlight-color:transparent;touch-action:manipulation;height:100%}body{@apply text-gray-900 antialiased;background:linear-gradient(135deg,#fff1f2,#fef6ee);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100%;margin:0;padding:0}#root{height:100%}}@layer components{.card{@apply bg-white rounded-xl shadow-soft p-6 transition-all duration-300;@apply hover:shadow-hover;touch-action:pan-y pinch-zoom}.btn{@apply px-4 py-2 rounded-lg font-medium transition-all duration-150;@apply focus:outline-none focus:ring-2 focus:ring-offset-2;min-height:44px}.btn-primary{@apply btn bg-primary-500 text-white;@apply hover:bg-primary-600 focus:ring-primary-500;}.btn-secondary{@apply bg-gray-200 text-gray-800 hover:bg-gray-300;}.input{@apply w-full px-4 py-2 rounded-lg border border-gray-300;@apply focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent;min-height:44px}.mobile-safe-area{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.swipe-card{@apply bg-white rounded-xl shadow-lg;width:100%;height:100%;position:relative;transition:transform .3s ease-out;touch-action:pan-y pinch-zoom}.swipe-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.75rem;pointer-events:none;transition:opacity .2s ease-out}.swipe-card-overlay.like{background:linear-gradient(45deg,#22c55e1a,#22c55e33);border:2px solid rgba(34,197,94,.3)}.swipe-card-overlay.dislike{background:linear-gradient(45deg,#ef44441a,#ef444433);border:2px solid rgba(239,68,68,.3)}.bottom-nav{@apply fixed bottom-0 left-0 right-0 bg-white border-t border-gray-200;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 640px){.container{padding-left:1rem;padding-right:1rem}.card{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-gray-100;}::-webkit-scrollbar-thumb{@apply bg-gray-300 rounded-full;@apply hover:bg-gray-400;}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.loading-spinner{@apply animate-spin rounded-full border-4 border-gray-200;border-top-color:theme("colors.primary.500");width:2rem;height:2rem}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}