@tailwind base;@tailwind components;@tailwind utilities;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cinematic-fade{0%{opacity:0;transform:scale(.95);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.2,.8,.2,1) forwards}.animate-blob{animation:blob 7s infinite}.animate-spin-slow{animation:spin-slow 12s linear infinite}.animate-cinematic{animation:cinematic-fade 1.5s ease-out forwards}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}:root{--glass-blur: 16px;--glass-saturate: 180%;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--transition-speed: .3s}.glass-panel,.bg-card-primary{background-color:var(--card-primary);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)}.glass-panel:hover,.bg-card-primary:hover{box-shadow:0 12px 48px #00000026;border-color:var(--accent-primary)}.glass-panel-heavy{background-color:var(--card-primary);backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid var(--glass-border);box-shadow:0 12px 64px #0003}.text-gradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(135deg,var(--text-primary),var(--text-secondary))}.hover-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.02)}.active-scale:active{transform:scale(.98)}.soft-pulse{animation:soft-pulse 4s infinite ease-in-out}@keyframes soft-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}input,select,textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);transition:all var(--transition-speed) ease;border-radius:.75rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11a;outline:none;background-color:var(--bg-primary)}:root,[data-theme=dark]{--bg-primary: #020617;--card-primary: rgba(15, 23, 42, .65);--bg-secondary: rgba(30, 41, 59, .5);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--border-primary: rgba(148, 163, 184, .1);--glass-border: rgba(255, 255, 255, .08);--accent-primary: #6366F1;--accent-hover: #4F46E5;--accent-text: #FFFFFF}[data-theme=light]{--bg-primary: #F8FAFC;--card-primary: rgba(255, 255, 255, .75);--bg-secondary: rgba(241, 245, 249, .8);--text-primary: #0F172A;--text-secondary: #64748B;--border-primary: rgba(148, 163, 184, .2);--glass-border: rgba(0, 0, 0, .05);--accent-primary: #4F46E5;--accent-hover: #4338CA;--accent-text: #FFFFFF}[data-theme=flame]{--bg-primary: #FFF7ED;--card-primary: rgba(255, 247, 237, .85);--bg-secondary: rgba(255, 237, 213, .6);--text-primary: #7C2D12;--text-secondary: #C2410C;--border-primary: rgba(251, 146, 60, .2);--glass-border: rgba(234, 88, 12, .1);--accent-primary: #EA580C;--accent-hover: #C2410C;--accent-text: #FFFFFF}[data-theme=pistachio]{--bg-primary: #F0FDF4;--card-primary: rgba(220, 252, 231, .85);--bg-secondary: rgba(187, 247, 208, .6);--text-primary: #14532D;--text-secondary: #15803D;--border-primary: rgba(74, 222, 128, .2);--glass-border: rgba(22, 163, 74, .1);--accent-primary: #16A34A;--accent-hover: #15803D;--accent-text: #FFFFFF}[data-theme=skyflash]{--bg-primary: #ECFEFF;--card-primary: rgba(207, 250, 254, .85);--bg-secondary: rgba(165, 243, 252, .6);--text-primary: #164E63;--text-secondary: #0891B2;--border-primary: rgba(34, 211, 238, .2);--glass-border: rgba(8, 145, 178, .1);--accent-primary: #0891B2;--accent-hover: #0E7490;--accent-text: #FFFFFF}[data-theme=blackNebula]{--bg-primary: #0B001F;--card-primary: rgba(19, 7, 36, .75);--bg-secondary: rgba(46, 16, 101, .4);--text-primary: #F3E8FF;--text-secondary: #C084FC;--border-primary: rgba(147, 51, 234, .25);--glass-border: rgba(168, 85, 247, .15);--accent-primary: #A855F7;--accent-hover: #9333EA;--accent-text: #FFFFFF}[data-theme=darkNight]{--bg-primary: #0F172A;--card-primary: rgba(30, 41, 59, .7);--bg-secondary: rgba(51, 65, 85, .5);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--border-primary: rgba(148, 163, 184, .15);--glass-border: rgba(255, 255, 255, .1);--accent-primary: #6366F1;--accent-hover: #4F46E5;--accent-text: #FFFFFF}[data-theme=alloy]{--bg-primary: #18181b;--card-primary: rgba(39, 39, 42, .7);--bg-secondary: rgba(63, 63, 70, .5);--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--border-primary: rgba(161, 161, 170, .15);--glass-border: rgba(255, 255, 255, .08);--accent-primary: #71717A;--accent-hover: #52525B;--accent-text: #FFFFFF}[data-theme=urbanBlack]{--bg-primary: #09090b;--card-primary: rgba(24, 24, 27, .75);--bg-secondary: rgba(39, 39, 42, .5);--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--border-primary: rgba(161, 161, 170, .12);--glass-border: rgba(255, 255, 255, .06);--accent-primary: #FFFFFF;--accent-hover: #E4E4E7;--accent-text: #000000}[data-theme=mistyOlive]{--bg-primary: #0a0a05;--card-primary: rgba(20, 20, 10, .7);--bg-secondary: rgba(40, 40, 20, .5);--text-primary: #E8E8D0;--text-secondary: #A8A890;--border-primary: rgba(168, 168, 144, .15);--glass-border: rgba(232, 232, 208, .08);--accent-primary: #84CC16;--accent-hover: #65A30D;--accent-text: #FFFFFF}[data-theme=midnightSea]{--bg-primary: #0C4A6E;--card-primary: rgba(14, 116, 144, .7);--bg-secondary: rgba(21, 94, 117, .5);--text-primary: #F0F9FF;--text-secondary: #7DD3FC;--border-primary: rgba(125, 211, 252, .2);--glass-border: rgba(240, 249, 255, .1);--accent-primary: #0EA5E9;--accent-hover: #0284C7;--accent-text: #FFFFFF}[data-theme=citrusGlow]{--bg-primary: #FEFCE8;--card-primary: rgba(254, 249, 195, .85);--bg-secondary: rgba(254, 240, 138, .6);--text-primary: #713F12;--text-secondary: #A16207;--border-primary: rgba(161, 98, 7, .2);--glass-border: rgba(113, 63, 18, .1);--accent-primary: #EAB308;--accent-hover: #CA8A04;--accent-text: #FFFFFF}[data-theme=slateIndigo]{--bg-primary: #312E81;--card-primary: rgba(67, 56, 202, .7);--bg-secondary: rgba(79, 70, 229, .4);--text-primary: #EEF2FF;--text-secondary: #C7D2FE;--border-primary: rgba(199, 210, 254, .2);--glass-border: rgba(238, 242, 255, .1);--accent-primary: #818CF8;--accent-hover: #6366F1;--accent-text: #FFFFFF}[data-theme=merlot]{--bg-primary: #4A044E;--card-primary: rgba(112, 26, 117, .75);--bg-secondary: rgba(134, 25, 143, .5);--text-primary: #FDF4FF;--text-secondary: #F0ABFC;--border-primary: rgba(240, 171, 252, .2);--glass-border: rgba(253, 244, 255, .1);--accent-primary: #D946EF;--accent-hover: #C026D3;--accent-text: #FFFFFF}[data-theme=arcticMist]{--bg-primary: #F8FAFC;--card-primary: rgba(248, 250, 252, .9);--bg-secondary: rgba(226, 232, 240, .7);--text-primary: #0F172A;--text-secondary: #475569;--border-primary: rgba(71, 85, 105, .2);--glass-border: rgba(15, 23, 42, .08);--accent-primary: #0EA5E9;--accent-hover: #0284C7;--accent-text: #FFFFFF}[data-theme=mauve]{--bg-primary: #FAF5FF;--card-primary: rgba(243, 232, 255, .85);--bg-secondary: rgba(233, 213, 255, .6);--text-primary: #581C87;--text-secondary: #7C3AED;--border-primary: rgba(124, 58, 237, .2);--glass-border: rgba(88, 28, 135, .1);--accent-primary: #A855F7;--accent-hover: #9333EA;--accent-text: #FFFFFF}[data-theme=eucalyptus]{--bg-primary: #ECFDF5;--card-primary: rgba(209, 250, 229, .85);--bg-secondary: rgba(167, 243, 208, .6);--text-primary: #064E3B;--text-secondary: #047857;--border-primary: rgba(4, 120, 87, .2);--glass-border: rgba(6, 78, 59, .1);--accent-primary: #10B981;--accent-hover: #059669;--accent-text: #FFFFFF}[data-theme=peachMist]{--bg-primary: #FFF1F2;--card-primary: rgba(255, 228, 230, .85);--bg-secondary: rgba(254, 205, 211, .6);--text-primary: #881337;--text-secondary: #BE123C;--border-primary: rgba(190, 18, 60, .2);--glass-border: rgba(136, 19, 55, .1);--accent-primary: #F43F5E;--accent-hover: #E11D48;--accent-text: #FFFFFF}[data-theme=steelMidnight]{--bg-primary: #172554;--card-primary: rgba(30, 58, 138, .75);--bg-secondary: rgba(30, 64, 175, .5);--text-primary: #EFF6FF;--text-secondary: #93C5FD;--border-primary: rgba(147, 197, 253, .2);--glass-border: rgba(239, 246, 255, .1);--accent-primary: #3B82F6;--accent-hover: #2563EB;--accent-text: #FFFFFF}[data-theme=vintage]{--bg-primary: #F5F5F4;--card-primary: rgba(231, 229, 228, .85);--bg-secondary: rgba(214, 211, 209, .6);--text-primary: #1C1917;--text-secondary: #57534E;--border-primary: rgba(87, 83, 78, .2);--glass-border: rgba(28, 25, 23, .08);--accent-primary: #78716C;--accent-hover: #57534E;--accent-text: #FFFFFF}[data-theme=burntRed]{--bg-primary: #450A0A;--card-primary: rgba(127, 29, 29, .75);--bg-secondary: rgba(153, 27, 27, .5);--text-primary: #FEF2F2;--text-secondary: #FCA5A5;--border-primary: rgba(252, 165, 165, .2);--glass-border: rgba(254, 242, 242, .1);--accent-primary: #EF4444;--accent-hover: #DC2626;--accent-text: #FFFFFF}[data-theme=pinkYogurt]{--bg-primary: #FDF2F8;--card-primary: rgba(252, 231, 243, .85);--bg-secondary: rgba(251, 207, 232, .6);--text-primary: #831843;--text-secondary: #BE185D;--border-primary: rgba(190, 24, 93, .2);--glass-border: rgba(131, 24, 67, .1);--accent-primary: #EC4899;--accent-hover: #DB2777;--accent-text: #FFFFFF}[data-theme=oblivion]{--bg-primary: #000000;--card-primary: rgba(10, 10, 10, .8);--bg-secondary: rgba(20, 20, 20, .6);--text-primary: #FFFFFF;--text-secondary: #A3A3A3;--border-primary: rgba(163, 163, 163, .15);--glass-border: rgba(255, 255, 255, .05);--accent-primary: #737373;--accent-hover: #525252;--accent-text: #FFFFFF}[data-theme=honeyBlaze]{--bg-primary: #FFFBEB;--card-primary: rgba(254, 243, 199, .85);--bg-secondary: rgba(253, 230, 138, .6);--text-primary: #78350F;--text-secondary: #B45309;--border-primary: rgba(180, 83, 9, .2);--glass-border: rgba(120, 53, 15, .1);--accent-primary: #F59E0B;--accent-hover: #D97706;--accent-text: #FFFFFF}[data-theme=stormbound]{--bg-primary: #1E293B;--card-primary: rgba(51, 65, 85, .7);--bg-secondary: rgba(71, 85, 105, .5);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--border-primary: rgba(148, 163, 184, .2);--glass-border: rgba(241, 245, 249, .1);--accent-primary: #64748B;--accent-hover: #475569;--accent-text: #FFFFFF}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-primary);transition:background-color .5s ease;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.stagger-children>*{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:50ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.text-shimmer{background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent-primary) 50%,var(--text-primary) 100%);background-size:1000px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #6366f14d,0 0 40px #6366f133,0 0 60px #6366f11a}50%{box-shadow:0 0 30px #6366f180,0 0 60px #6366f14d,0 0 90px #6366f133}}.glow-pulse{animation:glow-pulse 2s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.float-gentle{animation:float-gentle 6s ease-in-out infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}.card-tilt{transform-style:preserve-3d;transition:transform .3s ease}.card-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) scale(1.02)}.magnetic-button{position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}@keyframes gradient-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-border{position:relative;background:linear-gradient(90deg,var(--accent-primary),#a855f7,var(--accent-primary));background-size:200% 200%;animation:gradient-border 3s ease infinite;padding:2px;border-radius:inherit}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.reveal-up{animation:reveal-up .8s cubic-bezier(.22,1,.36,1) forwards}@keyframes particle-float{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) rotate(360deg);opacity:0}}.particle{position:absolute;pointer-events:none;animation:particle-float linear infinite}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#a855f7);z-index:9999;transition:width .1s ease-out}.glow-trail{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;z-index:1;transition:transform .15s ease-out}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.counter{animation:count-up .5s ease-out forwards}.perspective-container{perspective:1000px}@keyframes aurora{0%{transform:rotate(0) scale(1);opacity:.3}50%{transform:rotate(180deg) scale(1.2);opacity:.5}to{transform:rotate(360deg) scale(1);opacity:.3}}.aurora{animation:aurora 20s linear infinite;filter:blur(80px)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.typing-effect{overflow:hidden;border-right:2px solid var(--accent-primary);white-space:nowrap;animation:typing 3.5s steps(40,end),blink .75s step-end infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003}@keyframes gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text-animated{background:linear-gradient(90deg,var(--accent-primary),#a855f7,#ec4899,var(--accent-primary));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 5s ease infinite}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation:scale-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bounce-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55) forwards}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.tab-scroll{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;padding-bottom:4px}.tab-scroll::-webkit-scrollbar{display:none}@media(max-width:640px){button,[role=button],a{min-height:44px;min-width:44px}.glass-panel,.bg-card-primary{padding:1rem}}@media(min-width:768px)and (max-width:1023px){#sidebar-toggle{opacity:1!important}}@media(min-width:1024px){.glass-panel:hover,.bg-card-primary:hover{box-shadow:0 16px 64px #0000002e}}