@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-bg-base: #ffe682;--color-bg-surface: #fff1af;--color-text-base: #1E293B;--color-text-muted: #64748B;--color-border-subtle: #FDE68A;--color-primary: #ca8a04;--color-primary-light: #fef08a;--color-primary-border: #fde047;--color-bg-gradient: radial-gradient(circle at 100% 0%, rgba(14, 165, 233, .05), transparent 40vw)}.dark{--color-bg-base: #020617;--color-bg-surface: #0f172a;--color-text-base: #f8fafc;--color-text-muted: #94a3b8;--color-border-subtle: #1e293b;--color-primary: #eab308;--color-primary-light: rgba(234, 179, 8, .1);--color-primary-border: rgba(234, 179, 8, .2);--color-bg-gradient: radial-gradient(circle at 50% 0%, rgba(234, 179, 8, .03), transparent 60vw)}body{background-color:var(--color-bg-base);color:var(--color-text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.015em;line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;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)}::selection{background:var(--color-primary-light);color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{@apply tracking-tight font-semibold text-balance;}input,textarea{@apply transition-all duration-200 outline-none placeholder-slate-400 dark:placeholder-slate-600;}input:focus,textarea:focus{@apply ring-2 ring-primary/20 border-primary outline-none;}}[data-theme=sunshine]{--color-bg-base: #ffe682;--color-bg-surface: #fff1af;--color-text-base: #422006;--color-border-subtle: #FDE047;--color-primary: #A16207;--color-primary-light: #FEF08A;--color-primary-border: #FDE047}.dark[data-theme=sunshine]{--color-bg-base: #000000;--color-bg-surface: #111111;--color-text-base: #FEF08A;--color-primary: #FACC15;--color-primary-light: rgba(250, 204, 21, .1);--color-primary-border: rgba(250, 204, 21, .2)}[data-theme=rose]{--color-bg-base: #FDA4AF;--color-bg-surface: #FECDD3;--color-text-base: #4C0519;--color-border-subtle: #FB7185;--color-primary: #BE123C;--color-primary-light: #ffe4e6;--color-primary-border: #fecdd3}.dark[data-theme=rose]{--color-bg-base: #4C0519;--color-bg-surface: #881337;--color-text-base: #FECDD3;--color-primary: #FB7185;--color-primary-light: rgba(251, 113, 133, .1);--color-primary-border: rgba(251, 113, 133, .2)}[data-theme=ocean]{--color-bg-base: #7DD3FC;--color-bg-surface: #BAE6FD;--color-text-base: #082F49;--color-border-subtle: #38BDF8;--color-primary: #0369A1;--color-primary-light: #e0f2fe;--color-primary-border: #bae6fd}.dark[data-theme=ocean]{--color-bg-base: #082F49;--color-bg-surface: #0C4A6E;--color-text-base: #BAE6FD;--color-primary: #38BDF8;--color-primary-light: rgba(56, 189, 248, .1);--color-primary-border: rgba(56, 189, 248, .2)}[data-theme=forest]{--color-bg-base: #6EE7B7;--color-bg-surface: #A7F3D0;--color-text-base: #022C22;--color-border-subtle: #34D399;--color-primary: #047857;--color-primary-light: #d1fae5;--color-primary-border: #a7f3d0}.dark[data-theme=forest]{--color-bg-base: #022C22;--color-bg-surface: #064E3B;--color-text-base: #A7F3D0;--color-primary: #34D399;--color-primary-light: rgba(52, 211, 153, .1);--color-primary-border: rgba(52, 211, 153, .2)}[data-theme=sunset]{--color-bg-base: #FDBA74;--color-bg-surface: #FED7AA;--color-text-base: #431407;--color-border-subtle: #FB923C;--color-primary: #C2410C;--color-primary-light: #ffedd5;--color-primary-border: #fed7aa}.dark[data-theme=sunset]{--color-bg-base: #431407;--color-bg-surface: #7C2D12;--color-text-base: #FED7AA;--color-primary: #FB923C;--color-primary-light: rgba(251, 146, 60, .1);--color-primary-border: rgba(251, 146, 60, .2)}[data-theme=lavender]{--color-bg-base: #C4B5FD;--color-bg-surface: #DDD6FE;--color-text-base: #2E1065;--color-border-subtle: #A78BFA;--color-primary: #6D28D9;--color-primary-light: #ede9fe;--color-primary-border: #ddd6fe}.dark[data-theme=lavender]{--color-bg-base: #2E1065;--color-bg-surface: #4C1D95;--color-text-base: #DDD6FE;--color-primary: #A78BFA;--color-primary-light: rgba(167, 139, 250, .1);--color-primary-border: rgba(167, 139, 250, .2)}[data-theme=cyberpunk]{--color-bg-base: #67E8F9;--color-bg-surface: #A5F3FC;--color-text-base: #083344;--color-border-subtle: #22D3EE;--color-primary: #0E7490;--color-primary-light: #cffafe;--color-primary-border: #a5f3fc}.dark[data-theme=cyberpunk]{--color-bg-base: #083344;--color-bg-surface: #164E63;--color-text-base: #A5F3FC;--color-primary: #22D3EE;--color-primary-light: rgba(34, 211, 238, .1);--color-primary-border: rgba(34, 211, 238, .2)}[data-theme=midnight]{--color-bg-base: #A5B4FC;--color-bg-surface: #C7D2FE;--color-text-base: #1E1B4B;--color-border-subtle: #818CF8;--color-primary: #4338CA;--color-primary-light: #e0e7ff;--color-primary-border: #c7d2fe}.dark[data-theme=midnight]{--color-bg-base: #1E1B4B;--color-bg-surface: #312E81;--color-text-base: #C7D2FE;--color-primary: #818CF8;--color-primary-light: rgba(129, 140, 248, .1);--color-primary-border: rgba(129, 140, 248, .2)}[data-theme=coffee]{--color-bg-base: #FCD34D;--color-bg-surface: #FDE68A;--color-text-base: #451A03;--color-border-subtle: #FBBF24;--color-primary: #B45309;--color-primary-light: #fefce8;--color-primary-border: #fde047}.dark[data-theme=coffee]{--color-bg-base: #451A03;--color-bg-surface: #78350F;--color-text-base: #FDE68A;--color-primary: #FBBF24;--color-primary-light: rgba(251, 191, 36, .1);--color-primary-border: rgba(251, 191, 36, .2)}[data-theme=royal]{--color-bg-base: #D8B4FE;--color-bg-surface: #E9D5FF;--color-text-base: #3B0764;--color-border-subtle: #C084FC;--color-primary: #7E22CE;--color-primary-light: #f3e8ff;--color-primary-border: #e9d5ff}.dark[data-theme=royal]{--color-bg-base: #3B0764;--color-bg-surface: #581C87;--color-text-base: #E9D5FF;--color-primary: #C084FC;--color-primary-light: rgba(192, 132, 252, .1);--color-primary-border: rgba(192, 132, 252, .2)}[data-theme=ethereal]{--color-bg-base: #5EEAD4;--color-bg-surface: #99F6E4;--color-text-base: #042F2E;--color-border-subtle: #2DD4BF;--color-primary: #0F766E;--color-primary-light: #ccfbf1;--color-primary-border: #99f6e4}.dark[data-theme=ethereal]{--color-bg-base: #042F2E;--color-bg-surface: #115E59;--color-text-base: #99F6E4;--color-primary: #2DD4BF;--color-primary-light: rgba(45, 212, 191, .1);--color-primary-border: rgba(45, 212, 191, .2)}[data-theme=sapphire]{--color-bg-base: #93C5FD;--color-bg-surface: #BFDBFE;--color-text-base: #172554;--color-border-subtle: #60A5FA;--color-primary: #1D4ED8;--color-primary-light: #dbeafe;--color-primary-border: #bfdbfe}.dark[data-theme=sapphire]{--color-bg-base: #172554;--color-bg-surface: #1E3A8A;--color-text-base: #BFDBFE;--color-primary: #60A5FA;--color-primary-light: rgba(96, 165, 250, .1);--color-primary-border: rgba(96, 165, 250, .2)}.animate-flicker{animation:flicker 4s infinite alternate cubic-bezier(.45,.05,.55,.95)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}.animate-float{animation:float 8s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.perspective-1000{perspective:1000px}@keyframes lightning{0%,95%,98%,to{opacity:0}96%,99%{opacity:1;overflow:hidden}}@keyframes cloud-pan-right{0%{background-position:0px 0px}to{background-position:1000px 0px}}@keyframes cloud-pan-left{0%{background-position:1000px 0px}to{background-position:0px 0px}}@keyframes particle-float-up{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-100vh);opacity:0}}@keyframes float-stardust{0%{background-position:0px 0px}to{background-position:0px -2000px}}.preserve-3d{transform-style:preserve-3d}.glass-panel{@apply bg-white/70 dark:bg-slate-900/70 backdrop-blur-md border border-slate-200/50 dark:border-slate-800/50 shadow-sm rounded-xl;}