@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.35s cubic-bezier(.16,1,.3,1) both fadeInUp}.article-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reading-progress{background:var(--color-sage-400);z-index:100;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-neutral-100) 25%, var(--color-neutral-200) 50%, var(--color-neutral-100) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-sweep{background:linear-gradient(90deg, var(--color-neutral-100) 0%, var(--color-neutral-200) 50%, var(--color-neutral-100) 100%);background-size:200% 100%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite shimmerSweep}@keyframes toastPopIn{0%{opacity:0;transform:translateY(16px)scale(.94)}60%{opacity:1;transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-toast-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both toastPopIn}@keyframes soundWaveBar1{0%,to{height:4px}50%{height:16px}}@keyframes soundWaveBar2{0%,to{height:14px}50%{height:6px}}@keyframes soundWaveBar3{0%,to{height:6px}50%{height:18px}}.animate-soundwave-1{animation:.8s ease-in-out infinite soundWaveBar1}.animate-soundwave-2{animation:.7s ease-in-out .15s infinite soundWaveBar2}.animate-soundwave-3{animation:.9s ease-in-out .3s infinite soundWaveBar3}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border)}@keyframes rotatePhrasesY{0%,28%{transform:translateY(0)}32%,60%{transform:translateY(-100%)}64%,92%{transform:translateY(-200%)}96%,to{transform:translateY(0)}}.rotate-phrases-y{animation:9.6s infinite rotatePhrasesY}@keyframes rotatePhrasesFade{0%{opacity:0;transform:scale(.85)}3%,30%{opacity:1;transform:scale(1)}34%,90%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1.1)}}.rotate-phrases-fade{animation:10.2s infinite rotatePhrasesFade}@media (prefers-reduced-motion:reduce){.rotate-phrases-y,.rotate-phrases-fade,.animate-fade-in-up,.animate-toast-pop,.animate-soundwave-1,.animate-soundwave-2,.animate-soundwave-3,.shimmer-sweep{animation:none}.rotate-phrases-fade{opacity:0}.rotate-phrases-fade:first-child{opacity:1}}