@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce-subtle{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-primary-500)}50%{box-shadow:0 0 20px var(--color-primary-500),0 0 30px var(--color-primary-500)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:fade-in .4s ease-out}.animate-slide-in-right{animation:slide-in-right .4s ease-out}.animate-slide-in-left{animation:slide-in-left .4s ease-out}.animate-scale-in{animation:scale-in .3s ease-out}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200px 100%;background-repeat:no-repeat;animation:shimmer 2s infinite}.focus-ring{transition:all .2s ease-in-out}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-500),0 0 0 6px rgba(var(--color-primary-500),.2)}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background:linear-gradient(-45deg,var(--color-primary-400),var(--color-primary-600),var(--color-primary-500),var(--color-primary-700));background-size:400% 400%;animation:gradient-shift 6s ease infinite}button{transition:all .2s ease-in-out;position:relative;overflow:hidden}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-hover{transition:all .3s ease;position:relative}.card-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s}.card-hover:hover:before{transform:translate(100%)}@keyframes text-glow{0%,to{text-shadow:0 0 5px var(--color-primary-500)}50%{text-shadow:0 0 20px var(--color-primary-500),0 0 30px var(--color-primary-500)}}.text-glow{animation:text-glow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--color-primary-300),var(--color-primary-500));border-radius:4px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--color-primary-500),var(--color-primary-700))}::-webkit-scrollbar-corner{background:var(--color-background)}@keyframes progress-bar{0%{width:0%}to{width:var(--progress-width, 0%)}}.animate-progress{animation:progress-bar 1s ease-out}@keyframes notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-enter{animation:notification-slide-in .3s ease-out}.notification-exit{animation:notification-slide-out .3s ease-in}.theme-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes theme-ripple{0%{transform:scale(0);opacity:.8}50%{opacity:.4}to{transform:scale(4);opacity:0}}.theme-ripple-effect{position:fixed;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background:var(--color-primary-500);pointer-events:none;z-index:9999;animation:theme-ripple .6s ease-out}.color-palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.color-palette-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.75rem;transition:all .3s ease;cursor:pointer}.color-palette-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.color-palette-item .color-preview{width:4rem;height:4rem;border-radius:50%;margin-bottom:.75rem;border:3px solid white;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.color-palette-item:hover .color-preview{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 15px -3px #0000001a}.theme-selector{position:relative;overflow:hidden}.theme-selector:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s}.theme-selector:hover:before{transform:rotate(45deg) translate(100%,100%)}@keyframes theme-indicator-pulse{0%,to{box-shadow:0 0 0 0 var(--color-primary-500)}50%{box-shadow:0 0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246),.2)}}.theme-indicator{animation:theme-indicator-pulse 2s infinite}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{animation:modal-overlay-in .2s ease-out}.modal-content{animation:modal-content-in .3s cubic-bezier(.34,1.56,.64,1)}.theme-preview-card{position:relative;overflow:hidden;border-radius:.75rem;transition:all .3s ease;background:linear-gradient(135deg,var(--preview-bg-start, #ffffff),var(--preview-bg-end, #f8fafc))}.theme-preview-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.theme-preview-card:hover:after{left:100%}.theme-preview-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-focus:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:.5rem}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-loading 1.5s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.theme-ripple-effect{display:none}}.header-controls{z-index:50}.header-controls>*{z-index:50}.dropdown-panel{z-index:9999!important}[data-theme-switcher]{position:relative;z-index:60}[data-theme-dropdown]{z-index:100}.header-button{position:relative;overflow:hidden;z-index:40}.header-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:-1}.header-button:hover:before{left:100%}