.confirm-variant-danger .confirm-dialog-actions button:last-child{background-color:var(--color-error);border-color:var(--color-error)}.confirm-variant-danger .confirm-dialog-actions button:last-child:hover{background-color:var(--color-error-hover);border-color:var(--color-error-hover)}.confirm-variant-warning .confirm-dialog-actions button:last-child{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-neutral-900,var(--color-black))}.confirm-variant-warning .confirm-dialog-actions button:last-child:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.offline-indicator.svelte-qvrzw2{z-index:var(--z-index-notification);align-items:center;gap:var(--space-sm,8px);padding:var(--space-sm,12px) var(--space-md,16px);border-radius:var(--radius-lg,8px);font-size:var(--text-sm,14px);font-weight:var(--font-medium,500);box-shadow:var(--shadow-lg,0 10px 25px var(--border-color-default));backdrop-filter:blur(10px);background:var(--status-online-bg,var(--color-success-600));max-width:90vw;color:var(--status-online-text,var(--color-neutral-0));animation:.3s ease-out svelte-qvrzw2-slideIn;display:flex;position:fixed;left:50%;transform:translate(-50%)}.offline-indicator.top.svelte-qvrzw2{top:var(--space-md,16px)}.offline-indicator.bottom.svelte-qvrzw2{bottom:var(--space-md,16px)}.offline-indicator.offline.svelte-qvrzw2{background:var(--status-offline-bg,#f44336f2);color:var(--status-offline-text,var(--color-neutral-0))}.offline-indicator.reconnected.svelte-qvrzw2{background:var(--status-reconnected-bg,var(--color-success-600));color:var(--status-reconnected-text,var(--color-neutral-0))}.offline-indicator.poor.svelte-qvrzw2{background:var(--status-poor-bg,#ff9800f2);color:var(--status-poor-text,var(--color-neutral-0))}.offline-indicator.excellent.svelte-qvrzw2{background:var(--status-excellent-bg,var(--color-success-600));color:var(--status-excellent-text,var(--color-neutral-0))}.indicator-icon.svelte-qvrzw2{font-size:var(--text-lg,1.125rem);line-height:1}.indicator-text.svelte-qvrzw2{white-space:nowrap;flex:1}.connection-details.svelte-qvrzw2{font-size:var(--text-xs,12px);opacity:.9;margin-left:var(--space-xs,4px);white-space:nowrap}.close-button.svelte-qvrzw2{all:unset;border-radius:var(--radius-sm,4px);cursor:pointer;opacity:.8;width:24px;height:24px;transition:opacity var(--motion-quick) ease;justify-content:center;align-items:center;display:flex}.close-button.svelte-qvrzw2:hover{opacity:1;background:var(--surface-interactive)}.close-button.svelte-qvrzw2:focus-visible{outline-offset:2px;outline:2px solid}@keyframes svelte-qvrzw2-slideIn{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=480px){.offline-indicator.svelte-qvrzw2{font-size:var(--text-xs,13px);padding:var(--space-xs,10px) var(--space-sm,12px);gap:var(--space-xs,6px)}.connection-details.svelte-qvrzw2{display:none}}@media (prefers-reduced-motion:reduce){.offline-indicator.svelte-qvrzw2{animation:none}}.dark{& .offline-indicator.svelte-qvrzw2{box-shadow:var(--shadow-dark-lg,0 10px 25px var(--overlay-light))}}:where(:root){--motion-instant:.1s;--motion-quick:.2s;--motion-standard:.3s;--motion-deliberate:.5s;--motion-button-hover:var(--motion-instant);--motion-button-press:var(--motion-instant);--motion-card-enter:var(--motion-standard);--motion-card-hover:var(--motion-quick);--motion-message-enter:var(--motion-standard);--motion-stream-pulse:.4s;--motion-shimmer-cycle:2s;--motion-celebration:var(--motion-quick);--timing-instant:var(--motion-instant);--timing-micro:var(--motion-instant);--timing-quick:var(--motion-quick);--timing-standard:var(--motion-standard);--timing-moderate:calc(var(--motion-quick) + var(--motion-instant) / 2);--timing-emphasis:var(--motion-standard);--timing-dramatic:var(--motion-deliberate);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-emphasized-decel:cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accel:cubic-bezier(.3, 0, .8, .15);--ease-material:cubic-bezier(.4, 0, .2, 1);--ease-elastic:cubic-bezier(.34, 1.56, .64, 1);--ease-out-fast:cubic-bezier(0, 0, .2, 1);--ease-quint-out:cubic-bezier(.22, 1, .36, 1);--ease-quart-out:cubic-bezier(.25, 1, .5, 1);--ease-cubic-out:cubic-bezier(.33, 1, .68, 1);--ease-quad-out:cubic-bezier(.5, 1, .89, 1);--ease-expo-out:cubic-bezier(.16, 1, .3, 1);--ease-circ-out:cubic-bezier(0, .55, .45, 1);--ease-back-out:cubic-bezier(.34, 1.56, .64, 1);--ease-sine-out:cubic-bezier(.61, 1, .88, 1);--ease-button:var(--ease-standard);--ease-card:var(--ease-emphasized-decel);--ease-message:var(--ease-emphasized-decel);--ease-hover:var(--ease-standard);--ease-press:var(--ease-emphasized-accel);--scale-none:1;--scale-subtle:1.01;--scale-standard:1.02;--scale-emphasized:1.05;--scale-press:.98;--scale-button-hover:var(--scale-standard);--scale-button-press:var(--scale-press);--scale-card-hover:var(--scale-subtle);--scale-celebration:var(--scale-standard);--opacity-hover-subtle:.9;--opacity-hover-standard:.85;--opacity-hover-pronounced:.75;--opacity-press:.7;--opacity-focus-ring:.5;--opacity-disabled:.4;--blur-hover-none:0;--blur-hover-subtle:blur(2px);--blur-hover-standard:blur(4px);--blur-hover-pronounced:blur(8px);--blur-interactive-light:blur(8px) saturate(1.2) brightness(1.05);--blur-interactive-dark:blur(8px) saturate(1.3) brightness(.95);--blur-focus:blur(0);--shadow-button-rest:var(--shadow-sm);--shadow-button-hover:0 4px 8px -2px #0000001f, 0 2px 4px -1px #00000014;--shadow-button-active:0 1px 2px 0 #00000026, 0 0px 1px 0 #0000001a;--shadow-button-focus:0 0 0 4px var(--color-primary-alpha-20);--shadow-card-rest:var(--shadow-sm);--shadow-card-hover:0 8px 16px -4px #0000001a, 0 4px 8px -2px #0000000f;--shadow-card-active:0 2px 4px -1px #0000001f;--glow-primary-subtle:0 0 8px 0 var(--color-primary-alpha-20);--glow-primary-standard:0 0 16px 2px var(--color-primary-alpha-30);--glow-primary-pronounced:0 0 24px 4px var(--color-primary-alpha-40);--tint-hover-light:color-mix(in srgb, var(--surface-interactive) 80%, var(--color-primary) 20%);--tint-active-light:color-mix(in srgb, var(--surface-interactive-pressed) 70%, var(--color-primary) 30%);--tint-hover-accent:color-mix(in srgb, transparent 90%, var(--color-primary) 10%);--tint-active-accent:color-mix(in srgb, transparent 80%, var(--color-primary) 20%);--tint-icon-hover:var(--color-primary);--tint-icon-active:var(--color-primary-dark);--border-width-rest:1px;--border-width-hover:2px;--border-width-focus:2px;--border-color-rest:var(--border-default);--border-color-hover:color-mix(in srgb, var(--color-primary) 40%, var(--border-default) 60%);--border-color-active:var(--color-primary);--border-color-focus:var(--color-primary);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--color-primary-alpha-50);--lift-none:0;--lift-subtle:2px;--lift-standard:4px;--lift-emphasized:6px;--lift-button:var(--lift-standard);--lift-card:var(--lift-standard);--lift-message:var(--lift-standard);--spring-stiffness-gentle:.15;--spring-stiffness-standard:.2;--spring-stiffness-bouncy:.3;--spring-damping-loose:.7;--spring-damping-standard:.85;--spring-damping-tight:.95;--gpu-will-change-transform:transform;--gpu-will-change-opacity:opacity;--gpu-will-change-combined:transform, opacity;--gpu-force-layer:translateZ(0);--stagger-minimal:25ms;--stagger-standard:50ms;--stagger-relaxed:.1s;--animation-gap-tight:50ms;--animation-gap-standard:.1s;--animation-gap-relaxed:.2s;--motion-streaming-end:.4s;--ease-streaming-end:cubic-bezier(.33, 1, .68, 1);--collapse-duration:.35s;--collapse-to-expand-gap:.15s}:where(.dark){--shadow-button-hover:0 4px 8px -2px #0000004d, 0 2px 4px -1px #0003;--shadow-card-hover:0 8px 16px -4px #0006, 0 4px 8px -2px #00000040;--tint-hover-light:color-mix(in srgb, var(--surface-interactive) 75%, var(--color-primary) 25%);--tint-active-light:color-mix(in srgb, var(--surface-interactive-pressed) 65%, var(--color-primary) 35%)}[data-theme=cocovox-dark]{--motion-standard:.35s;--lift-standard:6px;--scale-emphasized:1.05;--spring-damping-standard:.8}[data-theme=cocovox]{--motion-standard:.25s;--spring-damping-standard:.9}[data-context=learning],.learning-mode{--scale-standard:1.04;--lift-standard:4px;--motion-celebration:.2s}[data-context=chat],.chat-mode{--scale-standard:1.01;--lift-standard:2px;--motion-standard:.2s}[data-context=admin],.admin-mode{--motion-instant:75ms;--motion-quick:.15s;--motion-standard:.2s}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0s;--motion-quick:0s;--motion-standard:.1s;--motion-deliberate:.15s;--motion-stream-pulse:0s;--motion-shimmer-cycle:0s;--ease-standard:linear;--ease-emphasized-decel:linear;--ease-emphasized-accel:linear;--ease-material:linear;--scale-subtle:1;--scale-standard:1;--scale-emphasized:1;--scale-press:1;--lift-subtle:0;--lift-standard:0;--lift-emphasized:0;--blur-hover-subtle:blur(0);--blur-hover-standard:blur(0);--blur-hover-pronounced:blur(0);--blur-interactive-light:none;--blur-interactive-dark:none;--shadow-button-hover:var(--shadow-button-rest);--shadow-card-hover:var(--shadow-card-rest);--spring-damping-standard:1}:where(:root){--stagger-minimal:0s;--stagger-standard:0s;--stagger-relaxed:0s;--animation-gap-tight:0s;--animation-gap-standard:0s;--animation-gap-relaxed:0s;--motion-streaming-end:.01ms;--collapse-duration:.01ms;--collapse-to-expand-gap:0s}}@media (prefers-contrast:more){:root{--motion-instant:.15s;--motion-quick:.25s;--motion-standard:.35s;--scale-standard:1.03;--scale-emphasized:1.06;--lift-standard:6px;--lift-emphasized:8px}}.will-animate-transform{will-change:var(--gpu-will-change-transform)}.will-animate-opacity{will-change:var(--gpu-will-change-opacity)}.will-animate{will-change:var(--gpu-will-change-combined)}.animation-complete{will-change:auto}.force-gpu-layer{transform:var(--gpu-force-layer);backface-visibility:hidden;perspective:1000px}:where(:root){--motion-bokeh-wash:1.2s;--motion-bokeh-wash-reverse:1.6s;--motion-bokeh-converge:.4s;--ease-bokeh-wash:var(--ease-emphasized-decel);--ease-bokeh-wash-out:var(--ease-emphasized-accel);--bokeh-breath-frequency:.4;--bokeh-breath-amplitude:.06;--bokeh-converge-exit-duration:900;--bokeh-color-bias-rate:.006;--bokeh-depth-parallax-factor:.1;--bokeh-elevated-z:50;--bokeh-rise-duration:300;--bokeh-fall-duration:300;--bokeh-orbit-speed:.4;--bokeh-orbit-eccentricity:.15;--bokeh-orbit-radial-k:.02;--bokeh-orbit-noise-amplitude:.3;--bokeh-glow-color-1:var(--color-primary-300);--bokeh-glow-color-2:var(--color-accent-300);--bokeh-glow-rotation-speed:16s;--bokeh-glow-border-width:2px;--bokeh-glow-opacity:.6;--bokeh-radius-grow-scale:1.5;--bokeh-radius-pulse-freq:.6;--bokeh-bloom-stagger-window:800;--bokeh-bloom-spring-k:.0175;--bokeh-bloom-spring-damping:.94;--bokeh-bloom-initial-scale:.2;--bokeh-bloom-opacity-fade:600;--bokeh-bloom-impulse:.02;--bokeh-bloom-settle-threshold:3;--bokeh-bloom-max-duration:4000;--bokeh-mobile-blur-far:30;--bokeh-mobile-blur-mid:20;--bokeh-mobile-blur-near:14}@keyframes enter-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-slide-right{0%{opacity:0;transform:translate(-24px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes enter-slide-left{0%{opacity:0;transform:translate(24px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes enter-scale-fade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes exit-fade-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes exit-scale-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes shimmer-wave{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(var(--color-primary-rgb), 0)}50%{opacity:.8;box-shadow:0 0 20px 4px rgba(var(--color-primary-rgb), .3)}}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(var(--pulse-scale,var(--scale-standard)))}}@keyframes bounce-feedback{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-4px) scale(var(--scale-emphasized))}50%{transform:translateY(-2px) scale(var(--scale-standard))}75%{transform:translateY(-1px)scale(1.01)}}@keyframes rotate-scale{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(5deg)scale(1.1)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes streaming-glow{0%{box-shadow:inset 0 0 0 rgba(var(--color-primary-rgb), 0);transform:translateZ(0)}30%{box-shadow:inset -2px 0 8px rgba(var(--color-primary-rgb), .1);transform:translateZ(0)}to{box-shadow:inset 0 0 0 rgba(var(--color-primary-rgb), 0);transform:translateZ(0)}}@keyframes progress-fill{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.animate-enter{animation:enter-fade-up var(--motion-standard) var(--ease-emphasized-decel)}.animate-enter-slide{animation:enter-slide-right var(--motion-standard) var(--ease-emphasized-decel)}.animate-enter-scale{animation:enter-scale-fade var(--motion-quick) var(--ease-emphasized-decel)}.animate-exit{animation:exit-fade-down var(--motion-quick) var(--ease-emphasized-accel)}.animate-exit-scale{animation:exit-scale-fade var(--motion-quick) var(--ease-emphasized-accel)}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:before{content:"";animation:shimmer-wave var(--motion-shimmer-cycle) linear infinite;background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.dark .animate-shimmer:before{background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%)}.animate-pulse{animation:scale-pulse var(--motion-shimmer-cycle) ease-in-out infinite}.animate-glow{animation:pulse-glow var(--motion-shimmer-cycle) ease-in-out infinite}.animate-streaming{animation:streaming-glow var(--motion-stream-pulse) var(--ease-standard) forwards}.animate-gradient{background-size:200% 200%;animation:6s ease-in-out infinite gradient-shift}.stagger-children>*{animation:enter-fade-up var(--motion-standard) var(--ease-emphasized-decel)}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.stagger-children>:nth-child(11){animation-delay:.5s}.stagger-children>:nth-child(12){animation-delay:.55s}.stagger-children>:nth-child(13){animation-delay:.6s}.stagger-children>:nth-child(14){animation-delay:.65s}.stagger-children>:nth-child(15){animation-delay:.7s}.stagger-children>:nth-child(16){animation-delay:.75s}.stagger-children>:nth-child(17){animation-delay:.8s}.stagger-children>:nth-child(18){animation-delay:.85s}.stagger-children>:nth-child(19){animation-delay:.9s}.stagger-children>:nth-child(20){animation-delay:.95s}.stagger-children-fast>*{animation:enter-fade-up var(--motion-quick) var(--ease-emphasized-decel)}.stagger-children-fast>:first-child{animation-delay:0s}.stagger-children-fast>:nth-child(2){animation-delay:25ms}.stagger-children-fast>:nth-child(3){animation-delay:50ms}.stagger-children-fast>:nth-child(4){animation-delay:75ms}.stagger-children-fast>:nth-child(5){animation-delay:.1s}.stagger-children-fast>:nth-child(6){animation-delay:.125s}.stagger-children-fast>:nth-child(7){animation-delay:.15s}.stagger-children-fast>:nth-child(8){animation-delay:.175s}.stagger-children-fast>:nth-child(9){animation-delay:.2s}.stagger-children-fast>:nth-child(10){animation-delay:.225s}.stagger-children-slow>*{animation:enter-fade-up var(--motion-deliberate) var(--ease-emphasized-decel)}.stagger-children-slow>:first-child{animation-delay:0s}.stagger-children-slow>:nth-child(2){animation-delay:.1s}.stagger-children-slow>:nth-child(3){animation-delay:.2s}.stagger-children-slow>:nth-child(4){animation-delay:.3s}.stagger-children-slow>:nth-child(5){animation-delay:.4s}.stagger-children-slow>:nth-child(6){animation-delay:.5s}.stagger-children-slow>:nth-child(7){animation-delay:.6s}.stagger-children-slow>:nth-child(8){animation-delay:.7s}.stagger-children-slow>:nth-child(9){animation-delay:.8s}.stagger-children-slow>:nth-child(10){animation-delay:.9s}.stagger-entrance{animation:enter-fade-up var(--motion-standard) var(--ease-emphasized-decel);animation-delay:calc(var(--item-index,0) * var(--stagger-standard))}.stagger-entrance-fast{animation:enter-fade-up var(--motion-quick) var(--ease-emphasized-decel);animation-delay:calc(var(--item-index,0) * var(--stagger-minimal))}.stagger-entrance-slow{animation:enter-fade-up var(--motion-deliberate) var(--ease-emphasized-decel);animation-delay:calc(var(--item-index,0) * var(--stagger-relaxed))}.animating{will-change:transform, opacity;backface-visibility:hidden;transform:translateZ(0)}.animation-done{will-change:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-enter,.animate-exit,.stagger-entrance,.stagger-entrance-fast,.stagger-entrance-slow{opacity:1;animation-name:none;transform:none}.animate-shimmer:before,.animate-pulse,.animate-glow,.animate-gradient{animation:none!important}button,a,.interactive{transition:background-color .1s linear,color .1s linear}}[data-context=learning] .animate-enter,.learning-mode .animate-enter{animation:bounce-feedback var(--motion-celebration) var(--ease-standard)}[data-context=chat] .animate-enter,.chat-mode .animate-enter{animation-duration:var(--motion-quick)}[data-context=admin] .animate-enter,.admin-mode .animate-enter{animation-duration:var(--motion-instant)}.message-container-enter{animation:enter-fade-up var(--motion-standard) var(--ease-emphasized-decel)}.message-container-enter>*{animation:enter-fade-up var(--motion-quick) var(--ease-emphasized-decel);animation-delay:var(--animation-gap-tight)}.card-grid-item{animation:enter-slide-right var(--motion-standard) var(--ease-card);animation-delay:calc(var(--card-index,0) * var(--stagger-standard));transition:transform var(--motion-card-hover) var(--ease-hover), box-shadow var(--motion-card-hover) var(--ease-hover)}.card-grid-item:hover{transform:translateY(calc(-1 * var(--lift-card))) scale(var(--scale-card-hover))}.tool-card-loading{border-color:var(--color-border);transition:border-color var(--motion-shimmer-cycle) ease-in-out;animation:shimmer-wave var(--motion-shimmer-cycle) linear infinite}.tool-card-complete{animation:bounce-feedback var(--motion-celebration) var(--ease-standard)}:where(:root){--celebration-duration-l1:var(--motion-quick,.2s);--celebration-duration-l2:var(--motion-standard,.3s);--celebration-duration-l3:var(--motion-deliberate,.5s);--celebration-duration-l4:.7s;--celebration-duration-l5:1s;--celebration-glow-l1:none;--celebration-glow-l2:0 0 12px 2px var(--color-success-alpha-30,#22c55e4d);--celebration-glow-l3:0 0 24px 4px var(--color-success-alpha-40,#22c55e66);--celebration-glow-l4:0 0 32px 8px var(--color-primary-alpha-40,#6366f166);--celebration-glow-l5:0 0 48px 12px var(--color-warning-alpha-50,#f59e0b80)}[data-celebration="1"]{animation:celebration-pop-l1 var(--celebration-duration-l1) var(--ease-back-out,cubic-bezier(.34, 1.56, .64, 1))}@keyframes celebration-pop-l1{0%{border-color:var(--border-color-default);transform:scale(1)}40%{border-color:var(--color-success,#22c55e);transform:scale(1.04)}to{border-color:var(--border-color-default);transform:scale(1)}}[data-celebration="2"]{animation:celebration-pulse-l2 var(--celebration-duration-l2) var(--ease-elastic,cubic-bezier(.34, 1.56, .64, 1));box-shadow:var(--celebration-glow-l2)}@keyframes celebration-pulse-l2{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.98)}to{transform:scale(1)}}[data-celebration="3"]{animation:celebration-cascade-l3 var(--celebration-duration-l3) var(--ease-emphasized-decel,cubic-bezier(.05, .7, .1, 1));box-shadow:var(--celebration-glow-l3)}@keyframes celebration-cascade-l3{0%{opacity:.6;transform:scale(.92)translateY(8px)}60%{opacity:1;transform:scale(1.03)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}[data-celebration="4"]{animation:celebration-achievement-l4 var(--celebration-duration-l4) var(--ease-back-out,cubic-bezier(.34, 1.56, .64, 1));box-shadow:var(--celebration-glow-l4)}@keyframes celebration-achievement-l4{0%{opacity:0;box-shadow:none;transform:scale(.85)}50%{opacity:1;box-shadow:var(--celebration-glow-l4);transform:scale(1.08)}75%{transform:scale(.97)}to{box-shadow:var(--celebration-glow-l4);transform:scale(1)}}[data-celebration="5"]{animation:celebration-legendary-l5 var(--celebration-duration-l5) var(--ease-back-out,cubic-bezier(.34, 1.56, .64, 1));box-shadow:var(--celebration-glow-l5)}@keyframes celebration-legendary-l5{0%{opacity:0;box-shadow:none;transform:scale(.8)rotate(-2deg)}30%{opacity:1;box-shadow:var(--celebration-glow-l5);transform:scale(1.12)rotate(1deg)}55%{transform:scale(.96)rotate(-.5deg)}75%{transform:scale(1.04)rotate(.3deg)}to{box-shadow:var(--celebration-glow-l5);transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){[data-celebration="1"],[data-celebration="2"],[data-celebration="3"],[data-celebration="4"],[data-celebration="5"]{box-shadow:none;animation:.15s celebration-reduced}@keyframes celebration-reduced{0%{opacity:.7}to{opacity:1}}}.btn-interactive{transition:transform var(--hover-duration,var(--motion-button-hover)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-button-hover)) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));will-change:transform, box-shadow;position:relative}.btn-interactive:hover{transform:translateY(calc(-1 * var(--lift-button)));box-shadow:var(--shadow-button-hover)}.btn-interactive:active{transform:var(--active-transform,translateY(0));box-shadow:var(--shadow-button-active);opacity:var(--opacity-press);transition-duration:var(--motion-button-press)}.btn-primary-interactive{transition:transform var(--hover-duration,var(--motion-button-hover)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-button-hover)) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));position:relative}.btn-primary-interactive:hover{transform:translateY(calc(-1 * var(--lift-emphasized)));box-shadow:var(--shadow-button-hover), var(--glow-primary-subtle)}.btn-primary-interactive:active{transform:var(--active-transform,translateY(0));box-shadow:var(--shadow-button-active);opacity:var(--opacity-press);transition-duration:var(--motion-button-press)}.btn-subtle-interactive{transition:opacity var(--motion-instant) var(--hover-easing,var(--ease-hover))}.btn-subtle-interactive:hover{opacity:var(--opacity-hover-subtle)}.btn-subtle-interactive:active{opacity:var(--opacity-press)}.card-interactive{transition:transform var(--hover-duration,var(--motion-card-hover)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-card-hover)) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));will-change:transform}.card-interactive:hover{transform:translateY(calc(-1 * var(--lift-card)));box-shadow:var(--shadow-card-hover)}.card-interactive:active{transform:var(--active-transform,translateY(calc(-1 * var(--lift-subtle))));box-shadow:var(--shadow-card-active);opacity:var(--opacity-press)}@media (width>=1024px){.card-tilt{transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), box-shadow var(--motion-quick) var(--hover-easing,var(--ease-hover));transform-style:preserve-3d}.card-tilt:hover{transform:translateY(calc(-1 * var(--lift-standard))) rotateX(2deg) rotateY(2deg) scale(var(--scale-subtle));box-shadow:var(--shadow-card-hover)}}.card-clickable{cursor:pointer;transition:transform var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover))}.card-clickable:hover{transform:translateY(calc(-1 * var(--lift-subtle)));box-shadow:var(--shadow-card-hover)}.card-clickable:active{transform:var(--active-transform,translateY(0));opacity:var(--opacity-press)}.link-interactive{color:var(--color-primary);transition:color var(--motion-quick) var(--hover-easing,var(--ease-hover));text-decoration:none;position:relative}.link-interactive:after{content:"";transform-origin:0;height:2px;transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-emphasized-decel));background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.link-interactive:hover:after{transform:scaleX(1)}.link-gradient{transition:color var(--motion-quick) var(--hover-easing,var(--ease-hover));position:relative}.link-gradient:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);transform-origin:0;height:2px;transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-emphasized-decel));position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.link-gradient:hover:before{transform:scaleX(1)}.input-interactive{transition:border-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), transform var(--motion-quick) var(--hover-easing,var(--ease-hover))}.input-interactive:hover{border-color:rgba(var(--color-primary-rgb), .4);box-shadow:0 0 0 1px rgba(var(--color-primary-rgb), .1), 0 2px 8px #0000000d}.input-interactive:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .2), 0 2px 12px #0000001a;transform:scale(var(--scale-subtle));outline:2px solid #0000}.input-interactive:focus-visible{outline:2px solid var(--theme-primary,var(--color-primary));outline-offset:2px}.textarea-expanding{transition:height var(--motion-standard) var(--ease-standard), border-color var(--motion-quick) var(--hover-easing,var(--ease-hover));resize:none}.textarea-expanding:focus{border-color:var(--color-primary)}.icon-interactive{transition:transform var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover)), color var(--motion-quick) var(--hover-easing,var(--ease-hover));will-change:transform}.icon-interactive:hover{transform:scale(var(--scale-emphasized)) rotate(5deg);color:var(--color-primary)}.icon-bounce{transition:transform var(--motion-quick) cubic-bezier(.68, -.55, .265, 1.55)}.icon-bounce:hover{animation:bounce-feedback var(--motion-standard) cubic-bezier(.68, -.55, .265, 1.55)}.icon-spin-hover:hover{animation:rotate-scale .6s var(--ease-standard) infinite}.nav-item-interactive{transition:color var(--motion-quick) var(--hover-easing,var(--ease-hover)), background var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover));border-radius:.5rem;position:relative}.nav-item-interactive:before{content:"";background:rgba(var(--color-primary-rgb), .05);opacity:0;border-radius:inherit;transition:opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));z-index:-1;position:absolute;inset:0}.nav-item-interactive:hover:before{opacity:1}.nav-item-interactive:hover{color:var(--color-primary);transform:translate(2px)}.nav-slide{transition:color var(--motion-quick) var(--hover-easing,var(--ease-hover));position:relative}.nav-slide:after{content:"";background:var(--color-primary);transform-origin:0;width:.5rem;height:2px;transition:transform var(--motion-standard) var(--ease-emphasized-decel);position:absolute;top:50%;left:-1rem;transform:translateY(-50%)scaleX(0)}.nav-slide:hover:after{transform:translateY(-50%)scaleX(1)}.image-zoom{transition:box-shadow var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover));overflow:hidden}.image-zoom img{transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover));will-change:transform}.image-zoom:hover img{transform:scale(1.1)}.image-zoom:hover{box-shadow:0 calc(var(--lift-standard) * 2) calc(var(--lift-standard) * 6) #00000026}.image-overlay{position:relative;overflow:hidden}.image-overlay:before{content:"";background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .2) 0%, rgba(var(--color-accent-rgb), .2) 100%);opacity:0;transition:opacity var(--motion-standard) var(--ease-emphasized-decel);pointer-events:none;position:absolute;inset:0}.image-overlay:hover:before{opacity:1}.badge-interactive{transition:transform var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover))}.badge-interactive:hover{transform:scale(var(--scale-standard));box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .2)}.badge-pulse{animation:scale-pulse var(--motion-shimmer-cycle) ease-in-out infinite}.skeleton-shimmer{background:var(--color-neutral-200);border-radius:.5rem;position:relative;overflow:hidden}.skeleton-shimmer:before{content:"";animation:shimmer-wave var(--motion-shimmer-cycle) linear infinite;background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.dark .skeleton-shimmer{background:var(--color-neutral-700)}.dark .skeleton-shimmer:before{background:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%)}.spinner-rotate{animation:1s linear infinite rotate-scale}.feedback-success{animation:bounce-feedback var(--motion-celebration) var(--ease-standard)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.feedback-error{animation:shake .4s var(--ease-standard)}.feedback-loading{animation:pulse-glow var(--motion-shimmer-cycle) ease-in-out infinite}.hover-group:hover .hover-group-item{opacity:.5;transition:opacity var(--motion-quick) var(--hover-easing,var(--ease-hover)), transform var(--hover-duration,var(--motion-quick)) var(--hover-easing,var(--ease-hover));transform:scale(.98)}.hover-group:hover .hover-group-item:hover{opacity:1;transform:scale(1.02)}.interaction-disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.interaction-disabled:hover{box-shadow:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){.btn-interactive,.btn-primary-interactive,.btn-subtle-interactive,.card-interactive,.card-tilt,.card-clickable,.icon-interactive,.icon-bounce,.nav-item-interactive,.image-zoom img,.badge-interactive{transition:background-color var(--motion-quick) ease, color var(--motion-quick) ease!important;animation:none!important;transform:none!important}.btn-interactive:hover,.card-interactive:hover,.link-interactive:hover{background-color:rgba(var(--color-primary-rgb), .1)}.badge-pulse,.spinner-rotate,.feedback-loading,.skeleton-shimmer:before{animation:none!important}.feedback-success,.feedback-error{animation-duration:.2s}}.btn-interactive:focus-visible,.card-interactive:focus-visible,.link-interactive:focus-visible,.input-interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{:where(*){box-shadow:none!important;transition:none!important;animation:none!important;transform:none!important}}.interaction-fast{transition-duration:var(--motion-instant)!important}.interaction-slow{transition-duration:var(--motion-deliberate)!important}.interaction-none{pointer-events:none;cursor:default}.interaction-none:hover{box-shadow:none;transform:none}:where(.theme-hover){transition:transform var(--hover-duration,.2s) var(--hover-easing,ease)}:where(.theme-hover:hover){transform:var(--hover-transform,translateY(-2px))}:where(.theme-hover:active){transform:var(--active-transform,scale(.98))}:where(.entrance-fade){animation:entrance-fade-in var(--entrance-duration,.3s) var(--entrance-easing,ease) both}:where(.entrance-slide-up){animation:entrance-slide-up var(--entrance-duration,.3s) var(--entrance-easing,ease) both}:where(.entrance-stagger>:first-child){animation-delay:calc(var(--entrance-stagger,50ms) * 1)}:where(.entrance-stagger>:nth-child(2)){animation-delay:calc(var(--entrance-stagger,50ms) * 2)}:where(.entrance-stagger>:nth-child(3)){animation-delay:calc(var(--entrance-stagger,50ms) * 3)}:where(.entrance-stagger>:nth-child(4)){animation-delay:calc(var(--entrance-stagger,50ms) * 4)}:where(.entrance-stagger>:nth-child(5)){animation-delay:calc(var(--entrance-stagger,50ms) * 5)}:where(.entrance-stagger>:nth-child(6)){animation-delay:calc(var(--entrance-stagger,50ms) * 6)}:where(.entrance-stagger>:nth-child(7)){animation-delay:calc(var(--entrance-stagger,50ms) * 7)}:where(.entrance-stagger>:nth-child(8)){animation-delay:calc(var(--entrance-stagger,50ms) * 8)}:where(.entrance-stagger>:nth-child(9)){animation-delay:calc(var(--entrance-stagger,50ms) * 9)}:where(.entrance-stagger>:nth-child(10)){animation-delay:calc(var(--entrance-stagger,50ms) * 10)}:where(.entrance-stagger>:nth-child(11)){animation-delay:calc(var(--entrance-stagger,50ms) * 11)}:where(.entrance-stagger>:nth-child(12)){animation-delay:calc(var(--entrance-stagger,50ms) * 12)}@keyframes entrance-fade-in{0%{opacity:0}to{opacity:1}}@keyframes entrance-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){:where(.theme-hover),:where(.theme-hover:hover),:where(.theme-hover:active){transition:none;transform:none}:where(.entrance-fade),:where(.entrance-slide-up){animation:none}:where(.entrance-stagger>*){animation-delay:0s}}.interaction-btn-primary{background:var(--color-primary);border:var(--border-width-rest) solid transparent;box-shadow:var(--shadow-button-rest);opacity:1;transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), background-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), border-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));will-change:transform, box-shadow}.interaction-btn-primary:hover{transform:translateY(calc(-1 * var(--lift-button)));box-shadow:var(--shadow-button-hover), var(--glow-primary-subtle);background:color-mix(in srgb, var(--color-primary) 90%, white 10%);border-color:color-mix(in srgb, var(--color-primary) 80%, white 20%)}.interaction-btn-primary:active{transform:var(--active-transform,translateY(0));box-shadow:var(--shadow-button-active);opacity:var(--opacity-press);background:color-mix(in srgb, var(--color-primary) 85%, black 15%)}.interaction-btn-primary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);box-shadow:var(--shadow-button-focus), var(--shadow-button-rest)}.interaction-btn-primary:disabled{opacity:var(--opacity-disabled);box-shadow:none;cursor:not-allowed;transform:none}.interaction-btn-secondary{border:var(--border-width-rest) solid var(--border-default);color:var(--text-secondary);box-shadow:none;transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), background-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), border-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), color var(--motion-quick) var(--hover-easing,var(--ease-hover));background:0 0}.interaction-btn-secondary:hover{transform:translateY(calc(-1 * var(--lift-subtle)));background:var(--tint-hover-accent);border-color:var(--border-color-hover);border-width:var(--border-width-hover);color:var(--color-primary)}.interaction-btn-secondary:active{transform:var(--active-transform,translateY(0));background:var(--tint-active-accent);border-color:var(--border-color-active);opacity:var(--opacity-press)}.interaction-btn-secondary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);background:var(--tint-hover-accent)}.interaction-btn-secondary:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none}.interaction-btn-icon{border-radius:var(--radius-full);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--text-tertiary);transition:background-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), color var(--motion-quick) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover));background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.interaction-btn-icon:hover{background:var(--surface-interactive);color:var(--text-primary);-webkit-backdrop-filter:var(--blur-hover-subtle)}.interaction-btn-icon:active{opacity:var(--opacity-press);background:var(--surface-interactive-pressed)}.interaction-btn-icon:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);background:var(--surface-interactive)}.interaction-btn-icon:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.interaction-btn-icon svg,.interaction-btn-icon .icon{width:20px;height:20px;transition:color var(--motion-quick) var(--hover-easing,var(--ease-hover)), opacity var(--motion-quick) var(--hover-easing,var(--ease-hover))}.interaction-btn-icon:hover svg,.interaction-btn-icon:hover .icon{color:var(--tint-icon-hover)}.interaction-card{background:var(--surface-secondary);border:var(--border-width-rest) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-rest);opacity:1;transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), border-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), background-color var(--motion-quick) var(--hover-easing,var(--ease-hover));cursor:pointer;padding:24px}.interaction-card:hover{transform:translateY(calc(-1 * var(--lift-card)));box-shadow:var(--shadow-card-hover);border-color:var(--border-color-hover);background:color-mix(in srgb, var(--surface-secondary) 95%, var(--color-primary) 5%)}.interaction-card:active{transform:var(--active-transform,translateY(calc(-1 * var(--lift-subtle))));box-shadow:var(--shadow-card-active);opacity:var(--opacity-press)}.interaction-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--color-primary)}.interaction-feedback-btn{border-radius:var(--radius-xl);background:var(--surface-secondary);min-height:112px;box-shadow:var(--shadow-md);transition:transform var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), box-shadow var(--hover-duration,var(--motion-standard)) var(--hover-easing,var(--ease-hover)), background-color var(--motion-quick) var(--hover-easing,var(--ease-hover)), border-width var(--motion-quick) var(--hover-easing,var(--ease-hover));border:2px solid;padding:24px}.interaction-feedback-btn:hover{transform:translateY(calc(-1 * var(--lift-emphasized)));box-shadow:var(--shadow-lg), 0 0 16px 0 currentColor;background:color-mix(in srgb, var(--surface-secondary) 90%, currentColor 10%);border-width:3px}.interaction-feedback-btn:active{transform:var(--active-transform,translateY(0));box-shadow:var(--shadow-sm);opacity:var(--opacity-press);background:color-mix(in srgb, var(--surface-secondary) 80%, currentColor 20%)}.interaction-feedback-btn:focus-visible{outline-offset:4px;box-shadow:var(--shadow-md), 0 0 0 8px color-mix(in srgb, currentColor 20%, transparent);outline:4px solid}@media (prefers-reduced-motion:reduce){.interaction-btn-primary,.interaction-btn-secondary,.interaction-btn-icon,.interaction-card,.interaction-feedback-btn{transition-duration:.01ms}.interaction-btn-primary:hover,.interaction-btn-secondary:hover,.interaction-card:hover,.interaction-feedback-btn:hover{transform:none}.interaction-btn-icon:hover{-webkit-backdrop-filter:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:0s}:root[data-theme=light]::view-transition-old(root),:root[data-theme=dark]::view-transition-old(root){animation:.2s ease-out swiss-fade-out}:root[data-theme=light]::view-transition-new(root),:root[data-theme=dark]::view-transition-new(root){animation:.2s ease-out swiss-fade-in}@keyframes swiss-fade-out{0%{opacity:1}to{opacity:0}}@keyframes swiss-fade-in{0%{opacity:0}to{opacity:1}}:root[data-theme=cocovox]::view-transition-old(root),:root[data-theme=cocovox-dark]::view-transition-old(root){animation:.28s cubic-bezier(.4,0,.7,.2) cocovox-bounce-out}:root[data-theme=cocovox]::view-transition-new(root),:root[data-theme=cocovox-dark]::view-transition-new(root){animation:.32s cubic-bezier(.34,1.56,.64,1) cocovox-bounce-in}@keyframes cocovox-bounce-out{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.95)rotate(-2deg)}}@keyframes cocovox-bounce-in{0%{opacity:0;transform:scale(.9)rotate(2deg)}60%{opacity:1;transform:scale(1.02)rotate(-.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}:root[data-theme=velvet]::view-transition-old(root),:root[data-theme=velvet-dawn]::view-transition-old(root){animation:.4s velvet-silk-out}:root[data-theme=velvet]::view-transition-new(root),:root[data-theme=velvet-dawn]::view-transition-new(root){animation:.4s velvet-silk-in}@keyframes velvet-silk-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(3px)}}@keyframes velvet-silk-in{0%{opacity:0;filter:blur(3px);transform:scale(.98)}to{opacity:1;filter:blur();transform:scale(1)}}:root[data-theme=coral]::view-transition-old(root),:root[data-theme=coral-light]::view-transition-old(root){animation:.35s cubic-bezier(.25,.46,.45,.94) coral-iris-out}:root[data-theme=coral]::view-transition-new(root),:root[data-theme=coral-light]::view-transition-new(root){animation:.35s cubic-bezier(.25,.46,.45,.94) coral-iris-in}@keyframes coral-iris-out{0%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(25%)}}@keyframes coral-iris-in{0%{clip-path:inset(50%)}to{clip-path:inset(0)}}:root[data-theme=circuit]::view-transition-old(root),:root[data-theme=circuit-light]::view-transition-old(root),:root[data-theme=digital-precision]::view-transition-old(root){animation:.1s linear circuit-hard-cut-out}:root[data-theme=circuit]::view-transition-new(root),:root[data-theme=circuit-light]::view-transition-new(root),:root[data-theme=digital-precision]::view-transition-new(root){animation:.1s linear circuit-hard-cut-in}@keyframes circuit-hard-cut-out{0%{opacity:1}99%{opacity:1}to{opacity:0}}@keyframes circuit-hard-cut-in{0%{opacity:0}1%{opacity:1}to{opacity:1}}:root[data-theme=modern]::view-transition-old(root),:root[data-theme=modern-dark]::view-transition-old(root){animation:.35s cubic-bezier(.25,.8,.25,1) modern-frost-out}:root[data-theme=modern]::view-transition-new(root),:root[data-theme=modern-dark]::view-transition-new(root){animation:.35s cubic-bezier(.25,.8,.25,1) modern-frost-in}@keyframes modern-frost-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(10px)}}@keyframes modern-frost-in{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}:root[data-theme=modern-studio]::view-transition-old(root){animation:.2s linear studio-slide-out}:root[data-theme=modern-studio]::view-transition-new(root){animation:.2s linear studio-slide-in}@keyframes studio-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes studio-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}:root[data-transition-direction=zoom-out]::view-transition-old(root){animation:.45s cubic-bezier(.4,0,.2,1) both search-zoom-out-old}:root[data-transition-direction=zoom-out]::view-transition-new(root){animation:.45s cubic-bezier(.4,0,.2,1) both search-zoom-out-new}:root[data-transition-direction=zoom-in]::view-transition-old(root){animation:.45s cubic-bezier(.4,0,.2,1) both search-zoom-in-old}:root[data-transition-direction=zoom-in]::view-transition-new(root){animation:.45s cubic-bezier(.4,0,.2,1) both search-zoom-in-new}@keyframes search-zoom-out-old{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(.85)}}@keyframes search-zoom-out-new{0%{opacity:0;filter:blur(3px);transform:scale(1.08)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes search-zoom-in-old{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(4px);transform:scale(1.15)}}@keyframes search-zoom-in-new{0%{opacity:0;filter:blur(2px);transform:scale(.92)}to{opacity:1;filter:blur();transform:scale(1)}}[data-theme=cocovox] .stagger-child,[data-theme=cocovox-dark] .stagger-child{animation:.4s cubic-bezier(.34,1.56,.64,1) both stagger-fade-in}[data-theme=cocovox] .stagger-child:first-child,[data-theme=cocovox-dark] .stagger-child:first-child{animation-delay:0s}[data-theme=cocovox] .stagger-child:nth-child(2),[data-theme=cocovox-dark] .stagger-child:nth-child(2){animation-delay:50ms}[data-theme=cocovox] .stagger-child:nth-child(3),[data-theme=cocovox-dark] .stagger-child:nth-child(3){animation-delay:.1s}[data-theme=cocovox] .stagger-child:nth-child(4),[data-theme=cocovox-dark] .stagger-child:nth-child(4){animation-delay:.15s}[data-theme=cocovox] .stagger-child:nth-child(5),[data-theme=cocovox-dark] .stagger-child:nth-child(5){animation-delay:.2s}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(20px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}.stagger-child{animation:none!important}}body.protanopia{filter:url(#protanopia-filter)!important}body.deuteranopia{filter:url(#deuteranopia-filter)!important}body.tritanopia{filter:url(#tritanopia-filter)!important}body.achromatopsia{filter:url(#achromatopsia-filter)!important}@font-face{font-family:OpenDyslexic;src:url(../../../assets/fonts/OpenDyslexic-Regular.woff2)format("woff2"),url(../../../assets/fonts/OpenDyslexic-Regular.woff)format("woff");font-weight:var(--font-normal,400);font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(../../../assets/fonts/OpenDyslexic-Bold.woff2)format("woff2"),url(../../../assets/fonts/OpenDyslexic-Bold.woff)format("woff");font-weight:var(--font-bold,700);font-style:normal;font-display:swap}.use-dyslexic-font,.dyslexic-font,[data-dyslexic=true],[data-dyslexic=true] :not(i):not(.icon):not([class*=icon]):not(svg){font-family:OpenDyslexic,Arial,sans-serif!important}.high-contrast-mode{filter:contrast(150%)brightness(120%)}.increased-line-spacing{line-height:1.8!important}.large-text-mode{font-size:1.2rem!important}.dyslexic-debug *{border:1px solid red!important}:where(:root){--vh:1vh;--visual-vh:1vh;--viewport-height-small:100svh;--viewport-height-large:100lvh;--viewport-height-dynamic:100dvh;--app-header-height:56px;--app-footer-height:56px;--app-header-height-mobile:48px;--app-footer-height-mobile:64px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-chrome-top:calc(var(--app-header-height-mobile) + var(--safe-top));--app-chrome-bottom:calc(var(--app-footer-height-mobile) + var(--safe-bottom));--content-height:calc(100svh - var(--app-chrome-top) - var(--app-chrome-bottom));--content-height-with-input:calc(100svh - var(--app-chrome-top) - var(--app-chrome-bottom) - var(--chat-input-height,60px));--keyboard-height:0px;--visual-viewport-height:100svh}.app-shell{height:100svh;height:calc(var(--vh,1vh) * 100);background:var(--surface-background);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.app-shell-relative{min-height:100svh;min-height:calc(var(--vh,1vh) * 100);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-header{z-index:var(--z-sticky);height:var(--app-header-height-mobile);padding-top:var(--safe-top);background:var(--surface-background);flex-shrink:0;position:sticky;top:0}.app-footer{z-index:var(--z-sticky);min-height:var(--app-footer-height-mobile);padding-bottom:var(--safe-bottom);background:var(--surface-background);flex-shrink:0;position:sticky;bottom:0}.app-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.app-content-fixed{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-layout{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-messages{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;contain:layout style;flex:1;min-height:0;overflow:hidden auto}.chat-input-area{background:var(--surface-background);border-top:1px solid var(--border-color-default,var(--color-neutral-200));padding-bottom:max(var(--space-2,.5rem), var(--safe-bottom));flex-shrink:0;position:relative}.chat-input-keyboard-aware{transform:translateY(calc(-1 * var(--keyboard-height)));transition:transform .2s}.fullscreen-view{z-index:var(--z-dropdown);background:var(--surface-background);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);flex-direction:column;display:flex;position:fixed;inset:0}.fullscreen-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.fullscreen-immersive{padding:0}.modal-fullscreen{z-index:var(--z-overlay-backdrop);height:100dvh;max-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;position:fixed;inset:0}.modal-bottom-sheet{z-index:var(--z-overlay-backdrop);max-height:calc(100dvh - var(--safe-top) - 20px);padding-bottom:var(--safe-bottom);border-radius:var(--radius-lg,16px) var(--radius-lg,16px) 0 0;background:var(--surface-card);position:fixed;bottom:0;left:0;right:0}.modal-centered{z-index:var(--z-overlay-backdrop);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.modal-centered-content{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 32px);overflow:hidden auto}.scroll-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;overflow:hidden auto;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.scroll-container{scroll-behavior:auto}}.scroll-container-x{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;overflow:auto hidden}.scroll-container-x>*{scroll-snap-align:start}.scroll-fixed-height{height:var(--content-height);max-height:var(--content-height)}.scroll-fill{flex:1;min-height:0}html.keyboard-visible{--content-height:calc(var(--visual-viewport-height) - var(--app-chrome-top))}html.keyboard-visible .hide-on-keyboard{display:none!important}html.keyboard-visible .shrink-on-keyboard{max-height:30vh;overflow-y:auto}html.keyboard-visible .app-header{height:auto;min-height:40px}html.keyboard-visible .chat-input-area{bottom:var(--keyboard-height);padding-bottom:var(--space-2);position:fixed;left:0;right:0}@media (display-mode:standalone){.app-shell,.app-shell-relative{height:100svh}.app-header{padding-top:var(--safe-top)}.app-footer{padding-bottom:var(--safe-bottom)}}@media (orientation:landscape) and (height<=500px){:root{--app-header-height-mobile:40px;--app-footer-height-mobile:48px}.app-header{height:40px;padding-top:0}.hide-landscape-mobile{display:none!important}.chat-messages{padding-left:max(var(--space-3), var(--safe-left));padding-right:max(var(--space-3), var(--safe-right))}}@media (orientation:portrait){.hide-portrait{display:none!important}}.no-scroll{width:100%;height:100%;position:fixed;overflow:hidden!important}body.scroll-locked{width:100%;position:fixed;top:0;left:0;overflow:hidden}@media (width<=640px){.app-tight-spacing{--spacing-xs:.125rem;--spacing-sm:.25rem;--spacing-md:.5rem;--spacing-lg:.75rem;--spacing-xl:1rem}.list-compact>*{padding-top:var(--space-2);padding-bottom:var(--space-2)}.margin-compact{margin:var(--space-2)}}.fit-viewport{height:100svh;height:calc(var(--vh,1vh) * 100);max-height:100svh;overflow:hidden}.fit-content-area{height:var(--content-height);max-height:var(--content-height);overflow:hidden}.flex-height{min-height:200px;max-height:var(--content-height);flex:1;overflow-y:auto}@media (prefers-reduced-motion:reduce){.scroll-container,.chat-input-keyboard-aware{scroll-behavior:auto;transition:none}}.debug-viewport:after{content:"H: " attr(data-vh) " | K: " attr(data-keyboard);background:var(--color-black-alpha-70);color:var(--text-on-primary);padding:var(--space-1) 8px;border-radius:var(--radius-sm,4px);z-index:var(--z-max);pointer-events:none;font-size:10px;position:fixed;bottom:60px;right:10px}.android-safe-top{padding-top:env(safe-area-inset-top,0px)}.android-safe-right{padding-right:env(safe-area-inset-right,0px)}.android-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.android-safe-left{padding-left:env(safe-area-inset-left,0px)}.android-safe-all{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.android-safe-top-min{padding-top:max(var(--space-3,1rem), env(safe-area-inset-top,0px))}.android-safe-bottom-min{padding-bottom:max(var(--space-3,1rem), env(safe-area-inset-bottom,0px))}.android-fixed-header{padding-top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);position:fixed;top:0;left:0;right:0}.android-fixed-footer{padding-bottom:env(safe-area-inset-bottom,0px);z-index:var(--z-sticky);position:fixed;bottom:0;left:0;right:0}:where(:root){--android-keyboard-height:0px}html.android-keyboard-visible .hide-on-keyboard{display:none!important}html.android-keyboard-visible .fade-on-keyboard{opacity:0;pointer-events:none;transition:opacity .2s}html.android-keyboard-visible .adjust-for-keyboard{transform:translateY(calc(-1 * var(--android-keyboard-height)));transition:transform .2s}html.android-keyboard-visible .modal-content{max-height:calc(100vh - var(--android-keyboard-height) - 40px);max-height:calc(100svh - var(--android-keyboard-height) - 40px);overflow-y:auto}.android-touch-target{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.android-touch-target-lg{min-width:56px;min-height:56px}.android-touch-padding{padding:var(--space-3)}.android-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;overflow:hidden auto}.android-scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;overflow:auto hidden}@media (prefers-reduced-motion:reduce){.android-scroll,.android-scroll-x{scroll-behavior:auto}}.android-no-overscroll{overscroll-behavior:none}.android-scroll-snap{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.android-scroll-snap>*{scroll-snap-align:start}.gpu-accelerated{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.gpu-accelerated-opacity{will-change:opacity}.gpu-accelerated-transform,.gpu-accelerated-auto{will-change:transform}.gpu-accelerated-auto:not(:hover):not(:focus):not(:active){will-change:auto}.android-no-highlight{-webkit-tap-highlight-color:transparent}.android-touch-manipulation{touch-action:manipulation}.android-no-select{user-select:none}.android-input{min-height:48px;padding:var(--space-3) 16px;border-radius:var(--radius-base,8px);border:1px solid var(--border-color-default,var(--color-neutral-200));background:var(--surface-card);color:var(--text-primary,var(--color-neutral-900));font-size:16px!important}.android-input:focus{outline:2px solid var(--theme-color-primary,var(--color-primary-500));outline-offset:2px}@keyframes android-fade-in{0%{opacity:0}to{opacity:1}}.android-animate-fade-in{animation:.2s forwards android-fade-in}@keyframes android-slide-up{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}.android-animate-slide-up{animation:.3s forwards android-slide-up}@keyframes android-scale-in{0%{opacity:0;transform:scale(.95)translateZ(0)}to{opacity:1;transform:scale(1)translateZ(0)}}.android-animate-scale-in{animation:.2s forwards android-scale-in}html:not(.is-android) .android-only,html.is-android .android-hidden{display:none!important}@media (prefers-reduced-motion:reduce){.android-animate-fade-in,.android-animate-slide-up,.android-animate-scale-in{opacity:1;transform:none;animation:none!important}.gpu-accelerated,.gpu-accelerated-auto{will-change:auto;transform:none}.adjust-for-keyboard{transition:none!important}}.dark .android-input{border-color:var(--border-color-default,var(--color-neutral-600));background:var(--surface-card,var(--color-neutral-700));color:var(--text-primary)}@media (horizontal-viewport-segments:2){.android-foldable-span{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);gap:env(viewport-segment-left 1 0,0px);display:grid}}@media (vertical-viewport-segments:2){.android-foldable-span-vertical{grid-template-rows:env(viewport-segment-height 0 0) env(viewport-segment-height 0 1);gap:env(viewport-segment-top 0 1,0px);display:grid}}@layer utilities{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning,.spin,.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.loading-spinner{border-width:var(--spinner-border-width,2px);animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinning,.spin,.animate-spin,.loading-spinner{animation:none}}.loading-icon{color:var(--color-primary-500,var(--theme-primary,currentColor));animation:1s linear infinite spin}@media (prefers-reduced-motion:reduce){.loading-icon{animation:none}}.icon-xs{flex-shrink:0;width:12px;height:12px}.icon-sm{flex-shrink:0;width:16px;height:16px}.icon-md{flex-shrink:0;width:20px;height:20px}.icon-lg{flex-shrink:0;width:24px;height:24px}.search-icon{color:var(--text-tertiary,var(--text-secondary,#6b7280));flex-shrink:0}.search-highlight{background-color:color-mix(in srgb, var(--color-warning-500,#f59e0b) 30%, transparent);border-radius:var(--radius-xs,2px);padding:0 2px}.tts-highlight{background-color:color-mix(in srgb, var(--color-primary-500) 25%, transparent);border-radius:var(--radius-xs,2px);padding:.05em .15em;transition:background-color .15s}.educational-term{background:linear-gradient(120deg, var(--color-warning-alpha-30,#f59e0b4d) 0%, var(--color-warning-alpha-25,#f59e0b40) 100%);border-bottom:1px solid var(--color-warning-alpha-50,#f59e0b80);font-weight:var(--font-medium,500);cursor:help;border-radius:.25rem;padding:.1rem .3rem;display:inline}.educational-term:hover{background:linear-gradient(120deg, var(--color-warning-alpha-50,#f59e0b80) 0%, var(--color-warning-alpha-30,#f59e0b4d) 100%)}.educational-term:focus{outline:2px solid var(--color-warning-alpha-90,#f59e0be6);outline-offset:2px}:where(.dark) .educational-term{background:linear-gradient(120deg, var(--color-warning-alpha-25,#f59e0b40) 0%, var(--color-warning-alpha-20,#f59e0b33) 100%);border-bottom-color:var(--color-warning-alpha-30,#f59e0b4d)}:where(.dark) .educational-term:hover{background:linear-gradient(120deg, var(--color-warning-alpha-30,#f59e0b4d) 0%, var(--color-warning-alpha-25,#f59e0b40) 100%)}.weak-term{background:linear-gradient(120deg, var(--color-error-alpha-20,#ef444433) 0%, var(--color-error-alpha-15,#ef444426) 100%);border-bottom:1px solid var(--color-error-alpha-40,#ef444466);cursor:help;border-radius:.25rem;padding:.1rem .3rem;display:inline}.inline-image-wrapper{margin:var(--space-4,16px) 0;border-radius:var(--radius-md,8px);display:block;overflow:hidden}.inline-image-wrapper img{max-width:100%;height:auto;display:block}.code-block-wrapper{margin:var(--space-4,16px) 0;border-radius:var(--radius-md,8px);border:1px solid var(--border-color-default,var(--theme-border,#e5e7eb));position:relative;overflow:hidden}:where(.dark) .code-block-wrapper{border-color:var(--border-color-default,#383e45)}.document-paper{background:var(--surface-card,var(--theme-surface-card,#fff));border:1px solid var(--border-color-default,var(--theme-border,#e5e7eb));border-radius:var(--radius-lg,12px);padding:var(--space-6,24px);box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}:where(.dark) .document-paper{background:var(--surface-card,#1f2429);border-color:var(--border-color-default,#383e45)}.document-canvas{background:var(--surface-card,var(--theme-surface-card,#fff));border-radius:var(--radius-lg,12px);min-height:400px;padding:var(--space-6,24px)}.stats-card{background:var(--surface-card,var(--theme-surface-card,#fff));border:1px solid var(--border-color-default,var(--theme-border,#e5e7eb));border-radius:var(--radius-lg,12px);padding:var(--space-4,16px)}:where(.dark) .stats-card{background:var(--surface-card,#1f2429);border-color:var(--border-color-default,#383e45)}.cocovox-illustration{opacity:.85;width:100%;max-width:280px;height:auto;margin:0 auto;display:block}.emoji{vertical-align:text-bottom;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-style:normal;display:inline}.phase-title{font-size:var(--text-lg,1.125rem);font-weight:var(--font-semibold,600);color:var(--text-primary,var(--theme-text-primary));margin-bottom:var(--space-2,8px)}.phase-body{font-size:var(--text-sm,.875rem);color:var(--text-secondary,var(--theme-text-secondary));line-height:var(--leading-relaxed,1.625)}.content-types-grid{gap:var(--space-3,12px);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}@media (width<=480px){.content-types-grid{gap:var(--space-2,8px);grid-template-columns:repeat(2,1fr)}}.grip-handle{cursor:grab;color:var(--text-tertiary,var(--theme-text-secondary,#9ca3af));padding:var(--space-1,4px);border-radius:var(--radius-sm,4px);touch-action:none;justify-content:center;align-items:center;display:flex}.grip-handle:hover{color:var(--text-secondary,var(--theme-text-primary));background:var(--surface-interactive,#0000000d)}.grip-handle:active{cursor:grabbing}.literacy-image__img{border-radius:var(--radius-md,8px);max-width:100%;height:auto;display:block}@keyframes sparkle-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}.sparkle-spin{animation:2s ease-in-out infinite sparkle-spin}@media (prefers-reduced-motion:reduce){.sparkle-spin{animation:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fade-in}@media (prefers-reduced-motion:reduce){.animate-fade-in{opacity:1;animation:none}}}.layout-content-wrapper.svelte-12qhfyh{width:100%;height:100dvh;position:relative;overflow:hidden}.layout-transition.svelte-12qhfyh{width:100%;height:100%}.layout-content-hidden.svelte-12qhfyh{visibility:hidden}.layout-skeleton-overlay.svelte-12qhfyh{z-index:1;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.layout-transition.svelte-12qhfyh{animation:none}}