@keyframes recording-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,59,31,.4))}50%{filter:drop-shadow(0 0 40px rgba(255,59,31,.6))}}@keyframes subtle-glow{0%,to{filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.08))}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-200%)}to{transform:translateX(200%)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,0,0,0))}50%{filter:drop-shadow(0 0 25px rgba(0,0,0,0))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes rainbow-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes elastic-pop{0%{transform:scale(0)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes unread-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(255,59,31,.4)}50%{opacity:.85;transform:scale(1.15);box-shadow:0 0 0 4px rgba(255,59,31,0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes success-ring{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.5);opacity:0}}@keyframes magnetic-hint{0%,to{transform:translate(0)}25%{transform:translate(2px,-2px)}50%{transform:translate(-2px,2px)}75%{transform:translate(-1px,-1px)}}@keyframes number-flip-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes number-flip-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes breathe-glow{0%,to{filter:drop-shadow(0 4px 14px rgba(0,0,0,0)) brightness(1)}50%{filter:drop-shadow(0 8px 30px rgba(0,0,0,0)) brightness(1.05)}}@keyframes ripple-expand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes jelly-bounce{0%{transform:scale(1)}25%{transform:scale(.95,1.05)}50%{transform:scale(1.05,.95)}75%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes attention-ring{0%,to{outline:0 solid rgba(0,0,0,0);outline-offset:0}50%{outline:8px solid rgba(0,0,0,0);outline-offset:0}}@utility animate-recording-pulse{animation:recording-pulse 2s ease-in-out infinite}@utility animate-subtle-glow{animation:subtle-glow 3s ease-in-out infinite}@utility animate-fade-up{animation:fade-up .4s ease-out forwards}@utility animate-wiggle{animation:wiggle .5s ease-in-out}@utility animate-bounce-in{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1) forwards}@utility animate-elastic-pop{animation:elastic-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@utility animate-pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-subtle{0%,to{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 0 0 0 var(--color-playback,rgba(120,113,108,.3))}50%{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 0 0 4px color-mix(in srgb,var(--color-playback,rgb(120,113,108)) 15%,transparent)}}@utility animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@utility animate-ripple{animation:ripple .6s ease-out forwards}@utility animate-success-ring{animation:success-ring 1.5s ease-out infinite}@utility animate-breathe-glow{animation:breathe-glow 3s ease-in-out infinite}@utility animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}@utility animate-jelly{animation:jelly-bounce .4s ease-out}@utility animate-gradient-shift{animation:gradient-shift 3s ease infinite;background-size:200% 200%}@utility animate-attention-ring{animation:attention-ring 2s ease-in-out infinite}@keyframes colon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.95)}}@utility animate-colon-pulse{animation:colon-pulse 1s ease-in-out infinite}@keyframes digit-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes digit-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@utility animate-digit-enter{animation:digit-slide-up .15s ease-out forwards}@utility animate-digit-exit{animation:digit-slide-out .15s ease-out forwards}@keyframes date-breathe{0%,to{opacity:.7}50%{opacity:1}}@utility animate-date-breathe{animation:date-breathe 4s ease-in-out infinite}@keyframes clock-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@utility animate-clock-enter{animation:clock-fade-in .5s ease-out forwards}@keyframes page-enter{0%{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@utility animate-page-enter{animation:page-enter .18s ease-out}@utility animate-list-item-enter{animation:list-item-enter .2s ease-out both}@keyframes list-item-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@utility animate-unread-pulse{animation:unread-pulse 2s ease-in-out infinite}@keyframes bell-ring{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-6deg)}50%{transform:rotate(4deg)}60%{transform:rotate(-2deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@utility animate-bell-ring{animation:bell-ring .8s ease-in-out}@keyframes badge-bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@utility animate-badge-bounce{animation:badge-bounce .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes listening-dots{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@utility animate-listening-dot-1{animation:listening-dots 1.4s ease-in-out infinite}@utility animate-listening-dot-2{animation:listening-dots 1.4s ease-in-out .2s infinite}@utility animate-listening-dot-3{animation:listening-dots 1.4s ease-in-out .4s infinite}@keyframes mic-level-warn{0%,to{opacity:1}50%{opacity:.6}}@utility animate-mic-warn{animation:mic-level-warn 1s ease-in-out infinite}@keyframes milestone-enter{0%{transform:translateX(100%) scale(.95);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@utility animate-milestone-enter{animation:milestone-enter .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tag-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@utility animate-tag-pop{animation:tag-pop .25s ease-out forwards}@keyframes fire-flicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.1) scaleX(.95)}50%{transform:scaleY(.95) scaleX(1.05)}75%{transform:scaleY(1.05) scaleX(.98)}}@utility animate-fire{animation:fire-flicker .6s ease-in-out infinite}@keyframes step-reveal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@utility animate-step-reveal{animation:step-reveal .5s cubic-bezier(.33,0,.1,1) forwards}@keyframes key-press{0%{transform:scale(1);box-shadow:0 2px 0 var(--color-line)}50%{transform:scale(.95) translateY(2px);box-shadow:0 0 0 var(--color-line)}to{transform:scale(1);box-shadow:0 2px 0 var(--color-line)}}@utility animate-key-press{animation:key-press .2s ease-out}@keyframes offline-slide{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@utility animate-offline-enter{animation:offline-slide .3s ease-out forwards}@keyframes count-tick{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}@utility animate-count-tick{animation:count-tick .15s ease-out}@keyframes wave-pulse{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}@utility animate-wave-1{animation:wave-pulse 1.2s ease-in-out infinite}@utility animate-wave-2{animation:wave-pulse 1.2s ease-in-out .15s infinite}@utility animate-wave-3{animation:wave-pulse 1.2s ease-in-out .3s infinite}@keyframes ai-breathe{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(0,0,0,0))}}@utility animate-ai-breathe{animation:ai-breathe 2s ease-in-out infinite}@keyframes slide-in-right{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@utility animate-slide-in-right{animation:slide-in-right .3s var(--ease-zen) forwards}@utility animate-slide-in-left{animation:slide-in-left .3s var(--ease-zen) forwards}@utility stagger-children{&>*{opacity:0;animation:fade-up .3s var(--ease-zen) forwards}&>:first-child{animation-delay:0s}&>:nth-child(2){animation-delay:40ms}&>:nth-child(3){animation-delay:80ms}&>:nth-child(4){animation-delay:.12s}&>:nth-child(5){animation-delay:.16s}&>:nth-child(6){animation-delay:.2s}&>:nth-child(7){animation-delay:.24s}&>:nth-child(8){animation-delay:.28s}}@utility seek-hover-expand{height:4px;transition:height var(--duration-fast) var(--ease-default);&:hover{height:6px}}@keyframes breathe-scale{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes content-bar-reveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dock-glow-pulse{0%,to{filter:drop-shadow(0 0 8px var(--dock-glow-color,transparent))}50%{filter:drop-shadow(0 0 18px var(--dock-glow-color,transparent))}}@utility animate-breathe{animation:breathe-scale 3s ease-in-out infinite}@utility animate-content-bar{animation:content-bar-reveal .5s cubic-bezier(.33,0,.1,1) forwards;transform-origin:left}@utility animate-dock-glow{animation:dock-glow-pulse 2.5s ease-in-out infinite}@keyframes dock-active-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes dock-active-glow{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.15))}}@utility animate-dock-active-glow{animation:dock-active-glow 3s ease-in-out infinite}@keyframes dock-bar-glow{0%,to{opacity:.7;filter:blur(0)}50%{opacity:1;filter:blur(.5px)}}@keyframes subtle-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}@keyframes indicator-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@utility animate-subtle-breathe{animation:subtle-breathe 3s ease-in-out infinite}@utility animate-indicator-enter{animation:indicator-enter .25s ease-out forwards}@keyframes back-btn-nudge{0%,to{transform:translateX(0)}10%{transform:translateX(-4px)}20%{transform:translateX(0)}30%{transform:translateX(-3px)}40%{transform:translateX(0)}50%{transform:translateX(-2px)}60%{transform:translateX(0)}}@utility animate-back-nudge{animation:back-btn-nudge 2s ease-in-out .5s 1 both}@keyframes back-btn-glow{0%,to{box-shadow:0 0 0 0 rgba(66,142,92,0)}50%{box-shadow:0 0 0 4px rgba(66,142,92,.35)}}@utility animate-back-glow{animation:back-btn-glow 2s ease-in-out infinite}@utility glass-panel{background:color-mix(in srgb,var(--color-surface,#ffffff) 70%,transparent);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb,var(--color-line,#e0d9ce) 40%,transparent);box-shadow:0 4px 24px rgba(0,0,0,.06)}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@utility animate-gentle-float{animation:gentle-float 3s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6;box-shadow:0 0 0 0 currentColor}to{transform:scale(1);opacity:0;box-shadow:0 0 0 6px currentColor}}@utility animate-pulse-ring{animation:pulse-ring 1.5s ease-out infinite}@keyframes text-shimmer{0%{background-position:-200%}to{background-position:200%}}@utility animate-text-shimmer{background:linear-gradient(90deg,#3d3630 25%,#a8a29e 50%,#3d3630 75%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer 3s linear infinite}@keyframes border-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@utility animate-border-draw{animation:border-draw .4s var(--ease-zen,ease-out) forwards}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@utility animate-breathe-slow{animation:breathe 4s ease-in-out infinite}@keyframes glow-pulse-warm{0%,to{filter:drop-shadow(0 0 8px rgba(10,10,10,.1))}50%{filter:drop-shadow(0 0 20px rgba(10,10,10,.2))}}@utility animate-glow-pulse-warm{animation:glow-pulse-warm 3s ease-in-out infinite}@keyframes shake-x{0%,to{transform:translateX(0)}10%,50%,90%{transform:translateX(-4px)}30%,70%{transform:translateX(4px)}}@utility animate-shake-x{animation:shake-x .4s ease-in-out}@keyframes checkmark-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@utility animate-checkmark{stroke-dasharray:24;stroke-dashoffset:24;animation:checkmark-draw .3s ease-out .15s forwards}@keyframes slide-in-from-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@utility animate-slide-in-bottom{animation:slide-in-from-bottom .35s var(--ease-snappy,ease-out) forwards}@keyframes count-up-flash{0%{opacity:0;transform:translateY(4px)}60%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@utility animate-count-up{animation:count-up-flash .35s var(--ease-bounce,ease-out) forwards}@keyframes error-border-pulse{0%{border-color:#ff3b1f;box-shadow:0 0 0 0 rgba(255,59,31,.3)}50%{border-color:#ff3b1f;box-shadow:0 0 0 4px rgba(255,59,31,0)}to{border-color:#fca5a5;box-shadow:none}}@utility animate-error-border{animation:error-border-pulse .6s ease-out forwards}@keyframes success-flash{0%{background-color:initial}30%{background-color:rgba(34,197,94,.08)}to{background-color:initial}}@utility animate-success-flash{animation:success-flash .8s ease-out forwards}@keyframes marching-ants{to{stroke-dashoffset:-12}}@utility animate-marching-ants{animation:marching-ants .5s linear infinite}@keyframes progress-indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(-100%)}}@keyframes toast-progress{0%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.stagger-children>*,[class*=animate-]{animation:none!important}.stagger-children>*{opacity:1!important}}