@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");:root{--primary:var(--color-primary,#00BFFF);--background-light:#f5f7f8;--background-dark:var(--color-bg-primary,#000000);--secondary:var(--color-secondary,#8A2BE2);--white:#ffffff;--gray-50:rgba(255,255,255,0.05);--gray-100:rgba(255,255,255,0.1);--gray-200:rgba(255,255,255,0.2);--gray-300:rgba(255,255,255,0.3);--gray-500:rgba(255,255,255,0.5)}*{box-sizing:border-box}#__next,body,html{min-height:100vh;min-height:-webkit-fill-available}#__next,body,html{background-color:var(--color-bg-primary,#000000)}body{min-height:max(884px,100dvh);font-family:Space Grotesk,sans-serif;color:var(--color-text-primary,#ffffff);margin:0;padding:0 0 env(safe-area-inset-bottom)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.nav-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background-color:black;border:1px solid var(--gray-100);border-radius:.75rem;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.nav-tile:hover{background-color:rgba(0,191,255,.1);border-color:var(--primary)}.nav-tile[data-section=forum]:hover,.nav-tile[data-section=vault]:hover{background-color:rgba(138,43,226,.2);border-color:var(--secondary)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.hidden{display:none}.modal-content{background-color:black;border:1px solid rgba(0,191,255,.3);border-radius:.75rem;max-width:28rem;width:100%;max-height:80vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--gray-100)}.modal-close{color:var(--white);font-size:1.5rem;cursor:pointer;transition:color .3s ease;background:none;border:none}.modal-close:hover{color:var(--primary)}.create-btn,.modal-body{padding:1rem}.create-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:black;border:1px solid var(--gray-100);border-radius:.5rem;cursor:pointer;transition:border-color .3s ease}.create-btn:hover{border-color:var(--primary)}.toast{position:fixed;top:1rem;right:1rem;background-color:black;border:1px solid rgba(0,191,255,.3);color:var(--white);padding:.75rem 1rem;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:60;transition:opacity .3s ease}.toast.success{border-color:rgba(34,197,94,.3)}.toast.error{border-color:rgba(239,68,68,.3)}.fade-in{animation:fadeIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:scaleIn .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.animate-slideDown{animation:slideDown .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}@keyframes floatUp{0%{transform:translateY(0) translateX(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(-50%);opacity:0}}.shadow-glow{box-shadow:0 0 15px 0 rgba(0,191,255,.5)}.shadow-glow-secondary{box-shadow:0 0 15px 0 rgba(138,43,226,.5)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) rgba(15,15,25,.4)}::-webkit-scrollbar-track{background:rgba(15,15,25,.4);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.5);-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.7)}::-webkit-scrollbar-corner{background:rgba(15,15,25,.4)}.forum-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:black;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:white;font-size:.875rem;white-space:nowrap;cursor:pointer;transition:all .3s ease}.forum-tab.active,.forum-tab:hover{border-color:var(--secondary)}.forum-tab.active{background-color:var(--secondary)}.forum-tab .badge{background-color:rgba(255,255,255,.2);padding:.125rem .375rem;border-radius:9999px;font-size:.75rem}.trending-topic{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:black;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:white;font-size:.875rem;white-space:nowrap;cursor:pointer;transition:all .3s ease}.trending-topic:hover{border-color:var(--secondary)}.topic-count{color:var(--secondary);font-weight:600}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background-color:black;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:white;font-size:.875rem;white-space:nowrap;cursor:pointer;transition:all .3s ease}.tool-btn.active,.tool-btn:hover{border-color:var(--primary)}.tool-btn.active{background-color:rgba(0,191,255,.2)}.color-swatch{width:2.5rem;height:2.5rem;border-radius:.5rem;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:white;box-shadow:0 0 10px rgba(255,255,255,.5)}.timeline-ruler{position:relative;height:48px;background:linear-gradient(180deg,#1f2937,#000000);border-bottom:1px solid rgba(255,255,255,.1);cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.timeline-ruler:hover{background:linear-gradient(180deg,#2d3748,#000000)}.timeline-bar-marker{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.timeline-bar-line{width:1px;height:12px;background-color:rgba(0,212,255,.6);margin-bottom:4px}.timeline-bar-number{font-size:9px;color:rgba(0,212,255,.8);font-family:Courier New,monospace;font-weight:700;white-space:nowrap}.timeline-beat-marker{width:1px;height:8px;background-color:rgba(255,255,255,.2)}.timeline-beat-marker,.timeline-playhead{position:absolute;bottom:0;pointer-events:none}.timeline-playhead{top:0;width:2px;background-color:#00d4ff;z-index:10;box-shadow:0 0 8px rgba(0,212,255,.6)}.timeline-playhead:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);width:12px;height:12px;background-color:#00d4ff;box-shadow:0 0 10px rgba(0,212,255,.8)}.timeline-hover-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,212,255,.4),transparent);pointer-events:none;opacity:0;transition:opacity .2s ease}.timeline-ruler:hover .timeline-hover-line{opacity:1}.timeline-ruler:active{background:linear-gradient(180deg,#374151,#000000)}.timeline-container{scroll-behavior:smooth}.timeline-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#00d4ff;padding:4px 8px;border-radius:4px;font-size:10px;font-family:monospace;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:20}.timeline-bar-marker:hover .timeline-tooltip{opacity:1}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slideInLeft{animation:slideInLeft .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.low-end-device *{animation:none!important;transition:none!important}.low-end-device{--tw-blur:none;--tw-backdrop-blur:none;--tw-shadow:none;--tw-drop-shadow:none}.low-end-device .backdrop-blur,.low-end-device .backdrop-blur-lg,.low-end-device .backdrop-blur-md,.low-end-device .backdrop-blur-sm,.low-end-device .backdrop-blur-xl{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.low-end-device .shadow-2xl,.low-end-device .shadow-glow,.low-end-device .shadow-glow-blue,.low-end-device .shadow-glow-gold,.low-end-device .shadow-lg,.low-end-device .shadow-xl{box-shadow:none!important}.low-end-device .blur,.low-end-device .blur-lg,.low-end-device .blur-md,.low-end-device .blur-sm{filter:none!important}.low-end-device .animated-gradient,.low-end-device .particle,.low-end-device .particles{display:none!important}.mobile-device{-webkit-overflow-scrolling:touch}.mobile-device img{transform:translateZ(0);-webkit-transform:translateZ(0)}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.hover\\:scale-105:hover,.hover\\:scale-110:hover,.transform{will-change:transform;transform:translateZ(0)}}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.low-end-device .skeleton{animation:none;background:rgba(255,255,255,.05)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.scroll-container{contain:layout style paint}.gpu-accelerated{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}@supports (padding-top:env(safe-area-inset-top)){.pt-safe{padding-top:max(env(safe-area-inset-top),0px)}.pb-safe{padding-bottom:max(env(safe-area-inset-bottom),0px)}.pl-safe{padding-left:max(env(safe-area-inset-left),0px)}.pr-safe,.px-safe{padding-right:max(env(safe-area-inset-right),0px)}.px-safe{padding-left:max(env(safe-area-inset-left),0px)}.py-safe{padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px)}.p-safe{padding:max(env(safe-area-inset-top),0px) max(env(safe-area-inset-right),0px) max(env(safe-area-inset-bottom),0px) max(env(safe-area-inset-left),0px)}.pt-safe-4{padding-top:calc(1rem + max(env(safe-area-inset-top), 0px))}.pb-safe-4{padding-bottom:calc(1rem + max(env(safe-area-inset-bottom), 0px))}.sticky-header-safe{top:env(safe-area-inset-top)}.fixed-bottom-safe{bottom:env(safe-area-inset-bottom)}}input[type=range].slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);cursor:pointer;box-shadow:0 2px 8px rgba(6,182,212,.5);-webkit-transition:all .2s;transition:all .2s}input[type=range].slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(6,182,212,.7)}input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#8b5cf6);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(6,182,212,.5);-moz-transition:all .2s;transition:all .2s}input[type=range].slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px rgba(6,182,212,.7)}input[type=range].slider::-webkit-slider-runnable-track{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.1)}input[type=range].slider::-moz-range-track{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.1)}.text-neon-cyan{color:#00ffff!important;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.3)}.text-neon-purple{color:#b967ff!important;text-shadow:0 0 10px rgba(138,43,226,.8),0 0 20px rgba(138,43,226,.5),0 0 30px rgba(138,43,226,.3)}.text-neon-pink{color:#ff0080!important;text-shadow:0 0 10px rgba(255,0,128,.8),0 0 20px rgba(255,0,128,.5),0 0 30px rgba(255,0,128,.3)}.border-neon-cyan{border-color:rgba(0,255,255,.6)!important;box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1)}.border-neon-purple{border-color:rgba(138,43,226,.6)!important;box-shadow:0 0 10px rgba(138,43,226,.5),0 0 20px rgba(138,43,226,.3),inset 0 0 20px rgba(138,43,226,.1)}.bg-neon-glow-cyan{background:rgba(0,255,255,.1)!important;box-shadow:0 0 20px rgba(0,255,255,.3),inset 0 0 40px rgba(0,255,255,.1)}.bg-neon-glow-purple{background:rgba(138,43,226,.1)!important;box-shadow:0 0 20px rgba(138,43,226,.3),inset 0 0 40px rgba(138,43,226,.1)}.hover-glow-cyan:hover{box-shadow:0 0 20px rgba(0,255,255,.6),0 0 40px rgba(0,255,255,.4),inset 0 0 30px rgba(0,255,255,.2)}.hover-glow-cyan:hover,.hover-glow-purple:hover{transform:translateY(-2px);transition:all .3s ease}.hover-glow-purple:hover{box-shadow:0 0 20px rgba(138,43,226,.6),0 0 40px rgba(138,43,226,.4),inset 0 0 30px rgba(138,43,226,.2)}@keyframes neonPulseCyan{0%,to{box-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3)}50%{box-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.5),0 0 60px rgba(0,255,255,.3)}}@keyframes neonPulsePurple{0%,to{box-shadow:0 0 10px rgba(138,43,226,.5),0 0 20px rgba(138,43,226,.3)}50%{box-shadow:0 0 20px rgba(138,43,226,.8),0 0 40px rgba(138,43,226,.5),0 0 60px rgba(138,43,226,.3)}}.pulse-neon-cyan{animation:neonPulseCyan 2s ease-in-out infinite}.pulse-neon-purple{animation:neonPulsePurple 2s ease-in-out infinite}@keyframes iconGlowCyan{0%,to{filter:drop-shadow(0 0 8px rgba(0,255,255,.8))}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,1))}}@keyframes iconGlowPurple{0%,to{filter:drop-shadow(0 0 8px rgba(138,43,226,.8))}50%{filter:drop-shadow(0 0 15px rgba(138,43,226,1))}}.icon-glow-cyan{animation:iconGlowCyan 2s ease-in-out infinite}.icon-glow-purple{animation:iconGlowPurple 2s ease-in-out infinite}.btn-neon-cyan{background:rgba(0,255,255,.1);border:2px solid rgba(0,255,255,.5);color:#00ffff;text-shadow:0 0 10px rgba(0,255,255,.8);box-shadow:0 0 15px rgba(0,255,255,.3),inset 0 0 20px rgba(0,255,255,.1);transition:all .3s ease}.btn-neon-cyan:hover{background:rgba(0,255,255,.2);border-color:rgba(0,255,255,.8);box-shadow:0 0 25px rgba(0,255,255,.6),0 0 50px rgba(0,255,255,.4),inset 0 0 30px rgba(0,255,255,.2);transform:translateY(-2px)}.btn-neon-purple{background:rgba(138,43,226,.1);border:2px solid rgba(138,43,226,.5);color:#b967ff;text-shadow:0 0 10px rgba(138,43,226,.8);box-shadow:0 0 15px rgba(138,43,226,.3),inset 0 0 20px rgba(138,43,226,.1);transition:all .3s ease}.btn-neon-purple:hover{background:rgba(138,43,226,.2);border-color:rgba(138,43,226,.8);box-shadow:0 0 25px rgba(138,43,226,.6),0 0 50px rgba(138,43,226,.4),inset 0 0 30px rgba(138,43,226,.2);transform:translateY(-2px)}.card-neon-glow{background:rgba(10,10,20,.9);border:2px solid rgba(0,255,255,.4);border-radius:12px;box-shadow:0 0 20px rgba(0,255,255,.3),0 0 40px rgba(138,43,226,.2),inset 0 0 60px rgba(0,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card-neon-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s}.card-neon-glow:hover:before{left:100%}.card-neon-glow:hover{border-color:rgba(138,43,226,.6);box-shadow:0 0 30px rgba(0,255,255,.5),0 0 60px rgba(138,43,226,.4),inset 0 0 80px rgba(0,255,255,.1)}.divider-neon-cyan{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8) 50%,transparent);box-shadow:0 0 10px rgba(0,255,255,.6)}.divider-neon-purple{height:2px;background:linear-gradient(90deg,transparent,rgba(138,43,226,.8) 50%,transparent);box-shadow:0 0 10px rgba(138,43,226,.6)}.progress-neon-cyan{background:rgba(0,0,0,.5);border:1px solid rgba(0,255,255,.3);border-radius:10px;overflow:hidden;position:relative}.progress-neon-cyan .progress-fill{background:linear-gradient(90deg,rgba(0,255,255,.6),rgba(0,255,255,.9));box-shadow:0 0 20px rgba(0,255,255,.8),inset 0 0 20px rgba(0,255,255,.3);height:100%;transition:width .3s ease}.input-neon-cyan{background:rgba(0,0,0,.6);border:2px solid rgba(0,255,255,.4);border-radius:8px;color:#00ffff;padding:8px 12px;box-shadow:0 0 10px rgba(0,255,255,.2),inset 0 0 20px rgba(0,255,255,.05);transition:all .3s ease}.input-neon-cyan:focus{outline:none;border-color:rgba(0,255,255,.8);box-shadow:0 0 20px rgba(0,255,255,.5),0 0 40px rgba(0,255,255,.3),inset 0 0 30px rgba(0,255,255,.1)}.neon-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) rgba(15,15,25,.4)}.neon-scrollbar::-webkit-scrollbar{width:8px;height:8px}.neon-scrollbar::-webkit-scrollbar-track{background:rgba(15,15,25,.4);border-radius:4px}.neon-scrollbar::-webkit-scrollbar-thumb{background:rgba(139,92,246,.5);border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.neon-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.7)}.active-glow-cyan{box-shadow:0 0 15px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4),inset 0 0 20px rgba(0,255,255,.2)}.active-glow-purple{box-shadow:0 0 15px rgba(138,43,226,.6),0 0 30px rgba(138,43,226,.4),inset 0 0 20px rgba(138,43,226,.2)}.text-cyan-400,.text-cyan-500{text-shadow:0 0 8px rgba(6,182,212,.6)}.border-cyan-500{box-shadow:0 0 10px rgba(6,182,212,.4)}.text-purple-400,.text-purple-500{text-shadow:0 0 8px rgba(168,85,247,.6)}.border-purple-500{box-shadow:0 0 10px rgba(168,85,247,.4)}body{color:var(--color-text-primary)!important;transition:background-color .5s ease,color .5s ease}#__next,body{background-color:var(--color-bg-primary)!important}#__next{min-height:100vh}.bg-\[#000000\],.bg-\[#050506\],.bg-\[#0a0a0f\],.bg-black,.page-container,[class*="bg-[#000"],[class*="bg-[#0a0a0f"],[class*=bg-black],[class*=min-h-screen],main{background-color:var(--color-bg-primary)!important}.bg-black\/80,.bg-black\/90,.bg-black\/95{background-color:rgb(from var(--color-bg-primary) r g b/.9)!important}.border-\[#00BFFF\],.border-cyan-500,.text-\[#00BFFF\],.text-cyan-500{color:var(--color-primary)!important;border-color:var(--color-primary)!important}.border-\[#8A2BE2\],.border-purple-500,.text-\[#8A2BE2\],.text-purple-500{color:var(--color-secondary)!important;border-color:var(--color-secondary)!important}body.theme-transitioning *{transition:background-color .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),opacity .3s ease-out!important}:root{--color-primary:#00BFFF;--color-primary-dark:#0099cc;--color-primary-light:#5DADE2;--color-secondary:#8A2BE2;--color-secondary-dark:#6A0DAD;--color-secondary-light:#A855F7;--color-accent:#FF10F0;--color-accent-alt:#00FFFF;--color-bg-primary:#000000;--color-bg-secondary:#0a0a0f;--color-bg-tertiary:#1a1a2e;--color-bg-card:#0f0f1e;--color-surface:rgba(255,255,255,0.05);--color-surface-hover:rgba(255,255,255,0.1);--color-surface-active:rgba(0,191,255,0.15);--color-text-primary:#ffffff;--color-text-secondary:rgba(255,255,255,0.7);--color-text-muted:rgba(255,255,255,0.4);--color-text-disabled:rgba(255,255,255,0.2);--color-border:rgba(255,255,255,0.1);--color-border-hover:rgba(0,191,255,0.3);--color-border-active:rgba(0,191,255,0.5);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-gradient-primary:linear-gradient(135deg,#00BFFF,#8A2BE2);--color-gradient-secondary:linear-gradient(135deg,#FF10F0,#00FFFF);--color-gradient-background:linear-gradient(180deg,#000000,#0a0a0f);--shadow-sm:0 2px 4px rgba(0,191,255,0.1);--shadow-md:0 4px 8px rgba(0,191,255,0.2);--shadow-lg:0 8px 16px rgba(0,191,255,0.3);--shadow-xl:0 12px 24px rgba(0,191,255,0.4);--shadow-glow:0 0 20px rgba(0,191,255,0.6);--shadow-glow-large:0 0 40px rgba(0,191,255,0.5);--effect-blur:10px;--effect-blur-large:20px;--effect-border-radius:12px;--effect-border-radius-large:24px}.bg-theme-primary{background-color:var(--color-primary)!important}.bg-theme-secondary{background-color:var(--color-secondary)!important}.bg-theme-accent{background-color:var(--color-accent)!important}.bg-theme-surface{background-color:var(--color-surface)!important}.bg-theme-card{background-color:var(--color-bg-card)!important}.text-theme-primary{color:var(--color-primary)!important}.text-theme-secondary{color:var(--color-secondary)!important}.text-theme-accent{color:var(--color-accent)!important}.border-theme-primary{border-color:var(--color-border)!important}.border-theme-hover{border-color:var(--color-border-hover)!important}.border-theme-active{border-color:var(--color-border-active)!important}.bg-gradient-theme-primary{background:var(--color-gradient-primary)!important}.bg-gradient-theme-secondary{background:var(--color-gradient-secondary)!important}.shadow-theme-sm{box-shadow:var(--shadow-sm)!important}.shadow-theme-md{box-shadow:var(--shadow-md)!important}.shadow-theme-lg{box-shadow:var(--shadow-lg)!important}.shadow-theme-glow{box-shadow:var(--shadow-glow)!important}.glow-theme-primary{box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary)}.glow-theme-secondary{box-shadow:0 0 20px var(--color-secondary),0 0 40px var(--color-secondary)}.glow-theme-accent{box-shadow:0 0 20px var(--color-accent),0 0 40px var(--color-accent)}.hover-glow-theme:hover{box-shadow:0 0 25px var(--color-primary),0 0 50px var(--color-primary);transition:box-shadow .3s ease}.gradient-text-theme{background:var(--color-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-theme-primary{background:var(--color-gradient-primary);color:var(--color-text-primary);border:none;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-theme-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-theme-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border-hover);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-theme-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.card-theme{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--effect-border-radius);-webkit-backdrop-filter:blur(var(--effect-blur));backdrop-filter:blur(var(--effect-blur));transition:all .3s cubic-bezier(.4,0,.2,1)}.card-theme:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-theme-glow{background:var(--color-bg-card);border:1px solid var(--color-border-hover);border-radius:var(--effect-border-radius);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(var(--effect-blur));backdrop-filter:blur(var(--effect-blur))}.input-theme{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--effect-border-radius);padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-theme:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-surface-active)}.input-theme::placeholder{color:var(--color-text-muted)}.backdrop-blur-theme{backdrop-filter:blur(var(--effect-blur));-webkit-backdrop-filter:blur(var(--effect-blur))}.backdrop-blur-theme-large{backdrop-filter:blur(var(--effect-blur-large));-webkit-backdrop-filter:blur(var(--effect-blur-large))}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-theme{background:var(--color-gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-theme{position:relative;overflow:hidden}.ripple-theme:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--color-primary);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.ripple-theme:active:after{animation:ripple .6s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:var(--color-bg-primary)}::-moz-selection{background:var(--color-primary);color:var(--color-bg-primary)}