@keyframes cpEncodingImageFadeIn{0%{opacity:0}to{opacity:1}}.cp{color:#f8fafc;padding:28px 28px 32px}.cp__transcript{font-size:18px;line-height:32px;margin-bottom:32px}.cp--revealed .cp__transcript-spanish{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.4)}.cp__spanish-word--headword{font-weight:700}.cp__spanish-word--unspoken{color:#999}.cp__spanish-word--spoken{color:#fff}.cp__spanish-word--headword.cp__spanish-word--unspoken{color:#999;font-weight:700}.cp__spanish-word--headword.cp__spanish-word--spoken{color:#fbc3ce;font-weight:700}.cp__english-highlight{font-weight:700}.cp__headword-block{margin-bottom:32px}.cp__headword{font-size:36px;line-height:48px}.cp__headword,.cp__translations{font-family:Georgia;letter-spacing:0}.cp__translations{color:#fbf9d5;font-size:25px;line-height:32px}.cp__translation-separator{color:#fff}.cp__encoding{border-left:6px solid #a3374c;padding:16px;display:flex;flex-flow:column nowrap;align-items:flex-start}.cp__encoding-pieces{display:flex;flex-flow:row wrap;align-items:center;margin-bottom:12px}.cp__encoding-piece{display:flex;flex-flow:row nowrap;align-items:center}.cp__encoding-piece-icon{height:50px;border-radius:8px;margin-right:8px}.cp__encoding-piece-text{text-align:left}.cp__encoding-piece-label{letter-spacing:0;font-size:25px;line-height:32px;color:#fff;font-family:Georgia;font-weight:700}.cp__encoding-piece-label .del{color:#999}.cp__encoding-piece-gloss{font-family:Arial;letter-spacing:0;font-size:18px;line-height:24px;color:#fbc3ce}.cp__encoding-piece-plus{margin:0 8px;letter-spacing:0;font-size:25px;line-height:32px;color:#fff;font-family:Georgia;font-weight:700}.cp__encoding-summary{font-size:18px;margin-top:12px;margin-bottom:16px}.cp__encoding-summary .vocab{font-weight:700}.cp__encoding-summary .translation{font-family:Georgia;color:#fbf9d5}.cp__encoding-summary .piece-name{color:#fbc3ce;font-family:Georgia}.cp__encoding-summary .piece-meaning{font-weight:700}.cp__encoding-summary .del{color:#999}.cp__encoding-summary .piece-index{display:none}.cp__encoding-image{width:100%;max-width:234px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background-color:#000}.cp__encoding-image--loaded{animation:cpEncodingImageFadeIn .1s ease-out forwards}.cp__sense-image{width:100%;max-width:234px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin-top:16px}@keyframes diMuteFlashFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.di{position:fixed;inset:0;background:#0f0f0f;overflow:hidden;display:flex;flex-direction:column}.di__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid hsla(0,0%,100%,.06);gap:24px}.di__exit{display:inline-flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.65);text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px 8px 10px;border-radius:8px;transition:background .12s ease,color .12s ease}.di__exit:hover{color:#fff;background:hsla(0,0%,100%,.08)}.di__exit svg{display:block}.di__progress-track{flex:1;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;max-width:480px}.di__progress-fill{height:100%;background:hsla(0,0%,100%,.85);border-radius:3px;transition:width .3s ease}.di__stage{flex:1;display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 16px;min-height:0;overflow:hidden}.di__video-col{position:relative;aspect-ratio:9/16;max-height:800px;border-radius:12px;overflow:hidden;flex-shrink:0}.di__video,.di__video-col{height:100%;background:#000}.di__video{position:absolute;inset:0;width:100%;object-fit:cover;display:block;opacity:0;pointer-events:none}.di__video--active{opacity:1;pointer-events:auto;cursor:pointer;z-index:1}.di__mute-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:56px;pointer-events:none;animation:diMuteFlashFade .9s ease-out forwards;text-shadow:0 2px 12px rgba(0,0,0,.6)}.di__start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(17,41,50,.92);z-index:10;padding:24px;text-align:center}.di__start-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:20px;font-family:Georgia,serif;letter-spacing:-.3px}.di__start-stats{font-size:15px;line-height:1.8;margin-bottom:24px;color:hsla(0,0%,100%,.75)}.di__start-stat{font-weight:700}.di__start-stat--new{color:#55cbfa}.di__start-stat--learning{color:#fbc3ce}.di__start-stat--review{color:#b3e5d6}.di__start-btn{font-size:16px;font-weight:700;padding:12px 28px;border-radius:100px;border:none;cursor:pointer;background:#55cbfa;color:#0f172a;margin-bottom:16px;font-family:inherit;transition:background .12s ease}.di__start-btn:hover{background:#7dd7fb}.di__start-auth{display:flex;gap:10px;margin-bottom:12px}.di__start-auth-btn{font-size:13px;font-weight:600;padding:8px 18px;border-radius:100px;border:1px solid #55cbfa;color:#55cbfa;text-decoration:none;transition:background .12s ease}.di__start-auth-btn:hover{background:rgba(85,203,250,.12)}.di__start-auth-btn--primary{background:#55cbfa;color:#0f172a}.di__start-auth-btn--primary:hover{background:#7dd7fb}.di__start-back{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:16px;padding:8px 16px;border-radius:9999px;border:1px solid #55cbfa;color:#55cbfa;text-decoration:none;margin-top:12px;transition:background .12s ease,color .12s ease}.di__start-back:hover{background:#55cbfa;color:#0f172a}.di__action-col{display:flex;flex-direction:column;gap:14px;align-self:center;flex-shrink:0}.di__action{width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease,transform .08s ease,opacity .12s ease;padding:0}.di__action:hover:not(:disabled){background:hsla(0,0%,100%,.24);border-color:hsla(0,0%,100%,.38)}.di__action:active:not(:disabled){transform:scale(.92)}.di__action:disabled{opacity:.3;cursor:default}.di__action svg{display:block}.di__action--flip{margin-top:24px}.di__action--flip-active{background:rgba(85,203,250,.22);color:#55cbfa}.di__action--flip-active:hover:not(:disabled){background:rgba(85,203,250,.32)}.di__card-col{width:420px;flex-shrink:0;height:100%;max-height:800px;display:flex;flex-direction:column;background:hsla(0,0%,100%,.04);border-radius:12px;overflow:hidden}.di__card-content{flex:1;overflow-y:auto;min-height:0}.di__card-content::-webkit-scrollbar{width:4px}.di__card-content::-webkit-scrollbar-track{background:transparent}.di__card-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:2px}.di__end-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;color:#f1f5f9}.di__end-screen-emoji{font-size:64px;margin-bottom:16px}.di__end-screen-title{font-family:Georgia,serif;font-size:28px;font-weight:400;color:#fff;margin:0 0 12px}.di__end-screen-sub{font-size:15px;color:hsla(0,0%,100%,.6);margin:0 0 28px;max-width:280px;line-height:1.5}.di__end-screen-link{display:inline-flex;padding:11px 22px;border-radius:100px;background:rgba(85,203,250,.15);border:1px solid rgba(85,203,250,.35);color:#55cbfa;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s ease}.di__end-screen-link:hover{background:rgba(85,203,250,.28)}@media(max-width:1180px){.di__card-col{width:360px}}@media(max-width:1020px){.di__card-col{width:320px}.di__stage{gap:14px}}.sync-captions{position:absolute;top:0;left:0;right:0;padding:16px;background:rgba(17,41,50,.9);box-shadow:0 10px 30px rgba(15,23,42,.4);font-size:18px;line-height:32px;white-space:pre-wrap;transform:translateZ(0);-webkit-transform:translateZ(0);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.sync-captions__word{color:#999}.sync-captions__headword{color:#999;font-weight:700}.sync-captions__word--spoken{color:#fff}.sync-captions__headword--spoken{color:#fbc3ce;font-weight:700}.immerse-action-buttons{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:16px;z-index:2500;transform:translateZ(0);-webkit-transform:translateZ(0)}.immerse-action-buttons__btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(17,41,50,.7);filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));color:#fff;cursor:pointer;transition:background .25s cubic-bezier(.4,0,.2,1)}.immerse-action-buttons__icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .15s cubic-bezier(.4,0,.2,1)}.immerse-action-buttons--flipped .immerse-action-buttons__btn{background:#25393d}.immerse-action-buttons--flipped .immerse-action-buttons__btn:first-child{background:#446870}.immerse-action-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:3000}.immerse-action-menu-backdrop.is-open{opacity:1;visibility:visible}.immerse-action-menu{position:absolute;left:0;right:0;bottom:0;margin:0 auto;max-width:520px;background:#112932;border-radius:28px 28px 0 0;padding:28px 22px 32px;border:1px solid rgba(85,203,250,.24);box-shadow:0 -18px 40px rgba(2,6,23,.65);transform:translateY(12px);transition:transform .2s ease}.immerse-action-menu-backdrop.is-open .immerse-action-menu{transform:translateY(0)}.immerse-action-menu__content{display:flex;flex-direction:column;gap:14px}.immerse-action-menu__option{display:block;background:transparent;border:1px solid #55cbfa;border-radius:999px;padding:14px 18px;color:#55cbfa;font-weight:600;text-align:center;letter-spacing:.03em;transition:background .2s ease,color .2s ease}.immerse-action-menu__option:hover{background:#55cbfa;color:#112932}.immerse-action-menu__links{display:flex;flex-direction:column;gap:14px}@keyframes backOfCardFadeIn{0%{opacity:0}to{opacity:1}}.back-of-card{position:fixed;inset:0;background-color:rgba(17,41,50,.9);color:#f8fafc;display:flex;flex-direction:column;z-index:2000;padding:16px;pointer-events:auto;animation:backOfCardFadeIn .15s linear forwards}.back-of-card--fading-out{animation:backOfCardFadeOut .15s linear forwards!important}@keyframes encodingImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backOfCardFadeOut{0%{opacity:1}to{opacity:0}}.back-of-card__headword-and-translations{margin-bottom:32px}.back-of-card__headword-and-translations__headword{font-family:Georgia;letter-spacing:0;font-size:36px;line-height:48px}.back-of-card__headword-and-translations__translations{color:#fbf9d5;font-family:Georgia;letter-spacing:0;font-size:25px;line-height:32px}.back-of-card__close-button{align-self:flex-end;background:transparent;color:#f8fafc;border:none;font-size:28px;cursor:pointer}.back-of-card__content{overflow-y:auto;padding-right:8px}.back-of-card__transcript{font-size:18px;line-height:32px;margin-bottom:32px}.back-of-card__transcript-spanish{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #fff}.back-of-card__highlight{font-weight:700}.back-of-card__citation-form{margin-bottom:16px;padding:8px 12px;background-color:rgba(255,215,0,.1);border-radius:6px;border-left:3px solid gold}.back-of-card__citation-form-label{color:#ccc;font-size:12px}.back-of-card__citation-form-value{color:gold;font-weight:700}.back-of-card__encoding-strategies{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;padding-bottom:12px;border-bottom:1px solid #6c6c6c;margin-bottom:16px}.back-of-card__encoding-strategies-label{font-size:12px;color:#ccc;font-weight:700;display:inline-block}.back-of-card__encoding-strategies-tag{display:inline-flex;flex-flow:row nowrap;align-items:center;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;color:#fff;margin-left:8px}.back-of-card__encoding-strategies-tag--linguistic{border:1px solid #3c6243;background-color:#0e3218}.back-of-card__encoding-strategies-tag--mnemonic{border:1px solid #57577b;background-color:#18183d}.back-of-card__encoding-strategies-tag--visual{border:1px solid #5f5a3f;background-color:#2c2812}.back-of-card__encoding-strategies-tag--repetition{border:1px solid #744e5e;background-color:#37131c}.back-of-card__encoding-strategies-tag-icon{display:inline-block;margin-right:4px}.back-of-card__encoding-strategies-tag-icon svg{width:12px;height:12px}.back-of-card__encoding-strategies-tag-label{display:inline-block}.back-of-card__encoding{border-left:6px solid #a3374c;margin-top:16px;padding-left:16px;padding-top:16px;padding-bottom:16px;display:flex;flex-flow:column nowrap;align-items:flex-start}.back-of-card__encoding-image{width:100%;max-width:234px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;background-color:#000}.back-of-card__encoding-image--loaded{animation:encodingImageFadeIn .1s ease-out forwards}.back-of-card__encoding-pieces{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-bottom:12px}.back-of-card__encoding-piece{display:flex;flex-flow:row nowrap;align-items:center}.back-of-card__encoding-piece-icon-container{margin-right:8px}.back-of-card__encoding-piece-icon{height:50px;border-radius:8px}.back-of-card__encoding-piece-text{text-align:center}.back-of-card__encoding-piece-text-label{letter-spacing:0;font-size:25px;line-height:32px;color:#fff;font-family:Georgia;font-weight:700}.back-of-card__encoding-piece-text-label .del{color:#999}.back-of-card__encoding-piece-text-gloss{font-family:Arial;letter-spacing:0;font-size:18px;line-height:24px;color:#fbc3ce}.back-of-card__encoding-piece-separator{margin:0 8px;letter-spacing:0;font-size:25px;line-height:32px;color:#fff;font-family:Georgia;font-weight:700}.back-of-card__encoding-summary{font-size:18px;margin-top:12px;margin-bottom:16px}.back-of-card__encoding-summary .vocab{font-weight:700}.back-of-card__encoding-summary .translation{font-family:Georgia;color:#fbf9d5}.back-of-card__encoding-summary .piece-name{color:#fbc3ce;font-family:Georgia}.back-of-card__encoding-summary .piece-meaning{font-weight:700}.back-of-card__encoding-summary .del{color:#999}.back-of-card__encoding-summary .piece-index{display:none}.back-of-card__sense-image{width:100%;max-width:234px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;margin-top:16px}.back-of-card__sense-explanation{color:#fff;font-size:18px;margin-bottom:16px}@keyframes swipeHintFinger{0%{transform:translateY(85px);opacity:0}15%{opacity:1}65%{transform:translateY(40px);opacity:1}80%{transform:translateY(40px);opacity:0}to{transform:translateY(40px);opacity:0}}@keyframes swipeHintFadeIn{0%{opacity:0}to{opacity:1}}.swipe-hint{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);z-index:50;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:1;transition:opacity .28s ease-out;animation:swipeHintFadeIn .32s ease-out}.swipe-hint--hidden{opacity:0;animation:none}.swipe-hint__demo{width:96px;height:120px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}.swipe-hint__demo svg{width:100%;height:100%;display:block;overflow:visible}.swipe-hint__finger{transform-box:fill-box;transform-origin:center;animation:swipeHintFinger 1.8s ease-in-out infinite}.swipe-hint__label{padding:6px 14px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);border-radius:9999px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em}.fullscreen-container{position:fixed;left:0;top:0;width:100vw;height:100vh}.empty-session-preview{width:min(420px,90vw);padding:32px 24px;background:rgba(17,24,39,.92);box-shadow:0 25px 80px rgba(15,23,42,.4);backdrop-filter:blur(8px);text-align:center;color:#f1f5f9;display:flex;flex-direction:column;align-items:center}.empty-session-preview__subtitle{font-size:24px;line-height:32px;color:#fff;margin:0 0 32px}.empty-session-preview__stats{display:grid;gap:12px;font-size:16px;justify-items:center}.empty-session-preview__actions{display:flex;flex-direction:column;gap:0;width:auto;align-items:center}.empty-session-preview__actions a{text-decoration:none}.empty-session-preview__primary-button,.empty-session-preview__secondary-link{width:auto}.empty-session-preview__primary-button{margin-bottom:16px}.empty-session-preview__secondary-link{text-align:center;margin-top:0}.mobile-client-container,body{margin:0;padding:0;overflow:hidden}.mobile-client-container{width:100vw;height:100vh;height:100dvh;background:#1a1a1a}@keyframes startSessionFadeOut{0%{opacity:1}to{opacity:0}}.start-session-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(17,41,50,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.start-session-modal--fading-out{animation:startSessionFadeOut .15s cubic-bezier(.4,0,.2,1) forwards}.start-session-modal__title{font-family:Georgia;letter-spacing:0;font-size:36px;line-height:48px;font-weight:700;margin-bottom:32px}.start-session-modal__stats{font-size:20px;line-height:32px;margin-bottom:32px}.start-session-modal__stat{font-weight:700}.start-session-modal__stat--new{color:#55cbfa}.start-session-modal__stat--learning{color:#fbc3ce}.start-session-modal__stat--review{color:#b3e5d6}.start-session-modal__button{font-size:22px;font-weight:700;padding:12px 24px;border-radius:9999px;margin-bottom:16px;color:#112932;background-color:#55cbfa;cursor:pointer}.start-session-modal__button:hover{background-color:#87dafb}.start-session-modal__link{color:#55cbfa;border:1px solid #55cbfa;font-weight:700;font-size:13px;line-height:16px;padding:8px 16px;border-radius:9999px;text-decoration:none}.start-session-modal__link:hover{color:#112932;background-color:#55cbfa}.start-session-modal__auth-cta{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:48px}.start-session-modal__auth-copy{font-size:18px;margin-bottom:16px}.start-session-modal__auth-buttons{display:flex;gap:16px;margin-bottom:16px}.start-session-modal__auth-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:9999px;font-size:18px;font-weight:700;line-height:24px;text-decoration:none}.start-session-modal__auth-button--primary{color:#2c3133;background-color:#55cbfa}.start-session-modal__auth-button:not(.start-session-modal__auth-button--primary){color:#55cbfa;border:1px solid #55cbfa}.end-screen{width:100%;height:100%;background:rgba(17,41,50,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1f5f9;text-align:center}.end-screen__emoji{font-size:72px}.end-screen__title{font-size:32px;font-weight:700;color:#fff;margin-bottom:32px}.end-screen__subtitle{font-size:24px;line-height:32px;color:#fff;margin:0 0 32px;max-width:360px}