@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{color-scheme:light dark;supported-color-schemes:light dark}html{font-family:Inter,system-ui,sans-serif}html.dark{color-scheme:dark}body{@apply bg-gradient-to-br from-indigo-50 via-purple-50 to-teal-50 dark:from-gray-900 dark:via-purple-900 dark:to-gray-900;@apply text-gray-900 dark:text-white;@apply antialiased;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)}}@layer components{.glass-card{@apply bg-white/70 dark:bg-gray-800/70 backdrop-blur-xl border border-white/20 dark:border-gray-700/30 rounded-2xl shadow-xl;}.glass-button{@apply bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm border border-white/30 dark:border-gray-700/30 hover:bg-white/90 dark:hover:bg-gray-700/90 transition-all duration-200;}.gradient-text{@apply bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent;}.input-base{@apply bg-white/70 dark:bg-gray-700/70 backdrop-blur-sm border border-gray-200/50 dark:border-gray-600/50 focus:ring-2 focus:ring-blue-500/50 focus:border-blue-500/50 transition-all duration-200;}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{@apply bg-gray-100 dark:bg-gray-800;border-radius:3px}::-webkit-scrollbar-thumb{@apply bg-gray-300 dark:bg-gray-600;border-radius:3px}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400 dark:bg-gray-500;}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.dark .shimmer{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px}pre code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.mobile-hidden{display:none}}.glass-morphism{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e}.dark .glass-morphism{background:#1119284d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.btn-primary{@apply bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-semibold py-3 px-6 rounded-xl transition-all duration-200 transform hover:scale-[1.02] active:scale-[.98] shadow-lg;}.btn-secondary{@apply bg-gradient-to-r from-gray-100 to-gray-200 dark:from-gray-700 dark:to-gray-800 hover:from-gray-200 hover:to-gray-300 dark:hover:from-gray-600 dark:hover:to-gray-700 text-gray-900 dark:text-white font-semibold py-3 px-6 rounded-xl transition-all duration-200 transform hover:scale-[1.02] active:scale-[.98] shadow-lg;}.loading{pointer-events:none;opacity:.7}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}