.sample-songs.svelte-1dljpal{background-color:rgba(var(--color-background-primary),1);color:rgba(var(--color-text-light),1)}.section-title.svelte-1dljpal{color:rgba(var(--color-text-light),1);will-change:opacity,transform}.section-title.svelte-1dljpal .text-primary{color:rgba(var(--color-primary),1)}.section-title.svelte-1dljpal .text-accent{color:rgba(var(--color-accent),1)}.slider-container.svelte-1dljpal{margin-bottom:10px;position:relative;z-index:10;will-change:opacity,transform}.slider-track.svelte-1dljpal{position:relative;height:60px;background-color:rgba(var(--blue-600),.2);border-radius:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-segment.svelte-1dljpal{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0 5px;overflow:hidden;border-radius:30px}.slider-segment.svelte-1dljpal:hover .slider-segment-text:where(.svelte-1dljpal):not(.hidden){color:rgba(var(--blue-200),1);transform:translateY(-2px)}.slider-segment-text.svelte-1dljpal{color:rgba(var(--blue-300),.7);font-size:1rem;font-weight:var(--font-weight-medium);transition:color .3s ease,transform .25s cubic-bezier(.34,1.56,.64,1);padding:0 10px;text-align:center;will-change:transform;pointer-events:none}.is-dragging.svelte-1dljpal .slider-segment:where(.svelte-1dljpal):hover .slider-segment-text:where(.svelte-1dljpal){color:rgba(var(--blue-300),.7);transform:none;transition:none}.slider-segment.svelte-1dljpal:hover .slider-segment-text:where(.svelte-1dljpal){color:rgba(var(--blue-200),1);transform:translateY(-2px)}.slider-thumb.svelte-1dljpal{position:absolute;bottom:2px;height:100%;cursor:grab;z-index:10;transition:left .4s cubic-bezier(.25,1,.5,1);will-change:transform,left;touch-action:none}.slider-thumb-inner.svelte-1dljpal{height:100%;width:100%;background-color:rgba(var(--color-primary),1);border-radius:30px;color:rgba(var(--pink-700),1);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 5px rgba(var(--pink-700),1);transform:translateY(-2px);transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 20px}.slider-thumb-inner.svelte-1dljpal:hover{transform:translateY(-4px);box-shadow:0 7px rgba(var(--pink-700),1)}.slider-thumb-inner.svelte-1dljpal:active{transform:translateY(0);box-shadow:0 2px rgba(var(--pink-700),1);transition:all .1s ease}.slider-thumb-text.svelte-1dljpal{font-size:1rem;display:flex;gap:12px;align-items:center;color:rgba(var(--pink-700),1);transition:opacity .3s cubic-bezier(.25,.46,.45,.94),transform .3s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.slider-indicator.svelte-1dljpal{display:inline-block;font-weight:var(--font-weight-regular);font-size:1rem;letter-spacing:-2px;line-height:1;vertical-align:middle;color:rgba(var(--pink-700),1)}.triangle-3d.svelte-1dljpal{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);z-index:20;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid transparent;transition:transform .3s ease;pointer-events:none}.triangle-3d-base.svelte-1dljpal{position:absolute;top:-18px;left:-18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid rgba(var(--blue-850),1);transform:translateY(10px) scale(1.5);z-index:-2;transition:transform .3s ease,scale .3s ease;display:block}.triangle-3d.svelte-1dljpal:before{content:"";position:absolute;top:-19px;left:-18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid rgba(var(--pink-700),1);transform:translateY(4px) scale(1.1);z-index:0;transition:transform .2s ease,scale .3s ease}.triangle-3d.svelte-1dljpal:after{content:"";position:absolute;top:-20px;left:-18px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid rgba(var(--color-primary),1);transform:translateY(0) scale(1);z-index:1;transition:transform .3s ease,scale .3s ease}.slider-thumb.svelte-1dljpal:hover .triangle-3d:where(.svelte-1dljpal){transform:translate(-50%) translateY(-2px)}.slider-thumb.svelte-1dljpal:hover .triangle-3d:where(.svelte-1dljpal):after{transform:translateY(-2px) scale(1)}.slider-thumb.svelte-1dljpal:hover .triangle-3d:where(.svelte-1dljpal):before{transform:translateY(6px) scale(.95)}.slider-thumb.svelte-1dljpal:hover .triangle-3d-base:where(.svelte-1dljpal){transform:translateY(16px) scale(1.8)}.slider-thumb.svelte-1dljpal:active .triangle-3d:where(.svelte-1dljpal):after{transform:translateY(-2px) scale(1)}.slider-thumb.svelte-1dljpal:active .triangle-3d-base:where(.svelte-1dljpal){transform:translateY(10px) scale(1)}.slider-thumb.svelte-1dljpal:active .triangle-3d:where(.svelte-1dljpal):before{transform:translateY(1px) scale(1)}.progress-container.svelte-1dljpal{background-color:rgba(var(--blue-900),.3);transition:opacity .4s ease;position:relative;overflow:visible}.progress-bar.svelte-1dljpal{background-color:rgba(var(--color-primary),1);width:0;transition:opacity .4s ease;height:100%;position:absolute;top:0;left:0}.demo-card.svelte-1dljpal{border-radius:1rem;position:relative;z-index:1;margin-top:10px;background-color:rgba(var(--blue-500),.2);overflow:visible;will-change:transform,opacity;display:flex;flex-direction:column;min-height:550px}@media (min-width: 768px){.demo-card.svelte-1dljpal{min-height:450px}}.demo-content.svelte-1dljpal{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.original-text.svelte-1dljpal,.translated-text.svelte-1dljpal{transition:opacity .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94);will-change:opacity,transform,contents;position:relative;text-align:center}.original-text.svelte-1dljpal{padding:2rem 2rem 1rem}.translated-text.svelte-1dljpal{padding:1rem 1.5rem 2rem}.sentence-display.svelte-1dljpal{position:relative;transition:all .3s ease-out}.pronunciation-guide.svelte-1dljpal{line-height:1.8;padding:.5rem 1.5rem;display:inline-block;margin-top:1.5rem;margin-left:auto;margin-right:auto}@keyframes svelte-1dljpal-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word.svelte-1dljpal{display:inline-block;position:relative;transition:all .4s ease}.original-text.svelte-1dljpal .word:where(.svelte-1dljpal){color:rgba(var(--color-text-light),1)}#despacito-word.svelte-1dljpal{color:rgba(var(--color-text-light),1);transition:color .4s ease-out,font-weight .3s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.original-text[data-tab=word].svelte-1dljpal #despacito-word:where(.svelte-1dljpal){color:rgba(var(--color-primary),1)!important}.original-text[data-tab=pronunciation].svelte-1dljpal #despacito-word:where(.svelte-1dljpal){color:rgba(var(--color-primary),1)!important;font-weight:var(--font-weight-medium)!important}.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) #despacito-word:where(.svelte-1dljpal),.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) span.word.despacito:where(.svelte-1dljpal){color:rgba(var(--color-text-light),1)!important;font-weight:400!important;transform:none!important;text-shadow:none!important}@keyframes svelte-1dljpal-lineAppear{0%{width:0;left:50%;opacity:0}10%{opacity:.5}to{width:100%;left:0;opacity:1}}@keyframes svelte-1dljpal-lineDisappear{0%{width:100%;left:0;opacity:1}90%{opacity:.5}to{width:0;left:50%;opacity:0}}.word.despacito.svelte-1dljpal:after,#despacito-word.svelte-1dljpal:after,.translated-word.svelte-1dljpal:after{content:"";position:absolute;bottom:-6px;left:0;height:2.5px;background-color:rgba(var(--color-primary),.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center;opacity:0;width:0}.original-text[data-tab=word].svelte-1dljpal #despacito-word:where(.svelte-1dljpal):after,.original-text[data-tab=word].svelte-1dljpal .word.despacito:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineAppear .5s ease-out forwards;opacity:1}.original-text[data-tab=pronunciation].svelte-1dljpal #despacito-word:where(.svelte-1dljpal):after,.original-text[data-tab=pronunciation].svelte-1dljpal .word.despacito:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineAppear .5s ease-out forwards;opacity:1}.translated-text[data-tab=word].svelte-1dljpal .translated-word:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineAppear .6s ease-out .1s forwards;opacity:1}.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) #despacito-word:where(.svelte-1dljpal):after,.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) .word.despacito:where(.svelte-1dljpal):after,.translated-text.svelte-1dljpal:not([data-tab=word]) .translated-word:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineDisappear .4s ease-out forwards!important}.original-text[data-tab=word].svelte-1dljpal #despacito-word:where(.svelte-1dljpal):after,.original-text[data-tab=word].svelte-1dljpal span.word.despacito:where(.svelte-1dljpal):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2.5px;background-color:rgba(var(--color-primary),.9);animation:svelte-1dljpal-lineAppear .5s ease-out forwards;transition:opacity .3s ease,width .3s ease,left .3s ease}.original-text[data-tab=pronunciation].svelte-1dljpal #despacito-word:where(.svelte-1dljpal):after,.original-text[data-tab=pronunciation].svelte-1dljpal span.word.despacito:where(.svelte-1dljpal):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2.5px;background-color:rgba(var(--color-primary),.9);animation:svelte-1dljpal-lineAppear .5s ease-out forwards;transition:opacity .3s ease,width .3s ease,left .3s ease}.original-text[data-tab=pronunciation].svelte-1dljpal .word:where(.svelte-1dljpal){transition:all .5s ease}.original-text[data-tab=explanation].svelte-1dljpal .word:where(.svelte-1dljpal){transition:all .5s ease}.translated-word.svelte-1dljpal{position:relative;transition:all .3s ease}.translated-text[data-tab=word].svelte-1dljpal .translated-word:where(.svelte-1dljpal){color:rgba(var(--color-primary),1)!important;font-weight:var(--font-weight-medium);position:relative}.translated-text[data-tab=pronunciation].svelte-1dljpal .translated-word:where(.svelte-1dljpal){color:rgba(var(--color-primary),1)!important}@keyframes svelte-1dljpal-fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.explanation-box.svelte-1dljpal{display:inline-block;border:1px solid rgba(var(--color-primary),1);border-radius:15px;padding:25px 30px;max-width:90%;margin:0 auto;color:rgba(var(--color-primary),1);font-style:italic;box-shadow:0 6px 15px #00000026;position:relative;overflow:hidden}@keyframes svelte-1dljpal-fadeScale{0%{transform:scale(.98)}to{transform:scale(1)}}.explanation-box.svelte-1dljpal p:where(.svelte-1dljpal){margin:0;position:relative;z-index:1;color:rgba(var(--color-primary),1);line-height:1.8}.explanation-box.svelte-1dljpal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-primary),.1),transparent);opacity:.5;z-index:0}.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) #despacito-word:where(.svelte-1dljpal):after,.original-text.svelte-1dljpal:not([data-tab=word]):not([data-tab=pronunciation]) span.word.despacito:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineDisappear .4s ease-out forwards!important}.translated-text.svelte-1dljpal:not([data-tab=word]) .translated-word:where(.svelte-1dljpal):after{animation:svelte-1dljpal-lineDisappear .4s ease-out forwards!important}.mobile-tabs-container.svelte-1dljpal{padding:.75rem .75rem 1.25rem;background-color:rgba(var(--blue-900),.95);border-top:1px solid rgba(var(--blue-700),.3);position:relative;z-index:10;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;box-shadow:0 4px 15px #0000001a}.mobile-tabs-wrap.svelte-1dljpal{display:flex;flex-wrap:wrap;gap:.75rem;padding:.25rem .5rem;width:100%;justify-content:center}.mobile-tab-btn.svelte-1dljpal{flex:0 0 auto;padding:1rem 1.5rem;border-radius:9999px;font-size:.875rem;line-height:1.2;font-weight:var(--font-weight-medium);white-space:nowrap;background-color:rgba(var(--blue-600),.5);color:rgba(var(--blue-100),.85);transition:all .25s ease;margin-bottom:.5rem}.mobile-tab-btn.svelte-1dljpal:hover{background-color:rgba(var(--blue-500),.9);color:rgba(var(--blue-100),1)}.mobile-tab-btn.active.svelte-1dljpal{background-color:rgba(var(--blue-850),0);color:rgba(var(--blue-500),1);box-shadow:inset 0 0 0 2px rgba(var(--blue-500),1)}.original-text.svelte-1dljpal p:where(.svelte-1dljpal),.translated-text.svelte-1dljpal p:where(.svelte-1dljpal){transition:transform .3s cubic-bezier(.34,1.56,.64,1);will-change:contents,transform;margin:0}.original-text.svelte-1dljpal p:where(.svelte-1dljpal):hover,.translated-text.svelte-1dljpal p:where(.svelte-1dljpal):hover{transform:translateY(-2px)}