.audio-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.audio-progress-fill{height:100%;width:100%;transform-origin:left;will-change:transform}.audio-progress-bar-ai .audio-progress-fill-ai{background:linear-gradient(90deg,rgba(96,165,250,.15),rgba(96,165,250,.35))}.dark .audio-progress-bar-ai .audio-progress-fill-ai,:root.dark .audio-progress-bar-ai .audio-progress-fill-ai{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.16))}.audio-progress-bar-user .audio-progress-fill-user{background:linear-gradient(90deg,rgba(56,189,248,.08),rgba(56,189,248,.18))}.dark .audio-progress-bar-user .audio-progress-fill-user,:root.dark .audio-progress-bar-user .audio-progress-fill-user{background:linear-gradient(90deg,rgba(56,189,248,.12),rgba(56,189,248,.24))}.karaoke-word-highlighted{color:hsl(var(--primary));transition:color 75ms ease-out,opacity 75ms ease-out}.karaoke-word-current{color:hsl(var(--primary));background:hsl(var(--primary)/.15);border-radius:.125rem;padding:0 .125rem;margin:0 -.125rem;transform:scale(1.02);transition:all 75ms ease-out}.karaoke-word-pending{color:hsl(var(--foreground)/.6);transition:color 75ms ease-out}.dark .karaoke-word-highlighted,:root.dark .karaoke-word-highlighted{color:hsl(var(--primary-foreground))}.dark .karaoke-word-current,:root.dark .karaoke-word-current{color:hsl(var(--primary-foreground));background:hsl(var(--primary)/.25)}.dark .karaoke-word-pending,:root.dark .karaoke-word-pending{color:hsl(var(--foreground)/.5)}.glassy-card{position:relative;overflow:hidden;border-radius:1rem;background:linear-gradient(145deg,rgba(0,0,0,.05),rgba(0,0,0,.04) 50%,rgba(0,0,0,.02));backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.08);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease}.glassy-card:before{background:var(--card-tint-light,transparent);z-index:0}.glassy-card:after,.glassy-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}.glassy-card:after{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.2) 30%,transparent 60%,rgba(0,0,0,.02));z-index:1}.glassy-card>*{position:relative;z-index:2}.glassy-card:hover{box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.12)}.glassy-card:active{opacity:.9}.glassy-card.force-glass-dark{background:linear-gradient(145deg,rgba(0,0,0,.45),rgba(0,0,0,.35) 50%,rgba(0,0,0,.3))!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.15),0 4px 12px rgba(0,0,0,.3)!important}.glassy-card.force-glass-dark,.glassy-card.force-glass-dark p,.glassy-card.force-glass-dark span:not([class*=rounded-full]):not(.force-black-text *){color:rgba(255,255,255,.95)!important}.glassy-card.force-glass-dark .force-black-text,.glassy-card.force-glass-dark .force-black-text *,.glassy-card.force-glass-dark .force-black-text span,.glassy-card.force-glass-dark .force-black-text svg{color:#000!important}.glassy-card.force-glass-dark .prose,.glassy-card.force-glass-dark .prose *{color:rgba(255,255,255,.95)!important}.glassy-card.force-glass-dark .opacity-60,.glassy-card.force-glass-dark .text-muted-foreground:not([class*=w-]):not([class*=h-]){color:rgba(255,255,255,.7)!important;opacity:1!important}.glassy-card.force-glass-dark svg{color:inherit}.glassy-card.force-glass-dark .text-primary{color:rgba(96,165,250,1)!important}.glassy-card.force-glass-dark:before{background:rgba(255,255,255,.05)!important}.glassy-card.force-glass-dark:after{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 30%,transparent 60%,rgba(0,0,0,.1))!important}.glassy-card.force-glass-dark:hover{background:linear-gradient(145deg,rgba(0,0,0,.5),rgba(0,0,0,.4) 50%,rgba(0,0,0,.35))!important}.glassy-card.force-glass-dark .audio-progress-fill{background:linear-gradient(90deg,rgba(96,165,250,.4),rgba(96,165,250,.6) 50%,rgba(96,165,250,.8))!important}.glassy-card.force-glass-dark .segment-note,.glassy-card.force-glass-dark .segment-pronunciation{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important;color:rgba(255,255,255,.8)!important}.glassy-card.force-glass-dark~div .text-muted-foreground\/60,.glassy-card.force-glass-dark~div [class*="text-muted-foreground/"]{color:rgba(255,255,255,.7)!important}.glassy-card.force-glass-dark .bg-foreground{background-color:rgba(255,255,255,.9)!important}.glassy-card.force-glass-dark .text-background{color:rgba(0,0,0,.9)!important}.glassy-card.force-glass-dark .border-t{border-color:rgba(255,255,255,.15)!important}.has-scenario-background .text-sm.font-medium.text-muted-foreground,.has-scenario-background span.text-muted-foreground{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.has-scenario-background .text-muted-foreground\/60,.has-scenario-background [class*="text-muted-foreground/"]{color:rgba(255,255,255,.75)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.has-scenario-background .rounded-full{box-shadow:0 0 0 2px rgba(0,0,0,.3)}.dark .glassy-card,:root.dark .glassy-card{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08)}.dark .glassy-card:before,:root.dark .glassy-card:before{background:var(--card-tint-dark,transparent)}.dark .glassy-card:after,:root.dark .glassy-card:after{background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01) 30%,transparent 60%,rgba(0,0,0,.1))}.dark .glassy-card:hover,:root.dark .glassy-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.07) 40%,rgba(255,255,255,.03))}.glassy-card.is-playing{animation:glassy-pulse 2s ease-in-out infinite}@keyframes glassy-pulse{0%,to{box-shadow:0 1px 4px -1px var(--card-glow-light,rgba(0,0,0,.06)),inset 0 1px 0 0 rgba(255,255,255,.8),inset 0 -1px 0 0 rgba(0,0,0,.04)}50%{box-shadow:0 2px 8px -2px var(--card-glow-light,rgba(0,0,0,.1)),inset 0 1px 0 0 rgba(255,255,255,.9),inset 0 -1px 0 0 rgba(0,0,0,.04)}}.dark .glassy-card.is-playing,:root.dark .glassy-card.is-playing{animation:glassy-pulse-dark 2s ease-in-out infinite}@keyframes glassy-pulse-dark{0%,to{box-shadow:0 2px 8px -3px var(--card-glow-dark,rgba(0,0,0,.2)),inset 0 1px 0 0 rgba(255,255,255,.12),inset 0 -1px 0 0 rgba(0,0,0,.2)}50%{box-shadow:0 3px 12px -4px var(--card-glow-dark,rgba(0,0,0,.25)),inset 0 1px 0 0 rgba(255,255,255,.2),inset 0 -1px 0 0 rgba(0,0,0,.2)}}.glassy-card .audio-progress{position:absolute;bottom:0;left:0;height:100%;width:100%;pointer-events:none;z-index:1;overflow:hidden;border-radius:inherit}.glassy-card .audio-progress-fill{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,hsla(var(--card-hue,210),50%,45%,.12) 0,hsla(var(--card-hue,210),55%,45%,.2) 50%,hsla(var(--card-hue,210),60%,45%,.28) 100%);transition:transform .1s linear}.dark .glassy-card .audio-progress-fill,:root.dark .glassy-card .audio-progress-fill{background:linear-gradient(90deg,hsla(var(--card-hue,210),55%,60%,.1) 0,hsla(var(--card-hue,210),55%,60%,.2) 50%,hsla(var(--card-hue,210),55%,60%,.3) 100%)}.glassy-vocab-hint{min-width:120px;max-width:300px;padding:.625rem .875rem}.glassy-vocab-hint.has-pronunciation{min-width:240px}.glassy-flashcard{padding:2rem;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.glassy-bubble{padding:1rem;max-width:72%}.glassy-card.is-loading{opacity:.7}.glassy-card.is-loading:before{animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.glassy-input{position:relative;border-radius:1rem;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.5) 50%,rgba(255,255,255,.4));backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1.5px solid rgba(0,0,0,.12);box-shadow:inset 0 1px 2px rgba(0,0,0,.04),inset 0 -1px 0 rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.05);transition:border-color .2s ease,box-shadow .2s ease}.glassy-input:hover:not(:focus):not(:disabled){border-color:rgba(0,0,0,.2);background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.6) 50%,rgba(255,255,255,.5))}.glassy-input:disabled{opacity:.6;cursor:not-allowed}.glassy-input::placeholder{color:rgba(0,0,0,.4)}.dark .glassy-input,:root.dark .glassy-input{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.05) 50%,rgba(255,255,255,.03));backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1)}.dark .glassy-input:focus,.dark .glassy-input:focus-visible,:root.dark .glassy-input:focus,:root.dark .glassy-input:focus-visible{outline:none;border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 2px rgba(0,0,0,.2),0 0 0 3px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.3)}.dark .glassy-input:hover:not(:focus):not(:disabled),:root.dark .glassy-input:hover:not(:focus):not(:disabled){border-color:rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.07) 50%,rgba(255,255,255,.04))}.dark .glassy-input::placeholder,:root.dark .glassy-input::placeholder{color:rgba(255,255,255,.35)}.glassy-textarea{resize:none;min-height:100px;border-radius:1.25rem}.glassy-input.is-recording{border-color:rgba(239,68,68,.4)!important;background:linear-gradient(145deg,rgba(239,68,68,.08),rgba(255,255,255,.6) 50%,rgba(255,255,255,.4));animation:recording-glow 1.5s ease-in-out infinite}.dark .glassy-input.is-recording,:root.dark .glassy-input.is-recording{border-color:rgba(239,68,68,.5)!important;background:linear-gradient(145deg,rgba(239,68,68,.15),rgba(255,255,255,.06) 50%,rgba(255,255,255,.03))}@keyframes recording-glow{0%,to{box-shadow:inset 0 1px 2px rgba(239,68,68,.1),0 0 0 2px rgba(239,68,68,.1)}50%{box-shadow:inset 0 1px 2px rgba(239,68,68,.15),0 0 0 4px rgba(239,68,68,.15)}}