@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-transition: background-color 1.5s cubic-bezier(.4, 0, .2, 1), color 1.5s cubic-bezier(.4, 0, .2, 1), border-color 1.5s ease;--bg-page: #050505;--bg-card: rgba(10, 5, 20, .6);--bg-card-strong: rgba(5, 2, 10, .8);--bg-card-soft: rgba(10, 5, 20, .3);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #9ca3af;--accent: #00f3ff;--accent-soft: rgba(0, 243, 255, .2);--accent-glow: rgba(0, 243, 255, .5);--border-subtle: rgba(255, 255, 255, .08);--shadow-soft: 0 8px 32px 0 rgba(0, 0, 0, .3)}body.ethereal-mode{--bg-page: #f0f9ff;--bg-card: rgba(255, 255, 255, .9);--bg-card-strong: rgba(255, 255, 255, .95);--bg-card-soft: rgba(255, 255, 255, .8);--text-primary: #111827;--text-secondary: #334155;--text-muted: #64748b;--accent: #0284c7;--accent-soft: rgba(2, 132, 199, .1);--accent-glow: rgba(2, 132, 199, .3);--border-subtle: rgba(148, 163, 184, .2);--shadow-soft: 0 10px 40px -10px rgba(148, 163, 184, .3)}body{background-color:var(--bg-page);color:var(--text-primary);overflow-x:hidden;transition:var(--bg-transition);font-family:Montserrat,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif;color:var(--text-primary)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);transition:var(--bg-transition)}.glass-panel-strong{background:var(--bg-card-strong);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border-subtle);transition:var(--bg-transition)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.border-subtle{border-color:var(--border-subtle)}.cosmic-scrollbar::-webkit-scrollbar{width:6px}.cosmic-scrollbar::-webkit-scrollbar-track{background:transparent}.cosmic-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:10px}.cosmic-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-soft);color:var(--text-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%{text-shadow:0 0 5px var(--accent-soft)}to{text-shadow:0 0 20px var(--accent-glow),0 0 10px var(--bg-card)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fogSlide{0%{transform:translate(-10%)}to{transform:translate(10%)}}@keyframes cloudMove{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}@keyframes ripple{0%{opacity:1;transform:scale(1);filter:blur(0px)}50%{opacity:.5;transform:scale(1.02);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-text{animation:glow 3s ease-in-out infinite alternate}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-ripple{animation:ripple .6s linear forwards}