.learner-dashboard-grid{grid-template-columns:minmax(0,1fr);display:grid}.learner-dashboard-grid .right-panel{min-height:720px;box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.learner-vocabulary-page{background:radial-gradient(circle at 100% 0,#116eee14,#0000 28%),linear-gradient(#fffffffa,#f6fafffa);border:1px solid #d0def2e0;border-radius:30px;gap:22px;min-height:720px;padding:28px;display:grid;box-shadow:0 32px 70px #0f204014,inset 0 1px #ffffffeb}.learner-vocabulary-hero,.learner-vocabulary-hero-copy{gap:12px;display:grid}.learner-vocabulary-kicker,.learner-vocabulary-show-label{color:#4f74ad;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.learner-vocabulary-hero h1,.learner-vocabulary-show h2,.learner-vocabulary-episode-head h3,.learner-vocabulary-lesson-card h4{color:#132a4c;margin:0}.learner-vocabulary-hero h1{letter-spacing:-.04em;font-size:clamp(2.2rem,4vw,3.15rem);line-height:.96}.learner-vocabulary-hero p{color:#6a7f9e;max-width:44rem;margin:0;font-size:1rem;line-height:1.7}.learner-vocabulary-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.learner-vocabulary-main{gap:20px;display:grid}.learner-vocabulary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.learner-vocabulary-stat-card{background:#fffffff5;border:1px solid #e0e8f5;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid;box-shadow:0 14px 30px #116eee0f}.learner-vocabulary-stat-card strong{color:#17315b;margin-top:4px;font-size:1.75rem;line-height:1;display:block}.learner-vocabulary-stat-card small,.learner-vocabulary-show-copy p,.learner-vocabulary-episode-meta p,.learner-vocabulary-lesson-copy p{color:#7285a2}.learner-vocabulary-stat-card small{margin-top:8px;font-size:.82rem;line-height:1.5;display:block}.learner-vocabulary-stat-label{color:#25436d;font-size:.8rem;font-weight:700;line-height:1.4;display:block}.learner-vocabulary-stat-icon{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.learner-vocabulary-stat-icon.is-blue{color:#1f73ff;background:#edf4ff}.learner-vocabulary-stat-icon.is-orange{color:#ff8a27;background:#fff2e7}.learner-vocabulary-stat-icon.is-rose{color:#ff6b76;background:#fff0f0}.learner-vocabulary-stat-icon.is-green{color:#28a864;background:#eaf8ef}.learner-vocabulary-toolbar{grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(0,1fr));gap:10px;display:grid}.learner-vocabulary-search,.learner-vocabulary-select{background:#fffffff0;border:1px solid #dbe4f1;border-radius:16px;gap:6px;padding:12px 14px;display:grid;box-shadow:0 10px 24px #0f20400a}.learner-vocabulary-search{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px}.learner-vocabulary-search svg{color:#7f91ab}.learner-vocabulary-search input,.learner-vocabulary-select select{color:#17315b;background:0 0;border:none;width:100%;padding:0;font-family:inherit;font-size:.92rem}.learner-vocabulary-search input:focus,.learner-vocabulary-select select:focus{outline:none}.learner-vocabulary-select span{color:#6f86a6;letter-spacing:.04em;font-size:.72rem;font-weight:700}.learner-vocabulary-select select{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236f86a6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 100% no-repeat}.learner-vocabulary-select.is-sort{min-width:138px}.learner-vocabulary-empty{color:#527093;text-align:center;background:#fbfdff;border:1px dashed #cfe0f6;border-radius:22px;place-content:center;justify-items:center;gap:12px;min-height:280px;padding:28px;display:grid}.learner-vocabulary-empty strong{color:#17345d;font-size:1.05rem}.learner-vocabulary-empty p{max-width:460px;margin:0;line-height:1.65}.learner-vocabulary-empty.is-error{color:#9b4c4c;background:#fff8f8;border-style:solid;border-color:#f0c8c8}.learner-vocabulary-retry{color:#fff;background:#1f73ff;border-radius:12px;min-height:44px;padding:0 18px;font-weight:700}.learner-vocabulary-groups{gap:18px;display:grid}.learner-vocabulary-show{background:linear-gradient(#fffffff7,#f9fcfff2);border:1px solid #dce7f5;border-radius:26px;gap:16px;padding:18px;display:grid;box-shadow:0 18px 34px #0f20400d}.learner-vocabulary-show-head{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.learner-vocabulary-show-media,.learner-vocabulary-show-title-row,.learner-vocabulary-episode-meta,.learner-vocabulary-lesson-top,.learner-vocabulary-lesson-tags,.learner-vocabulary-lesson-actions{align-items:center;display:flex}.learner-vocabulary-show-media{gap:14px;min-width:0}.learner-vocabulary-show-poster{background:#edf4ff;border-radius:16px;flex:0 0 64px;width:64px;height:64px;overflow:hidden}.learner-vocabulary-show-poster .library-poster-image,.learner-vocabulary-show-poster .library-poster-fallback{width:100%;height:100%}.learner-vocabulary-show-copy{gap:6px;min-width:0;display:grid}.learner-vocabulary-show-title-row{flex-wrap:wrap;gap:10px}.learner-vocabulary-show h2{font-size:1.34rem;line-height:1.1}.learner-vocabulary-show-copy p,.learner-vocabulary-episode-meta p,.learner-vocabulary-lesson-copy p{align-items:center;gap:8px;margin:0;font-size:.88rem;display:flex}.learner-vocabulary-show-badge,.learner-vocabulary-episode-badge,.learner-vocabulary-lesson-badge,.learner-vocabulary-lesson-status,.learner-vocabulary-lesson-callout{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:.76rem;font-weight:700;display:inline-flex}.learner-vocabulary-show-badge{color:#1c67d9;background:#edf4ff}.learner-vocabulary-show-caret{color:#607a9d;transition:transform .18s;display:inline-flex}.learner-vocabulary-show-caret.is-open{transform:rotate(180deg)}.learner-vocabulary-episodes{gap:18px;display:grid}.learner-vocabulary-episode{background:#fff;border:1px solid #e4ecf8;border-radius:22px;gap:18px;padding:20px;display:grid;box-shadow:0 14px 32px #0f20400b}.learner-vocabulary-episode-head{justify-content:flex-start;display:flex}.learner-vocabulary-episode-meta{align-items:flex-start;gap:12px}.learner-vocabulary-episode-meta div{gap:6px;display:grid}.learner-vocabulary-episode-badge{color:#1f73ff;background:#eef4ff;min-height:32px}.learner-vocabulary-episode-head h3{font-size:1.12rem;line-height:1.25}.learner-vocabulary-lesson-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.learner-vocabulary-lesson-card{background:linear-gradient(#fff,#f8fbff);border:1px solid #dbe7f6;border-radius:22px;gap:18px;padding:22px 24px;display:grid;box-shadow:0 14px 34px #17315b0b,inset 0 1px #fffffff2}.learner-vocabulary-lesson-top,.learner-vocabulary-lesson-actions{justify-content:space-between;gap:14px}.learner-vocabulary-lesson-actions{justify-content:flex-end}.learner-vocabulary-lesson-tags{flex-wrap:wrap;gap:10px}.learner-vocabulary-lesson-badge{color:#1f73ff;background:#edf4ff}.learner-vocabulary-lesson-status.is-done{color:#2c9c60;background:#eaf8ef}.learner-vocabulary-lesson-status.is-in-progress{color:#ff8927;background:#fff3e7}.learner-vocabulary-lesson-status.is-not-started{color:#5e7597;background:#f1f5fb}.learner-vocabulary-lesson-progress span,.learner-vocabulary-lesson-meta{color:#6b81a0;font-size:.94rem;font-weight:700}.learner-vocabulary-lesson-copy{gap:8px;display:grid}.learner-vocabulary-lesson-card h4{letter-spacing:-.02em;font-size:1.28rem;line-height:1.2}.learner-vocabulary-lesson-meta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learner-vocabulary-lesson-meta{align-items:center;gap:6px;display:inline-flex}.learner-vocabulary-lesson-callout{gap:6px}.learner-vocabulary-lesson-callout.is-hard{color:#ea5f6a;background:#fff0f0}.learner-vocabulary-lesson-callout.is-review{color:#f28b1d;background:#fff5ea}.learner-vocabulary-lesson-callout.is-complete{color:#28a864;background:#eaf8ef}.learner-vocabulary-expression-preview{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.learner-vocabulary-expression-chip{background:#fbfdff;border:1px solid #dbe7f6;border-radius:14px;gap:6px;min-width:0;padding:12px 14px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative}.learner-vocabulary-expression-chip:hover,.learner-vocabulary-expression-chip:focus-visible{background:#fff;border-color:#bdd5fb;transform:translateY(-2px);box-shadow:0 14px 28px #1e4a8c17}.learner-vocabulary-expression-chip:focus-visible{outline-offset:2px;outline:2px solid #1f73ff2e}.learner-vocabulary-expression-chip strong{color:#193359;font-size:.93rem;line-height:1.35}.learner-vocabulary-expression-chip span,.learner-vocabulary-expression-chip em{color:#7890ae;font-size:.78rem;font-style:normal;font-weight:700}.learner-vocabulary-expression-chip-extra{display:none}.learner-vocabulary-expression-chip-extra.is-visible{animation:.28s both learnerVocabularyChipReveal;display:grid}.learner-vocabulary-expression-tooltip{z-index:5;opacity:0;pointer-events:none;background:#0b1a33f5;border-radius:16px;gap:8px;width:min(320px,48vw);padding:14px 16px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(8px);box-shadow:0 24px 44px #0a183038}.learner-vocabulary-expression-chip:hover .learner-vocabulary-expression-tooltip,.learner-vocabulary-expression-chip:focus-visible .learner-vocabulary-expression-tooltip{opacity:1;transform:translateY(0)}.learner-vocabulary-expression-tooltip:before{content:"";background:#0b1a33f5;border-radius:3px;width:14px;height:14px;position:absolute;bottom:calc(100% - 2px);left:22px;transform:rotate(45deg)}.learner-vocabulary-expression-tooltip-label{color:#8eb9ff;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.learner-vocabulary-expression-tooltip p{color:#f3f7fff0;margin:0;font-size:.87rem;line-height:1.55}.learner-vocabulary-expression-chip.is-more{color:#5e7699;background:#f6f9ff;justify-content:center;align-self:flex-start;align-items:center;min-height:52px;font-size:.86rem;font-weight:700;transition:transform .18s,border-color .18s,color .18s,background .18s;display:inline-flex}.learner-vocabulary-expression-chip.is-more:hover,.learner-vocabulary-expression-chip.is-more:focus-visible{color:#1f73ff;background:#fff;border-color:#bcd5fd}.learner-vocabulary-expression-chip.is-more.is-expanded{color:#1f73ff;background:#eef4ff}.learner-vocabulary-open-lesson,.learner-vocabulary-start-review{color:#fff;background:#1f73ff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:.96rem;font-weight:700;transition:background .16s,opacity .16s,transform .16s;display:inline-flex}.learner-vocabulary-open-lesson:hover:not(:disabled),.learner-vocabulary-start-review:hover:not(:disabled){background:#0f63f2;transform:translateY(-1px)}.learner-vocabulary-open-lesson:disabled,.learner-vocabulary-start-review:disabled{opacity:.7;cursor:wait}.learner-review-page{display:grid}.learner-review-loading-screen{place-items:center;min-height:min(62vh,560px);padding:24px;display:grid}.learner-review-loading-card{color:#2a78ff;text-align:center;justify-items:center;gap:12px;width:min(100%,320px);padding:18px 20px;display:grid}.learner-review-loading-card strong{color:#13366a;letter-spacing:-.03em;font-size:1.35rem;line-height:1.08}.learner-review-loading-card p{color:#6b83a5;margin:0;font-size:.95rem;line-height:1.55}.learner-review-shell{gap:20px;display:grid}.learner-review-heading{gap:10px;padding:4px 2px 0;display:grid}.learner-review-heading span{color:#5878b4;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.learner-review-heading h1{color:#13366a;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.8vw,3rem);line-height:1.02}.learner-review-heading p{color:#6b83a5;max-width:620px;margin:0;font-size:1rem;line-height:1.7}.learner-review-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.learner-review-filter-bar{justify-content:flex-start;display:flex}.learner-review-show-filter{align-items:center;gap:12px;display:inline-flex}.learner-review-show-filter>span{color:#18345f;font-size:.96rem;font-weight:750}.learner-review-show-select{min-width:266px;position:relative}.learner-review-show-trigger{cursor:pointer;background:#fff;border:1px solid #bdd1f1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;transition:border-color .18s,box-shadow .18s,background-color .18s;display:flex;box-shadow:0 2px 8px #18345f0a}.learner-review-show-trigger:hover{border-color:#adc6ef;box-shadow:0 3px 10px #18345f0d}.learner-review-show-trigger.is-open{border-color:#76a7ec;box-shadow:0 0 0 2px #5f95e824}.learner-review-show-trigger:focus-visible{border-color:#76a7ec;outline:none;box-shadow:0 0 0 2px #5f95e824}.learner-review-show-select-value{align-items:center;gap:11px;min-width:0;min-height:28px;display:flex}.learner-review-show-select-value strong{color:#17315b;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:800;overflow:hidden}.learner-review-show-poster{object-fit:cover;border-radius:6px;flex-shrink:0;width:24px;height:24px}.learner-review-show-poster.is-fallback,.learner-review-show-poster.is-generic{color:#fff;letter-spacing:.03em;background:linear-gradient(#1f3455,#304b74);justify-content:center;align-items:center;font-size:.58rem;font-weight:900;display:inline-flex}.learner-review-show-poster.is-generic{color:#5a78a8;background:#eef4ff}.learner-review-show-trigger svg{color:#7c92b4;flex-shrink:0}.learner-review-show-menu{z-index:20;background:#fff;border:1px solid #e1e9f6;border-radius:14px;width:100%;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 26px #122d5814}.learner-review-show-search{border-bottom:1px solid #eef3fa;align-items:center;gap:10px;padding:14px 16px;display:flex}.learner-review-show-search svg{color:#8a9dba;flex-shrink:0}.learner-review-show-search input{color:#17315b;background:0 0;border:none;width:100%;font-size:.88rem}.learner-review-show-search input::placeholder{color:#93a5bf}.learner-review-show-search input:focus{outline:none}.learner-review-show-options{gap:3px;max-height:320px;padding:8px;display:grid;overflow-y:auto}.learner-review-show-option{color:#17315b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 11px;transition:background .18s,color .18s;display:flex}.learner-review-show-option:hover{background:#f8fbff}.learner-review-show-option.is-selected{color:#1d5ebc;background:#edf4ff}.learner-review-show-option.is-selected svg{color:#2d78e8}.learner-review-show-option-main{align-items:center;gap:12px;min-width:0;display:flex}.learner-review-show-option-main strong{text-align:left;font-size:.93rem;font-weight:800}.learner-review-show-empty{color:#879ab7;text-align:center;padding:14px 12px;font-size:.88rem}.learner-review-metric-card,.learner-review-hero,.learner-review-panel,.learner-review-card,.learner-review-session-panel{background:linear-gradient(#fff,#f8fbff);border:1px solid #dde8f6;border-radius:24px;box-shadow:0 16px 34px #132f5c0d,inset 0 1px #ffffffeb}.learner-review-metric-card{align-items:center;gap:14px;padding:18px 20px;display:flex}.learner-review-metric-card div:last-child{gap:3px;display:grid}.learner-review-metric-card span,.learner-review-metric-card small{color:#7188a7;font-size:.83rem;font-weight:700}.learner-review-metric-card strong{color:#16396d;letter-spacing:-.04em;font-size:1.9rem;line-height:1}.learner-review-metric-icon,.learner-review-mode-icon{border-radius:16px;place-items:center;width:44px;height:44px;display:inline-grid}.learner-review-metric-icon.is-orange{color:#ff912f;background:#fff3e6}.learner-review-metric-icon.is-red,.learner-review-mode-icon.is-red{color:#f15d67;background:#fff0f0}.learner-review-metric-icon.is-green,.learner-review-mode-icon.is-green{color:#2fa769;background:#eaf8ef}.learner-review-metric-icon.is-purple{color:#8b5cf6;background:#f3edff}.learner-review-hero{grid-template-columns:minmax(0,1.15fr) 250px;align-items:center;gap:20px;padding:28px 30px;display:grid}.learner-review-hero-copy{gap:14px;display:grid}.learner-review-hero-copy h2,.learner-review-panel-head h3{color:#14386c;letter-spacing:-.03em;margin:0;font-size:1.65rem;line-height:1.1}.learner-review-hero-copy>p,.learner-review-panel-head p,.learner-review-next-lesson span{color:#6d84a6;margin:0;font-size:.98rem;line-height:1.6}.learner-review-points{gap:12px;margin:2px 0 4px;padding:0;list-style:none;display:grid}.learner-review-points li{color:#224774;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:inline-flex}.learner-review-points li svg{color:#2a78ff}.learner-review-start-button{width:fit-content;min-width:158px;margin-top:6px}.learner-review-ring-panel{place-items:center;display:grid}.learner-review-ring{background:conic-gradient(#1f73ff 0 calc(var(--review-ring,42) * 1%), #dfeafd 0 100%);border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.learner-review-ring-inner{text-align:center;background:#fff;border-radius:50%;align-content:center;place-items:center;gap:8px;width:104px;height:104px;display:grid;box-shadow:inset 0 0 0 1px #dfeafdf2}.learner-review-ring-inner strong{color:#14386c;letter-spacing:-.05em;font-size:2.1rem;line-height:1}.learner-review-ring-inner span{color:#7a91b0;font-size:.78rem;font-weight:700}.learner-review-lower-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:18px;display:grid}.learner-review-card-stage{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:18px;display:grid}.learner-review-card{gap:22px;min-height:430px;padding:clamp(24px,4vw,42px);display:grid}.learner-review-card-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.learner-review-card-topline span,.learner-review-card-body span{color:#5e7fb4;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.learner-review-card-topline strong{color:#5e8cdf;background:#f5f9ff;border:1px solid #e4edfb;border-radius:999px;place-items:center;min-width:44px;padding:7px 11px;font-size:.76rem;font-weight:800;display:inline-grid}.learner-review-card h2{color:#0d1f3d;max-width:760px;font-family:var(--font-study-display), serif;letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(1.85rem,4.6vw,3.7rem);font-weight:500;line-height:1}.learner-review-card-body{gap:16px;display:grid}.learner-review-card-body div{gap:7px;display:grid}.learner-review-card-body p{color:#14345f;max-width:760px;margin:0;font-size:1.02rem;line-height:1.7}.learner-review-card-source{color:#5f7fae;letter-spacing:.05em;background:#f7faff;border:1px solid #e7eefb;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 11px;font-size:.79rem;font-weight:800;display:inline-flex}.learner-review-inline-error{color:#d82f45;margin:0;font-size:.92rem;font-weight:700}.learner-review-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.learner-review-answer{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:.92rem;font-weight:900;transition:border-color .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.learner-review-answer:hover:not(:disabled){box-shadow:0 4px 10px #162f5b0a}.learner-review-answer:disabled{cursor:wait;opacity:.72}.learner-review-answer.is-almost{color:#c38118;background:#fff9ef;border-color:#ffe2b4}.learner-review-answer.is-hard{color:#5068c0;background:#f6f8ff;border-color:#dbe1ff}.learner-review-answer.is-good{color:#229157;background:#f3fdf6;border-color:#ccecd7}.learner-review-session-panel{text-align:center;justify-items:center;gap:16px;padding:22px;display:grid}.learner-review-session-panel p,.learner-review-complete p{color:#6b83a5;margin:0;font-size:.95rem;line-height:1.6}.learner-review-load-more{width:100%}.learner-review-complete{text-align:center;align-content:center;place-items:center;gap:12px;min-height:330px;display:grid}.learner-review-complete svg{color:#1f73ff}.learner-review-complete strong{color:#14386c;font-size:1.5rem}.learner-review-panel{gap:18px;padding:22px;display:grid}.learner-review-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.learner-review-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learner-review-mode-card{color:inherit;text-align:left;background:#fff;border:1px solid #dbe7f6;border-radius:20px;justify-items:start;gap:10px;padding:18px 16px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.learner-review-mode-card:hover,.learner-review-mode-card.is-active{background:#fbfdff;border-color:#bdd5fb;transform:translateY(-2px);box-shadow:0 16px 28px #1d468612}.learner-review-mode-card strong,.learner-review-next-lesson strong,.learner-review-next-chip strong{color:#15386b}.learner-review-mode-card p,.learner-review-mode-card small{color:#7289aa;margin:0}.learner-review-mode-card p{font-size:.9rem;line-height:1.5}.learner-review-mode-card small{font-size:.8rem;font-weight:700}.learner-review-mode-icon.is-blue{color:#1f73ff;background:#ecf3ff}.learner-review-next-lesson{gap:6px;display:grid}.learner-review-next-lesson span i{color:#9ab0cb;margin:0 8px;font-style:normal}.learner-review-up-next-list{gap:10px;display:grid}.learner-review-next-chip{background:#fff;border:1px solid #dbe7f6;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.learner-review-next-chip span,.learner-review-next-chip em{color:#7289aa;font-size:.8rem;font-style:normal;font-weight:700}.is-spinning{animation:1s linear infinite learnerSpin}
.app-shell{width:min(1280px,100vw - 32px);margin:0 auto;padding:28px 0 56px}.topbar,.dashboard-grid,.panel-header,.complete-header,.lesson-summary-head,.header-actions,.status-strip,.player-topbar,.player-shell,.study-topline,.origin-line,.player-footer,.player-context{justify-content:space-between;gap:16px;display:flex}.topbar,.panel-header,.complete-header,.lesson-summary-head,.header-actions,.status-strip,.player-topbar,.study-topline,.origin-line,.player-footer,.player-context{align-items:center}.topbar{margin-bottom:24px}.topbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.brand-mark{color:#0f274c;cursor:pointer;appearance:none;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;transition:color .16s,transform .16s;display:inline-flex}.brand-mark:hover{transform:translateY(-1px)}.brand-mark:focus-visible{outline-offset:5px;border-radius:10px;outline:3px solid #1f73ff3d}.display-title,.state-card h3,.lesson-summary h3,.panel-title,.done-state h1{font-family:var(--font-ui,"Inter", system-ui, sans-serif);font-weight:700}.brand-mark{font-size:clamp(2rem,4vw,3.4rem);line-height:1}.brand-mark-lockup{align-items:center;width:auto;display:inline-flex}.brand-mark-image{width:auto;height:1.16em;display:block}.api-pill,.section-label,.complete-pill,.lesson-kicker,.step-marker,.status-strip-label,.level-picker span,.lesson-tab,.lesson-count,.refresh-button,.sidebar-label,.expression-item span,.study-topline,.study-type-badge,.study-cefr-badge,.study-label,.origin-scene,.footer-counter,.player-context span,.expr-type{font-family:var(--font-ui,"Inter", system-ui, sans-serif)}.api-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:10px 14px;font-size:.9rem}.dashboard-grid{grid-template-columns:minmax(360px,460px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.left-panel,.right-panel{border:1px solid var(--border);background:var(--surface-card-glow), var(--surface);min-height:720px;box-shadow:var(--panel-shadow);border-radius:28px;padding:28px}.section-label,.lesson-kicker,.status-strip-label,.level-picker span,.sidebar-label,.study-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:.8rem}.display-title{max-width:11ch;margin:12px 0;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:400;line-height:.94}.panel-copy,.quiet-meta,.step-card p,.state-card p,.field span,.dropzone-copy span{color:var(--text-2)}.panel-copy{max-width:42ch;margin:0 0 24px;font-size:1.02rem;line-height:1.6}.field{margin-bottom:16px;display:block}.field span{margin-bottom:10px;font-size:.96rem;display:block}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field input,.level-picker select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:16px;padding:15px 16px;transition:border-color .16s,box-shadow .16s,transform .16s}.field input:focus,.level-picker select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.dropzone{border:1px dashed var(--border);background:#ffffff04;border-radius:22px;grid-template-columns:56px 1fr;align-items:center;gap:18px;margin:14px 0 22px;padding:22px 20px;transition:border-color .16s,background .16s,transform .16s;display:grid;position:relative}.dropzone:hover,.dropzone.is-dragging,.dropzone.has-file{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-icon{background:var(--surface2);border:1px solid var(--border);border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.dropzone-icon svg{width:24px;height:24px;stroke:var(--accent);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.dropzone-copy strong{color:var(--text);font-weight:500;display:block}.dropzone-copy span{margin-top:6px;font-size:.92rem;display:block}.primary-button,.refresh-button,.open-button,.lesson-tab,.player-return,.footer-button,.expression-item{transition:transform .16s,background .16s,border-color .16s,color .16s,opacity .16s}.primary-button{background:var(--accent);width:100%;color:var(--accent-contrast);border-radius:16px;padding:16px 20px;font-weight:700}.primary-button:hover:not(:disabled),.open-button:hover,.refresh-button:hover,.lesson-tab:hover,.player-return:hover,.footer-button:hover:not(:disabled),.expression-item:hover{transform:translateY(-1px)}.primary-button:disabled,.footer-button:disabled{opacity:.48;cursor:not-allowed}.error-banner{border:1px solid var(--danger-dim);background:var(--danger-dim);color:var(--danger);border-radius:16px;margin:18px 0 0;padding:14px 16px}.panel-title{margin:10px 0 0;font-size:2rem;font-weight:400;line-height:1}.panel-header{padding-bottom:4px}.header-actions{align-items:end}.level-picker{min-width:110px;display:block}.level-picker span{margin-bottom:8px;display:block}.refresh-button,.open-button,.lesson-tab,.player-return,.footer-button{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:14px;padding:12px 14px}.theme-toggle{border:1px solid var(--border);background:var(--surface);box-shadow:var(--theme-toggle-shadow);border-radius:999px;align-items:center;padding:4px;display:inline-flex}.theme-toggle-button{min-width:72px;color:var(--text-2);font-family:var(--font-ui,"Inter", system-ui, sans-serif);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;padding:8px 12px;font-size:.82rem;transition:background .16s,color .16s,transform .16s,box-shadow .16s}.theme-toggle-button:hover{color:var(--text)}.theme-toggle-button.is-active{color:#fff;background:linear-gradient(135deg,#116eee 0%,#418bf1 100%);box-shadow:0 10px 22px #116eee3d}.refresh-button{margin-bottom:1px}.state-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface-soft), transparent), var(--surface2);border-radius:24px;flex-direction:column;justify-content:center;min-height:560px;margin-top:20px;padding:28px;display:flex}.state-idle{text-align:center;align-items:center}.empty-orb{background:var(--accent-dim);border:1px solid var(--accent-dim);border-radius:999px;place-items:center;width:88px;height:88px;margin-bottom:22px;display:grid}.empty-orb svg{width:42px;height:42px;stroke:var(--accent);stroke-width:1.6px;fill:none}.state-card h3{margin:0 0 10px;font-size:clamp(2rem,4vw,2.6rem);font-weight:400}.status-strip{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;justify-content:flex-start;margin-bottom:24px;padding:16px 18px}.spinner{border:2px solid #e8622a47;border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:1s linear infinite spin}.status-strip-copy{color:var(--text-2);margin:4px 0 0}.step-list{gap:14px;display:grid}.step-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:20px;grid-template-columns:52px 1fr;gap:16px;padding:18px;display:grid}.step-card h3{margin:0 0 6px;font-size:1.08rem;font-weight:500}.step-card p{margin:0}.step-marker{background:var(--surface-hover);width:52px;height:52px;color:var(--text-2);border-radius:16px;place-items:center;font-size:.84rem;display:grid}.step-active{border-color:var(--accent-dim);background:var(--accent-dim)}.step-active .step-marker{background:var(--accent-dim);color:var(--text)}.step-done{background:var(--green-dim);border-color:#2ecc8f3d}.step-done .step-marker{color:var(--green);background:#2ecc8f29}.state-complete{justify-content:flex-start}.complete-pill{background:var(--green-dim);color:var(--green);letter-spacing:.12em;border:1px solid #2ecc8f38;border-radius:999px;align-items:center;padding:8px 10px;font-size:.78rem;display:inline-flex}.complete-meta{align-items:center;gap:12px;display:flex}.complete-meta p,.quiet-meta,.lesson-summary p{margin:0}.lesson-tabs{flex-wrap:wrap;gap:10px;margin:28px 0 18px;display:flex}.lesson-tab{color:var(--text-2)}.lesson-tab.is-selected{border-color:var(--border);background:var(--surface-selected);color:var(--accent)}.lesson-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:24px;padding:22px}.lesson-summary h3{margin:6px 0;font-size:2rem;font-weight:400}.empty-lesson-shell{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:420px;padding:8px 20px 0;display:flex}.empty-lesson-art{width:min(100%,460px);height:auto;display:block}.empty-lesson-copy{color:var(--text-2);margin:0;font-size:1rem;font-weight:500}.lesson-count{background:var(--surface-hover);color:var(--text-2);border-radius:999px;padding:8px 10px;font-size:.82rem}.open-button{background:0 0}.lesson-library{gap:18px;display:grid}.lesson-library-head{align-items:start}.lesson-library-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.lesson-library-open{border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500}.expression-library-list{gap:12px;display:grid}.expression-library-card{text-align:left;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;gap:12px;padding:16px 20px;display:grid}.expression-library-card:hover{border-color:var(--text-3);background:var(--surface)}.expression-library-card.is-expanded{border-color:var(--text-2)}.expression-library-topline{justify-content:space-between;align-items:start;gap:12px;display:flex}.expression-library-pills{flex-wrap:wrap;gap:8px;display:flex}.cefr-badge,.type-badge,.source-badge,.expression-count-badge{border-radius:999px;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.cefr-badge{background:var(--accent-dim);color:var(--accent);padding:5px 10px}.type-badge,.source-badge{border:1px solid var(--border);padding:5px 10px}.type-badge{background:var(--surface-soft);color:var(--text)}.source-badge{background:rgba(var(--accent-rgb), .08);color:var(--accent)}.expression-count-badge{background:var(--surface-hover);color:var(--text-2);border-radius:8px;flex-shrink:0;padding:3px 10px}.expression-library-copy strong{font-size:1.05rem;font-weight:700;line-height:1.35;display:block}.expression-library-copy span{color:var(--text-2);margin-top:4px;font-size:.84rem;display:block}.expression-library-copy p{color:var(--text);margin:12px 0 0;font-size:.95rem;line-height:1.65}.expression-library-detail{border-top:1px solid var(--border);gap:14px;padding-top:14px;display:grid}.expression-detail-block{gap:8px;display:grid}.expression-detail-label{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.expression-detail-text{color:var(--text-2);margin:0;line-height:1.6}.expression-quote{border-left:2px solid var(--border);color:var(--text);margin:0;padding-left:10px;font-style:italic;line-height:1.7}.lesson-library-empty{margin:0;padding:8px 0 2px}.player-screen{background:var(--player-screen-bg);flex-direction:column;height:100vh;min-height:100vh;display:flex;overflow:hidden}.player-topbar{background:var(--player-topbar-bg);box-shadow:var(--player-topbar-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:0;justify-content:space-between;align-items:center;padding:16px 22px 18px 28px;display:flex}.player-topbar .brand-mark{flex-shrink:0;font-size:clamp(3rem,3.3vw,3.9rem);line-height:.9}.player-topbar-controls{align-items:center;gap:18px;margin-left:auto;display:flex}.lesson-exit-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 35%,#1f73ff29,#0000 32%),#0a12206b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lesson-exit-modal{color:#162b4e;background:#fffffff5;border:1px solid #1f73ff1f;border-radius:28px;gap:16px;width:min(100%,440px);padding:28px;display:grid;box-shadow:0 30px 90px #101f3533}.lesson-exit-kicker{color:#1f73ff;letter-spacing:.08em;text-transform:uppercase;background:#1f73ff14;border-radius:999px;width:fit-content;padding:7px 12px;font-size:.78rem;font-weight:800}.lesson-exit-modal h2,.lesson-exit-modal p{margin:0}.lesson-exit-modal h2{letter-spacing:-.05em;font-size:clamp(1.8rem,5vw,2.35rem);line-height:1}.lesson-exit-modal p{color:#65758e;font-size:1rem;line-height:1.6}.lesson-exit-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.lesson-exit-button{border-radius:14px;min-height:44px;padding:0 16px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.lesson-exit-button:hover{transform:translateY(-1px)}.lesson-exit-button.is-secondary{color:#334762;background:#fff;border:1px solid #d8e5f8}.lesson-exit-button.is-primary{color:#fff;background:#1f73ff;box-shadow:0 14px 28px #1f73ff38}.player-context{color:var(--text-2);flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.player-context-copy{color:#4f6385;white-space:nowrap;align-items:center;min-height:48px;display:inline-flex}.player-context span{letter-spacing:.04em;font-size:1rem}.player-return{color:#23324d;background:#ffffffb3;border:1px solid #116eee2e;border-radius:16px;min-height:48px;padding-inline:20px;box-shadow:0 10px 24px #116eee14}.player-shell{flex:1;gap:18px;min-height:0;padding:8px 18px 0;overflow:hidden}.expression-sidebar{background:linear-gradient(180deg, #ffffffe0, #f1f7ffd1), var(--player-sidebar-bg);width:284px;min-width:260px;max-width:460px;box-shadow:var(--player-sidebar-shadow), inset 0 0 0 1px #116eee14;scrollbar-width:none;-ms-overflow-style:none;border-right:0;border-radius:22px;flex:0 0 284px;margin-top:0;padding:18px 10px 16px 16px;transition:width .28s cubic-bezier(.22,1,.36,1),flex-basis .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1);overflow-y:auto}.expression-sidebar::-webkit-scrollbar{width:0;height:0}.expression-sidebar.is-collapsed{flex-direction:column;justify-content:flex-start;align-items:center;min-width:64px;padding:16px 8px;display:flex}.expression-sidebar-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;transition:margin-bottom .28s cubic-bezier(.22,1,.36,1);display:flex}.expression-sidebar.is-collapsed .expression-sidebar-head{z-index:2;justify-content:center;width:100%;margin-bottom:18px;position:relative}.expression-sidebar-body{flex:1;width:100%;min-height:0;position:relative}.sidebar-resizer{cursor:col-resize;background:0 0;flex:0 0 10px;transition:opacity .2s;position:relative}.sidebar-resizer.is-hidden{opacity:0;pointer-events:none}.sidebar-resizer:before{content:"";background:var(--player-sidebar-resizer);border-radius:999px;width:1px;height:calc(100% - 20px);margin:auto;transition:background .16s;position:absolute;inset:0}.sidebar-resizer:hover:before,.sidebar-resizer.is-active:before{background:var(--border)}.sidebar-label{color:#526c96;letter-spacing:.18em;margin-bottom:0;padding-left:2px;font-size:.92rem;transition:opacity .18s,transform .18s}.expression-sidebar-toggle{width:42px;height:42px;color:var(--accent);background:linear-gradient(#d1e5ffeb,#c5ddffe0);border-radius:16px;place-items:center;padding:0;font-size:.76rem;font-weight:700;transition:transform .18s,color .18s,background .18s,box-shadow .18s;display:inline-grid;box-shadow:0 10px 20px #116eee1f,inset 0 0 0 1px #116eee24}.expression-sidebar-toggle:hover{color:#0e63d7;background:#116eee2e;transform:translateY(-1px);box-shadow:0 14px 24px #116eee29,inset 0 0 0 1px #116eee2e}.expression-sidebar-toggle-arrow{stroke:currentColor;stroke-width:2.2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .28s cubic-bezier(.22,1,.36,1)}.expression-sidebar-toggle-arrow.is-collapsed{transform:rotate(180deg)}.expression-sidebar-collapsed-mark{writing-mode:vertical-rl;color:var(--text-muted-strong);letter-spacing:.2em;text-transform:uppercase;opacity:0;pointer-events:none;place-content:center;font-size:.72rem;font-weight:700;transition:opacity .18s .11s,transform .28s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;inset:54px 0 0;transform:rotate(180deg)}.expression-sidebar.is-collapsed .expression-sidebar-collapsed-mark{opacity:.78;transform:rotate(180deg)translate(0)}.expression-list{scrollbar-width:none;-ms-overflow-style:none;opacity:1;padding-right:2px;transition:opacity .16s,transform .22s;position:relative;transform:translate(0)}.expression-sidebar.is-collapsed .expression-list{opacity:0;pointer-events:none;transform:translate(-12px)}.expression-list::-webkit-scrollbar{width:0;height:0}.expression-item{width:100%;color:var(--text);text-align:left;background:0 0;border-left:0;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 14px 14px;transition:background .15s,color .15s,transform .15s;display:flex}.expression-item:hover:not(.is-active){background:var(--surface-soft);transform:translateY(-1px)}.expression-item strong{font-size:.98rem;font-weight:600;line-height:1.42;transition:color .15s;display:block}.expression-item span{color:#6781a8;opacity:.88;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;font-size:.7rem;font-weight:500;display:block}.expression-item.is-active{background:linear-gradient(#d6e5fcf5,#cbdffce0);box-shadow:inset 0 0 0 1px #116eee24,0 10px 24px #116eee14}.expression-item.is-active strong{color:var(--accent);font-weight:600}.expression-item.is-active span{color:#3268b3;opacity:.82}.expression-item.is-complete strong{color:var(--text-2)}.expression-check{color:var(--green);margin-top:2px;font-size:14px}.expression-divider{background:var(--divider-subtle);height:1px;margin:10px 14px 12px}.player-main{background:linear-gradient(180deg, #ffffff9e, #ecf4ff8f), var(--player-main-bg);min-width:0;min-height:0;box-shadow:var(--player-main-shadow), inset 0 0 0 1px #116eee0f;border-radius:26px;flex-direction:column;flex:1;margin-top:0;display:flex;overflow:hidden}.player-progress-track{background:var(--player-progress-track);opacity:.75;border-radius:999px;flex:none;width:calc(100% - 40px);height:3px;margin:16px 20px 0}.player-progress-fill{background:var(--accent);height:100%;box-shadow:var(--player-progress-glow);border-radius:999px;transition:width .45s cubic-bezier(.4,0,.2,1)}.player-card-area{background:var(--player-card-area-bg);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:42px 34px 30px;display:flex;overflow:auto}.player-inline-warning{background:#fff9eef5;border:1px solid #e2852438;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:780px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 16px 32px #e285241f}.player-inline-warning-copy{gap:4px;display:grid}.player-inline-warning-copy strong{color:#8a4c14}.player-inline-warning-copy p{color:#745f49;margin:0}.player-inline-warning-actions{flex-wrap:wrap;gap:10px;display:flex}.player-feedback-state,.player-shell.is-quiz-mode .player-main{width:100%}.player-shell.is-quiz-mode .player-card-area{background:0 0;justify-content:flex-start;padding:1.5rem}.study-card,.done-state,.quiz-review{width:100%;max-width:780px}.quiz-complete{width:100%;max-width:920px}.quiz-complete-card{background:radial-gradient(circle at top,#5d99ff33,#fff0 42%),linear-gradient(#fffffff5,#f4f9fff0);border:1px solid #116eee1f;border-radius:32px;gap:24px;padding:32px clamp(20px,3vw,36px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #4f77b829,inset 0 0 0 1px #ffffffbf}.quiz-complete-badge{letter-spacing:-.01em;border-radius:999px;align-items:center;width:fit-content;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.quiz-complete-badge.is-perfect,.quiz-complete-badge.is-great,.quiz-complete-badge.is-progress,.quiz-complete-badge.is-practice{color:#1662de;background:#116eee1a}.quiz-complete-card>:not(.quiz-complete-confetti){z-index:1;position:relative}.quiz-complete-confetti{z-index:0}.quiz-complete-hero{text-align:center;justify-items:center;gap:18px;display:grid}.quiz-complete-hero-orb{color:#116eee;border-radius:999px;place-items:center;width:150px;height:150px;display:grid;box-shadow:inset 0 0 0 1px #fffc,0 16px 34px #116eee2e}.quiz-complete-hero-orb.is-perfect,.quiz-complete-hero-orb.is-great{background:radial-gradient(circle at 50% 30%,#fffffff2,#ffffffb8 48%,#dae9ffe6 100%),linear-gradient(#357bff2e,#116eee14)}.quiz-complete-hero-orb.is-progress{background:radial-gradient(circle at 50% 30%,#fffffff2,#ffffffb8 48%,#e0f0ffe6 100%),linear-gradient(#408dff24,#116eee14)}.quiz-complete-hero-orb.is-practice{color:#54709d;background:radial-gradient(circle at 50% 30%,#fffffff2,#ffffffb8 48%,#e8eff9e6 100%),linear-gradient(#7b8fb01f,#7b8fb00f)}.quiz-complete-copy{gap:8px;display:grid}.quiz-complete-copy h1{color:#11264a;letter-spacing:-.04em;margin:0;font-size:clamp(2.35rem,4.4vw,4rem);line-height:1}.quiz-complete-description,.quiz-complete-context,.quiz-complete-summary{color:#5f7296;margin:0}.quiz-complete-description{font-size:1.02rem;font-weight:600}.quiz-complete-context,.quiz-complete-summary{font-size:.97rem;line-height:1.6}.quiz-complete-stats{background:#ffffffe0;border:1px solid #116eee1a;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px;display:grid;box-shadow:inset 0 1px #fffc,0 14px 34px #688dc91f}.quiz-complete-stat{align-items:center;gap:14px;padding:16px;display:flex}.quiz-complete-stat+.quiz-complete-stat{border-left:1px solid #116eee1a}.quiz-complete-stat-marker{color:#116eee;background:#116eee1f;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid}.quiz-complete-stat-marker svg{width:24px;height:24px}.quiz-complete-stat-marker.is-success{color:#16915f;background:#14b28424}.quiz-complete-stat-marker.is-score{color:#d98308;background:#ffbb4529}.quiz-complete-stat-copy{gap:4px;display:grid}.quiz-complete-stat-copy strong{color:#15315f;font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.1}.quiz-complete-stat-copy span{color:#6b7fa2;font-size:.9rem;line-height:1.35}.quiz-complete-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.quiz-complete-action{min-width:180px;min-height:56px;box-shadow:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.quiz-complete-action-primary{color:#fff;background:linear-gradient(135deg,#116eee 0%,#327fff 100%);border-color:#0000;box-shadow:0 18px 34px #116eee38}.quiz-complete-action-primary:hover:not(:disabled){color:#fff}.quiz-complete-action-secondary{color:#334b73;background:#ffffffe0}.quiz-complete-status{color:#526a91;background:#ffffffd1;border-radius:999px;justify-self:center;align-items:center;gap:10px;padding:12px 16px;font-size:.94rem;font-weight:600;display:inline-flex}.quiz-complete-status.is-error{color:#a33a2f;background:#ffedebeb}.quiz-complete-status-spinner{animation:1s linear infinite spin}.quiz-complete-retry{color:#116eee;background:0 0;border:0;padding:0;font-weight:700}.quiz-complete-retry:hover{text-decoration:underline}.quiz-complete-review-link{color:#116eee;background:0 0;border:0;justify-self:center;padding:0;font-size:1rem;font-weight:700}.quiz-complete-review-link:hover{text-decoration:underline}.lesson-expressions-backdrop{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 28%,#1f73ff2e,#0000 34%),#0a122057;place-items:center;padding:24px;animation:.18s ease-out lessonExpressionsBackdropIn;display:grid;position:fixed;inset:0}.lesson-expressions-modal{background:radial-gradient(circle at top,#84b0ff2e,#fff0 38%),linear-gradient(#fffffffa,#f5f9fff7);border:1px solid #116eee1f;border-radius:28px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(100%,760px);max-height:min(82vh,760px);padding:24px 24px 20px;animation:.22s cubic-bezier(.22,1,.36,1) lessonExpressionsModalIn;display:grid;box-shadow:0 32px 90px #253d6638,inset 0 0 0 1px #ffffffb3}.lesson-expressions-header{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.lesson-expressions-hero{color:#5a92f6;background:linear-gradient(#e7f0fdeb,#ddebffd1);border-radius:20px;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 0 0 1px #116eee14,0 18px 34px #116eee1a}.lesson-expressions-hero svg{width:36px;height:36px}.lesson-expressions-copy h2,.lesson-expressions-copy p{margin:0}.lesson-expressions-copy h2{color:#0d2450;letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1}.lesson-expressions-copy p{color:#6a7d9f;margin-top:6px;font-size:.94rem;line-height:1.5}.lesson-expressions-close{color:#66778f;background:#ffffffd6;border:1px solid #116eee24;border-radius:999px;align-self:start;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 12px 26px #116eee14}.lesson-expressions-close:hover{color:#23324d;transform:translateY(-1px)}.lesson-expressions-list{gap:12px;min-height:0;padding-right:8px;display:grid;overflow-y:auto}.lesson-expressions-row{background:#ffffffeb;border:1px solid #116eee1a;border-radius:20px;grid-template-columns:44px 1fr;gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px #fffc,0 12px 28px #688dc914}.lesson-expressions-row-index{color:#116eee;background:linear-gradient(#e3eefff0,#d5e6ffe6);border-radius:14px;place-items:center;width:44px;height:44px;font-size:.92rem;font-weight:800;display:grid}.lesson-expressions-row-copy{gap:6px;min-width:0;display:grid}.lesson-expressions-row-copy h3,.lesson-expressions-row-copy p{margin:0}.lesson-expressions-row-copy h3{color:#122955;letter-spacing:-.03em;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.12}.lesson-expressions-row-copy p{color:#62769a;font-size:.9rem;line-height:1.55}.lesson-expressions-row-scene{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.lesson-expressions-row-scene span{color:#165fd3;background:#116eee14;border-radius:12px;align-items:center;padding:6px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.lesson-expressions-row-scene q{color:#6b7691;margin:0;font-size:.88rem;font-style:italic;line-height:1.5}.lesson-expressions-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding-top:4px;display:grid}.lesson-expressions-button{border-radius:16px;min-height:56px;font-size:.95rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.lesson-expressions-button:hover{transform:translateY(-1px)}.lesson-expressions-button.is-secondary{color:#334b73;background:#ffffffeb;border:1px solid #116eee24}.lesson-expressions-button.is-primary{color:#fff;background:linear-gradient(135deg,#116eee 0%,#327fff 100%);border:1px solid #0000;box-shadow:0 18px 34px #116eee38}.study-topline{color:var(--text-2);letter-spacing:.14em;text-transform:uppercase;justify-content:flex-start;margin-bottom:20px;font-size:.96rem}.study-type-badge{background:var(--study-type-badge-bg);color:#4e73a4;border:0;border-radius:999px;padding:10px 16px;font-size:.95rem}.study-word{max-width:11ch;font-family:var(--font-study-display,"Playfair Display", Georgia);letter-spacing:0;margin:0;font-size:clamp(4rem,4.7vw,5.1rem);font-weight:400;line-height:1.04}.study-word-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.study-word-audio{width:48px;height:48px;color:var(--accent);background:linear-gradient(#c9e5ffe6,#c0defcd6);border-radius:18px;flex:none;place-items:center;margin-top:6px;transition:transform .18s,background .18s,box-shadow .18s,color .18s;display:inline-grid;position:relative;box-shadow:0 14px 30px #116eee1f,inset 0 0 0 1px #116eee1a}.study-word-audio:hover{background:#116eee1f;transform:translateY(-1px)}.study-word-audio:active,.study-word-audio.is-loading,.study-word-audio.is-playing{transform:translateY(0)scale(.96)}.study-word-audio.is-playing{background:#116eee24;box-shadow:0 18px 34px #116eee2e,inset 0 0 0 1px #116eee24}.study-word-audio-icon{z-index:1;place-items:center;width:24px;height:24px;display:inline-grid;position:relative}.study-word-audio-icon svg{fill:currentColor;width:100%;height:100%}.study-word-audio-rings{pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.study-word-audio-rings span{opacity:0;border:1px solid #116eee47;border-radius:999px;position:absolute}.study-word-audio-rings span:first-child{width:72%;height:72%}.study-word-audio-rings span:last-child{width:96%;height:96%;animation-delay:.22s}.study-word-audio.is-loading .study-word-audio-icon,.study-word-audio.is-playing .study-word-audio-icon{animation:1.1s ease-in-out infinite studyAudioPulse}.study-word-audio.is-loading .study-word-audio-rings,.study-word-audio.is-playing .study-word-audio-rings{display:grid}.study-word-audio.is-loading .study-word-audio-rings span,.study-word-audio.is-playing .study-word-audio-rings span{animation:1.4s ease-out infinite studyAudioRing}.study-cefr-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;border-radius:999px;align-items:center;margin-top:18px;padding:8px 14px;font-size:.9rem;display:inline-flex}.study-section{margin-top:26px}.study-meaning{color:var(--text);margin:12px 0 0;font-size:1rem;line-height:1.75}.example-list{gap:12px;margin-top:12px;display:grid}.example-line{color:var(--text);border-left:0;margin:0;padding-left:14px;font-size:1rem;line-height:1.7;position:relative}.example-line:before{content:"";background:var(--accent);opacity:.65;border-radius:999px;width:6px;height:6px;position:absolute;top:10px;left:0}.example-highlight{color:var(--text)}.origin-block{background:var(--origin-bg);border:var(--origin-border);border-radius:20px;width:min(100%,548px);margin-top:30px;margin-left:0;margin-right:0;padding:20px 22px;box-shadow:0 12px 32px #116eee0f}.origin-line{justify-content:flex-start;align-items:flex-start;gap:10px}.origin-line p{color:var(--text);margin:0;font-size:1rem;font-style:italic;line-height:1.7}.origin-play{color:var(--accent);line-height:1.5}:root[data-theme=light] .expression-item.is-active{background:linear-gradient(#116eee24,#116eee14);box-shadow:inset 0 0 0 1px #116eee24}:root[data-theme=light] .expression-item.is-active span{color:#185fa5;opacity:.8}:root[data-theme=light] .example-highlight{color:#252b2f}.origin-scene{color:var(--text-2);margin-top:10px;font-size:.98rem}.done-state{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:18px 0;display:flex;position:relative;overflow:hidden}.done-confetti{pointer-events:none;z-index:0;position:absolute;inset:0}.done-confetti-piece{opacity:0;border-radius:999px;width:14px;height:30px;animation:4.8s linear infinite confetti-fall;position:absolute;top:-14%;transform:translate(0,0)rotate(0);box-shadow:0 8px 18px #116eee2e}.done-confetti-piece:first-child{background:linear-gradient(#116eee,#66a6ff);animation-delay:0s;left:8%}.done-confetti-piece:nth-child(2){background:#f8a100;border-radius:50%;width:10px;height:10px;animation-delay:-.8s;left:16%}.done-confetti-piece:nth-child(3){background:linear-gradient(#6cc6ff,#7ff0d8);animation-delay:-2.2s;left:24%}.done-confetti-piece:nth-child(4){background:#ff7b72;border-radius:50%;width:12px;height:12px;animation-delay:-1.3s;left:33%}.done-confetti-piece:nth-child(5){background:linear-gradient(#87b7ff,#d2e4ff);animation-delay:-3.3s;left:41%}.done-confetti-piece:nth-child(6){background:linear-gradient(#0ec5a2,#8cf1dd);width:11px;height:28px;animation-delay:-1.8s;left:49%}.done-confetti-piece:nth-child(7){background:#116eee;border-radius:50%;width:10px;height:10px;animation-delay:-4.2s;left:57%}.done-confetti-piece:nth-child(8){background:linear-gradient(#ffbd59,#ffd88c);animation-delay:-.4s;left:65%}.done-confetti-piece:nth-child(9){background:#5d91ff;border-radius:50%;width:12px;height:12px;animation-delay:-2.8s;left:73%}.done-confetti-piece:nth-child(10){background:linear-gradient(#7ff0d8,#c6fff5);animation-delay:-1.1s;left:81%}.done-confetti-piece:nth-child(11){background:linear-gradient(#ff8c7d,#ffd2c8);width:10px;height:30px;animation-delay:-3.9s;left:88%}.done-confetti-piece:nth-child(12){background:#0ec5a2;border-radius:50%;width:11px;height:11px;animation-delay:-2.5s;left:94%}.done-state>:not(.done-confetti){z-index:1;position:relative}.done-state-image{object-fit:contain;width:min(100%,340px);height:auto}.done-state-card{z-index:1;background:radial-gradient(circle at top,#84b0ff2e,#fff0 42%),linear-gradient(#fffffffa,#f5f9fff5);border:1px solid #116eee1a;border-radius:32px;flex-direction:column;align-items:center;gap:18px;width:min(100%,780px);padding:28px clamp(20px,3.2vw,34px) 26px;display:flex;position:relative;box-shadow:0 32px 90px #5a81c224,inset 0 0 0 1px #ffffffa6}.done-state-check{color:#fff;background:linear-gradient(#4c9dff 0%,#116eee 100%);border-radius:999px;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-40%);box-shadow:0 14px 28px #116eee3d,0 0 0 8px #ffffffe0}.done-state-check-icon{width:28px;height:28px}.done-state-illustration-wrap{justify-content:center;width:100%;margin-top:10px;display:flex}.done-state-copy{text-align:center;gap:10px;display:grid}.done-state-copy h1{color:#0d2450;letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,4.5vw,3.65rem);font-weight:800;line-height:.98}.done-state-copy p{color:#5f7297;max-width:38ch;margin:0;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.55}.done-state-stats{background:#ffffffeb;border:1px solid #116eee1a;border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(100%,700px);padding:8px;display:grid;box-shadow:inset 0 1px #fffc,0 12px 34px #7595cd1f}.done-stat{align-items:center;gap:14px;padding:14px 16px;display:flex}.done-stat+.done-stat{border-left:1px solid #116eee1a}.done-stat-icon{border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.done-stat-icon svg{width:24px;height:24px}.done-stat-icon-book{color:#2570f7;background:linear-gradient(#116eee1f,#71abff33)}.done-stat-icon-credits{color:#10a992;background:linear-gradient(#0ec5a21f,#7ff0d833)}.done-stat-icon-quiz{color:#7d5dff;background:linear-gradient(#7c5dff1f,#d1c5ff3d)}.done-stat-copy{text-align:left;gap:4px;display:grid}.done-stat-copy strong{color:#15315f;letter-spacing:-.03em;font-size:clamp(1rem,1.45vw,1.35rem);line-height:1.1}.done-stat-copy span{color:#63779e;font-size:.88rem;line-height:1.35}.done-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.done-actions .player-return{min-width:168px;min-height:56px;box-shadow:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:15px 20px;font-size:.98rem;font-weight:700;display:inline-flex}.done-actions .player-return svg{flex:none;width:24px;height:24px}.done-action-primary{color:#fff;background:linear-gradient(135deg,#116eee 0%,#327fff 100%);border-color:#0000;box-shadow:0 18px 34px #116eee38}.done-action-secondary{color:#116eee;background:#fffffff5;border-color:#116eee59}.done-action-tertiary{color:#334b73;background:#f4f7fdeb;border-color:#116eee1f;min-width:150px}.done-back-link{color:#6a81a9;background:0 0;border:0;padding:0;font-size:.96rem;font-weight:600;transition:color .16s,transform .16s}@media (max-height:860px){.player-card-area{padding-top:28px;padding-bottom:20px}.done-state-card{gap:16px;padding-top:22px;padding-bottom:22px}.done-state-image{width:min(100%,280px)}.done-state-stats{width:min(100%,660px)}}@media (max-width:760px){.quiz-complete-card{border-radius:28px;padding:24px 18px}.quiz-complete-stats{grid-template-columns:1fr}.quiz-complete-stat+.quiz-complete-stat{border-top:1px solid #116eee1a;border-left:0}.quiz-complete-action{width:100%}.lesson-expressions-backdrop{padding:14px}.lesson-expressions-modal{border-radius:28px;width:min(100%,640px);max-height:88vh;padding:20px 16px 16px}.lesson-expressions-header{grid-template-columns:1fr auto;align-items:start}.lesson-expressions-hero{display:none}.lesson-expressions-list{padding-right:4px}.lesson-expressions-row{grid-template-columns:1fr;padding:18px}.lesson-expressions-row-index{border-radius:14px;width:44px;height:44px}.lesson-expressions-footer{grid-template-columns:1fr}.done-state-card{border-radius:28px;width:min(100%,680px)}.done-state-stats{grid-template-columns:1fr}.done-stat+.done-stat{border-top:1px solid #116eee1a;border-left:0}.done-actions .player-return{width:100%}}.done-back-link:hover{color:#116eee;transform:translateY(-1px)}.done-back-link:focus-visible{outline-offset:6px;border-radius:10px;outline:3px solid #116eee2e}.quiz-review{flex-direction:column;gap:24px;padding-bottom:32px;display:flex}.quiz-review-header h1{margin:0 0 10px;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400}.quiz-review-header p{color:var(--text-2);margin:0;line-height:1.7}.quiz-review-list{gap:18px;display:grid}.quiz-panel{width:100%;max-width:680px;font-family:var(--font-ui,"Inter", system-ui, sans-serif);padding:1.5rem 1.5rem 0}.quiz-progress-track{background:var(--border);border-radius:99px;width:100%;height:5px;margin-bottom:1.5rem;overflow:hidden}.quiz-progress-fill{background:#116eee;border-radius:99px;height:100%;transition:width .5s}.quiz-top-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.quiz-tag-anchor{position:relative}.quiz-tag{color:#185fa5;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e7f0fd;border:.5px solid #b5d4f4;border-radius:99px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.quiz-tag-badge{color:#0c447c;background:#b5d4f4;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}.quiz-tag.is-open{color:#fff;background:#116eee;border-color:#116eee}.quiz-tag.is-open .quiz-tag-badge{color:#fff;background:#ffffff4d}.quiz-popover{background:var(--color-background-primary,var(--surface));opacity:0;pointer-events:none;z-index:10;border:1.5px solid #b5d4f4;border-radius:14px;width:300px;padding:16px 18px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-6px)}.quiz-popover.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.quiz-popover-arrow{position:absolute;top:-7px;left:20px}.quiz-popover-arrow path{fill:var(--color-background-primary,var(--surface));stroke:#b5d4f4;stroke-width:1.5px}.quiz-popover-type{color:#185fa5;background:#e7f0fd;border:.5px solid #b5d4f4;border-radius:99px;align-items:center;margin-bottom:12px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.quiz-popover-title{color:var(--color-text-primary,var(--text));margin-bottom:8px;font-size:1.05rem;font-weight:600}.quiz-popover-meaning{color:var(--color-text-secondary,var(--text-2));font-size:.875rem;line-height:1.55}.quiz-popover-divider{background:#b5d4f4;height:.5px;margin:12px 0}.quiz-popover-example{color:var(--color-text-secondary,var(--text-2));font-size:.8rem;font-style:italic;line-height:1.55}.quiz-popover-example b{color:#185fa5;font-style:normal}.quiz-step-counter{color:var(--text-2);font-size:13px}.quiz-prompt-line{color:var(--text);margin:0 0 1.5rem;font-size:1.75rem;font-weight:500;line-height:1.6}.quiz-blank{color:#0c447c;white-space:nowrap;vertical-align:middle;background:#e7f0fd;border-bottom:3px solid #116eee;border-radius:6px 6px 0 0;justify-content:center;align-items:center;min-width:130px;margin:0 .25rem;padding:4px 16px;font-weight:600;display:inline-flex}.quiz-blank.is-filled{white-space:normal;border-bottom-color:#0000;border-radius:6px;min-width:0;display:inline}.quiz-blank.is-correct{color:#1a3d06;background:#a8d080;font-weight:700}.quiz-blank.is-wrong{color:#501313;background:#f7c1c1;font-weight:700}.quiz-option-list{gap:10px;display:grid}.quiz-option{border:1.5px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:background .2s,border-color .2s,color .2s,opacity .2s,transform .15s;display:flex}.quiz-option-badge{border:1px solid var(--border);width:32px;height:32px;color:var(--text-2);background:#ffffff14;border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.quiz-option-text{color:inherit;font-size:1.15rem;line-height:1.45}.quiz-option:hover:not(:disabled){color:#fff;background:#116eee;border-color:#116eee;transform:translateY(-1px)}.quiz-option:hover:not(:disabled) .quiz-option-badge{color:#fff;background:#fff3;border-color:#ffffff4d}.quiz-option.is-disabled{cursor:default;opacity:.55}.quiz-option.is-correct{opacity:1;color:#27500a;background:#eaf3de;border-color:#3b6d11}.quiz-option.is-correct .quiz-option-badge{color:#eaf3de;background:#3b6d11;border-color:#3b6d11}.quiz-option.is-wrong{opacity:1;color:#791f1f;background:#fcebeb;border-color:#a32d2d}.quiz-option.is-wrong .quiz-option-badge{color:#fcebeb;background:#a32d2d;border-color:#a32d2d}.quiz-feedback-row{opacity:0;align-items:center;gap:8px;height:40px;transition:opacity .3s;display:flex}.quiz-feedback-row.is-visible{opacity:1}.quiz-feedback-text{font-size:1rem;font-weight:500}.quiz-feedback-text.is-correct{color:#3b6d11}.quiz-feedback-text.is-wrong{color:#a32d2d}.quiz-next-button{color:#fff;background:#116eee;border:0;border-radius:12px;margin-top:.5rem;padding:12px 28px;font-weight:600}.quiz-next-button:hover{background:#0e58be}.quiz-next-button:active{transform:scale(.98)}.quiz-card{border:1px solid rgba(var(--accent-rgb), .14);background:radial-gradient(ellipse 90% 60% at 50% 0%, rgba(var(--accent-rgb), .09) 0%, transparent 65%), linear-gradient(180deg, var(--surface-soft) 0%, transparent 50%), var(--surface);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .07), var(--card-shadow), 0 0 80px rgba(var(--accent-rgb), .07);border-radius:20px;padding:32px 32px 28px;position:relative}.quiz-expression-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;background:#e8622a24;border:1px solid #e8622a4d;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:6px 14px;font-size:.7rem;font-weight:800;display:inline-flex}:root[data-theme=light] .quiz-expression-label{background:#116eee1a;border-color:#116eee40}.quiz-prompt{color:var(--text);margin:0 0 28px;font-size:1.75rem;font-weight:400;line-height:1.75}.quiz-choices{gap:10px;display:grid}.quiz-choice{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);text-align:left;cursor:pointer;border-left:3px solid #e8622a2e;border-radius:12px;grid-template-columns:34px 1fr;align-items:center;gap:14px;padding:14px 18px 14px 14px;font-size:1.2rem;transition:border-color .18s,border-left-color .18s,transform .12s;display:grid;position:relative;overflow:hidden}:root[data-theme=light] .quiz-choice{border-left-color:#116eee2e}.quiz-choice:before{content:"";transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#e8622a1a 0%,#0000 65%);transition:transform .22s;position:absolute;inset:0;transform:scaleX(0)}:root[data-theme=light] .quiz-choice:before{background:linear-gradient(90deg,#116eee14 0%,#0000 65%)}.quiz-choice:not(:disabled):hover{border-left-color:var(--accent);border-color:#e8622a47;transform:translate(3px)}.quiz-choice:not(:disabled):hover:before{transform:scaleX(1)}.quiz-choice-badge{color:#999;background:linear-gradient(#242424 0%,#1a1a1a 100%);border-top:1px solid #3c3c3c;border-bottom:2px solid #242424;border-left:1px solid #363636;border-right:1px solid #2e2e2e;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.76rem;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:flex;box-shadow:0 2px 4px #00000080}:root[data-theme=light] .quiz-choice-badge{color:#0e58be;background:linear-gradient(#fff 0%,#e7f0fd 100%);border-color:#d9e7fb #c3dbfb #b7cef0 #cfdef8;box-shadow:0 2px 10px #116eee14}.quiz-choice:not(:disabled):hover .quiz-choice-badge{color:var(--accent);background:linear-gradient(#e8622a33 0%,#e8622a1a 100%);border-color:#e8622a80 #e8622a59 #e8622a40 #e8622a73}.quiz-choice-text{line-height:1.45;position:relative}.quiz-choice.is-correct,.quiz-choice.is-wrong{animation:.28s ease-out forwards choice-select}.quiz-choice.is-correct{border-color:#2ecc8f59;border-left-color:var(--green);background:#2ecc8f12}.quiz-choice.is-correct .quiz-choice-badge{color:var(--green);background:linear-gradient(#2ecc8f38 0%,#2ecc8f1f 100%);border-color:#2ecc8f80 #2ecc8f59 #2ecc8f40 #2ecc8f73}.quiz-choice.is-wrong{border-color:#ff8e7459;border-left-color:var(--danger);background:#ff8e740f}.quiz-choice.is-wrong .quiz-choice-badge{color:var(--danger);background:linear-gradient(#ff8e7433 0%,#ff8e741a 100%);border-color:#ff8e7480 #ff8e7459 #ff8e7440 #ff8e7473}.quiz-choice.is-dim{opacity:.38}.quiz-feedback{border-radius:12px;align-items:center;gap:8px;margin:20px 0 0;padding:12px 16px;font-size:.95rem;font-weight:600;display:flex}.quiz-feedback.is-correct{color:var(--green);background:#2ecc8f1a;border:1px solid #2ecc8f40}.quiz-feedback.is-wrong{color:var(--danger);background:#ff8e7417;border:1px solid #ff8e7440}.player-footer{z-index:20;background:var(--player-footer-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:0;padding:16px 28px;position:sticky;bottom:0;box-shadow:0 -12px 30px #116eee14}.footer-button{min-width:100px;min-height:42px;font-size:.98rem;transition:opacity .15s,transform .12s,background .15s}.footer-button:not(:disabled):hover{transform:translateY(-1px)}.footer-button:not(:disabled):active{transform:translateY(0)}.footer-button-muted{color:var(--text-2);background:0 0}.footer-button-muted:not(:disabled):hover{color:var(--text);background:#ffffff0d}:root[data-theme=light] .footer-button-muted{color:#5f7388;background:#ffffffc7;border-color:#116eee1f}:root[data-theme=light] .footer-button-muted:not(:disabled):hover{color:#243241;background:#fffffff5}:root[data-theme=light] .footer-button-muted:disabled{opacity:.7;color:#9fb1c4;background:#ffffff94}.footer-button-accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 12px #e8622a59}:root[data-theme=light] .footer-button-accent{background:linear-gradient(135deg,#116eee 0%,#418bf1 100%);border-color:#116eee;box-shadow:0 10px 22px #116eee3d}.footer-button-accent:not(:disabled):hover{background:#f0722f;box-shadow:0 4px 20px #e8622a80}:root[data-theme=light] .footer-button-accent:not(:disabled):hover{background:linear-gradient(135deg,#0e58be 0%,#116eee 100%);box-shadow:0 12px 28px #116eee47}.footer-counter{color:var(--text-2);font-size:.94rem}:root[data-theme=light] .footer-counter{color:#50657b}:root[data-theme=light] .brand-accent,:root[data-theme=light] .episode-list-item.is-active .episode-list-meta strong,:root[data-theme=light] .episode-list-load:not(:disabled):hover,:root[data-theme=light] .player-return:hover,:root[data-theme=light] .refresh-button:hover,:root[data-theme=light] .open-button:hover{color:#116eee}:root[data-theme=light] .quiz-complete-action-primary:hover:not(:disabled){color:#fff}:root[data-theme=dark] .library-upload-button.is-complete{color:#c0dd97;background:#3b6d1133}.episode-lesson-card{color:#162b4e;text-align:left;background:#fff;border:1px solid #e8ecf0;border-radius:16px;gap:12px;width:100%;padding:18px 20px;display:grid;box-shadow:0 1px 4px #101f350f}.episode-lesson-card-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.episode-lesson-card-left{align-items:center;gap:14px;min-width:0;display:flex}.episode-lesson-card-number{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:grid}.episode-lesson-card-number.is-done,.episode-lesson-card-number.is-in-progress{color:#162b4e;background:#dde4f5}.episode-lesson-card-number.is-not-started{color:#8b8fa6;background:#ececec}.episode-lesson-card-copy{gap:2px;min-width:0;display:grid}.episode-lesson-card-copy strong{color:#162b4e;font-size:.95rem;font-weight:700}.episode-lesson-card-copy span{color:#7a8094;font-size:.82rem}.episode-lesson-card-status{border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;display:flex}.episode-lesson-card-status.is-done{color:#16915f;background:#e4f5ee}.episode-lesson-card-status-group{align-items:center;gap:10px;display:flex}.episode-lesson-card-stack-button{color:#1f73ff;background:#fff;border:1px solid #dbe6f7;border-radius:999px;flex-shrink:0;place-items:center;width:36px;height:36px;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-grid;box-shadow:0 8px 18px #116eee1a}.episode-lesson-card-stack-button:hover{background:#f3f8ff;transform:translateY(-1px)scale(1.04);box-shadow:0 12px 24px #116eee24}.episode-lesson-card-stack-button:active{transform:scale(.94)}.episode-lesson-card-stack-button:focus-visible{outline-offset:3px;outline:3px solid #1f73ff38}.episode-lesson-card-action{color:#1f73ff;cursor:pointer;background:0 0;border:1.5px solid #1f73ff;border-radius:999px;flex-shrink:0;padding:6px 16px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.episode-lesson-card-action:hover{color:#fff;background:#1f73ff}.episode-quiz-card{border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.episode-quiz-card.is-locked{background:#f2f3f5}.episode-quiz-card.is-ready{background:#f0f7ff}.episode-quiz-card.is-great{background:#edf9f1}.episode-quiz-card.is-warning{background:#fff4e8}.episode-quiz-card-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.episode-quiz-card-icon.is-locked{color:#9ba0b0;background:#e2e4e8}.episode-quiz-card-icon.is-ready{color:#116eee;background:#d4e8ff}.episode-quiz-card-icon.is-great{color:#16915f;background:#d8f3e1}.episode-quiz-card-icon.is-warning{color:#d97706;background:#ffe2c2}.episode-quiz-card-body{flex:1;gap:2px;min-width:0;display:grid}.episode-quiz-card-body strong{color:#162b4e;font-size:.88rem;font-weight:700}.episode-quiz-card-body span{color:#7a8094;font-size:.8rem}.episode-quiz-card-action{color:#1f73ff;cursor:pointer;background:0 0;border:1.5px solid #1f73ff;border-radius:999px;flex-shrink:0;padding:6px 16px;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.episode-quiz-card-action:hover{color:#fff;background:#1f73ff}.episode-quiz-card.is-great .episode-quiz-card-action{color:#16915f;border-color:#16915f}.episode-quiz-card.is-great .episode-quiz-card-action:hover{color:#fff;background:#16915f}.episode-quiz-card.is-warning .episode-quiz-card-action{color:#d97706;border-color:#d97706}.episode-quiz-card.is-warning .episode-quiz-card-action:hover{color:#fff;background:#d97706}@keyframes lessonExpressionsBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes lessonExpressionsModalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}:root[data-theme=light] .media-folder-header:hover,:root[data-theme=light] .media-db-item:hover{background:#0000000a}:root[data-theme=light] .media-db-item-season{background:#00000005}
.panel-mode-toggle{gap:6px;margin-bottom:24px;display:flex}.panel-mode-btn{font-family:var(--font-ui,"Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--text-3);cursor:pointer;background:0 0;border-radius:8px;padding:5px 14px;font-size:11px;transition:color .16s,background .16s,border-color .16s}.panel-mode-btn:hover{color:var(--text-2);border-color:#3a3a3a}.panel-mode-btn.is-active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);cursor:default}.episode-list-section{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.episode-list{gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.episode-list-item{border:1px solid var(--border);background:var(--surface2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;transition:border-color .15s,background .15s;display:flex}.episode-list-item.is-active{background:#e8622a0f;border-color:#e8622a4d}.episode-list-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.episode-list-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.episode-list-item.is-active .episode-list-meta strong{color:var(--accent)}.episode-list-meta span{color:var(--text-2);letter-spacing:.04em;font-size:.78rem}.episode-list-load{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.episode-list-load:not(:disabled):hover{color:var(--accent);background:#e8622a14;border-color:#e8622a66}.episode-list-load.is-loaded{color:var(--accent);cursor:default;background:#e8622a1a;border-color:#e8622a4d}.episode-list-empty{color:var(--text-2);margin:0;padding:10px 0;font-size:.88rem}.library-section{border-bottom:none;margin-bottom:20px;padding-bottom:20px}.library-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.library-view-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8a;border-radius:999px;gap:6px;padding:4px;display:inline-flex;box-shadow:0 10px 24px #101f3514,inset 0 0 0 1px #ffffff94}.library-view-button{color:var(--text-2);font-family:var(--font-ui,"Inter", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:999px;padding:7px 14px;font-size:.76rem}.library-view-button.is-active{background:rgba(var(--accent-rgb), .12);color:var(--accent);box-shadow:0 8px 18px #101f3514}.library-empty{color:var(--text-2);margin:0;font-size:.92rem}.library-section.is-learner{margin-bottom:0;padding-bottom:0}.library-section.is-learner .library-empty{background:linear-gradient(#fffffff0,#f3f8ffeb);border:1px solid #c3dbfbd1;border-radius:28px;padding:32px;box-shadow:0 26px 52px #116eee1a}.movies-coming-soon{text-align:center;background:linear-gradient(#fffffff0,#f3f8ffeb);border:1px solid #c3dbfbd1;border-radius:28px;flex-direction:column;align-items:center;gap:0;padding:40px 32px 36px;display:flex;box-shadow:0 26px 52px #116eee1a}.movies-coming-soon-illustration{-webkit-user-select:none;user-select:none;pointer-events:none;width:380px;height:auto;margin-bottom:24px}.movies-coming-soon-title{color:#0f2040;margin-bottom:10px;font-size:1.5rem;font-weight:700;line-height:1.2}.movies-coming-soon-sub{color:#6b7f9e;margin:0 0 24px;font-size:.9rem;line-height:1.6}.movies-coming-soon-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px;margin-bottom:28px;display:flex}.movies-coming-soon-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:.9rem;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.movies-coming-soon-btn.is-primary{color:#fff;background:#1a56db;border:none}.movies-coming-soon-btn.is-primary:hover{background:#1648c0}.movies-coming-soon-btn.is-ghost{color:#1a56db;background:0 0;border:1.5px solid #1a56db4d}.movies-coming-soon-btn.is-ghost:hover{background:#1a56db0d}.movies-coming-soon-community{text-align:left;background:#fff;border:1px solid #e8eef8;border-radius:14px;align-items:center;gap:14px;width:100%;margin-bottom:20px;padding:14px 18px;display:flex}.movies-coming-soon-community-icon{color:#1a56db;background:#116eee1a;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.movies-coming-soon-community-copy{flex:1;min-width:0}.movies-coming-soon-community-copy strong{color:#0f2040;margin-bottom:2px;font-size:.875rem;font-weight:600;display:block}.movies-coming-soon-community-copy p{color:#8896ad;margin:0;font-size:.8rem;line-height:1.4}.movies-coming-soon-community-meta{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.movies-coming-soon-avatars{display:flex}.movies-coming-soon-avatars span{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-8px;font-size:.65rem;font-weight:700;display:inline-grid}.movies-coming-soon-avatars span:first-child{margin-left:0}.movies-coming-soon-count{color:#6b7f9e;white-space:nowrap;font-size:.75rem;font-weight:600}.movies-coming-soon-categories{color:#1a56db;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.875rem;font-weight:500;display:inline-flex}.movies-coming-soon-categories:hover{text-decoration:underline}.movie-suggestion-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.movie-suggestion-modal{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c8daf3eb;border-radius:24px;gap:14px;width:min(100%,980px);max-height:min(92vh,820px);padding:28px;display:grid;position:relative;overflow:auto;box-shadow:0 36px 90px #116eee2e}.movie-suggestion-modal-close{color:#6f82a2;background:0 0;border:none;border-radius:999px;place-items:center;width:36px;height:36px;transition:background .16s,color .16s;display:inline-grid;position:absolute;top:18px;right:18px}.movie-suggestion-modal-close svg,.movie-suggestion-search svg,.movie-suggestion-clear svg,.movie-suggestion-footer-btn svg,.movie-suggestion-modal-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.movie-suggestion-modal-close:hover,.movie-suggestion-modal-close:focus-visible{color:#1f57d6;background:#2b63f114;outline:none}.movie-suggestion-modal-header{align-items:flex-start;gap:14px;padding-right:44px;display:flex}.movie-suggestion-modal-icon{color:#1f57d6;background:linear-gradient(135deg,#1a56db24,#5395f52e);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.movie-suggestion-modal-copy{gap:4px;display:grid}.movie-suggestion-modal-copy h2{color:#12284a;margin:0;font-size:1.45rem;line-height:1.15}.movie-suggestion-modal-copy p,.movie-suggestion-results-note,.movie-suggestion-results-footer,.movie-suggestion-result-copy span,.movie-suggestion-reason p,.movie-suggestion-empty-state p{color:#6c7d99;margin:0;line-height:1.5}.movie-suggestion-search{background:#fff;border:1.5px solid #8db3ff;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffffe6}.movie-suggestion-search:focus-within{border-color:#2b63f1;box-shadow:0 0 0 4px #2b63f11f}.movie-suggestion-search svg{color:#7184a7;flex-shrink:0}.movie-suggestion-search input{color:#102344;background:0 0;border:none;outline:none;width:100%;font-size:.98rem}.movie-suggestion-search input::placeholder,.movie-suggestion-reason textarea::placeholder{color:#9aa8bd}.movie-suggestion-clear{color:#73839d;background:#edf3ff;border:none;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;display:inline-grid}.movie-suggestion-modal-body{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px;display:grid}.movie-suggestion-results-panel,.movie-suggestion-detail-panel{background:#fffffff5;border:1px solid #dde8f8;border-radius:20px;min-height:0;display:grid}.movie-suggestion-results-panel{grid-template-rows:minmax(0,1fr) auto;padding:12px}.movie-suggestion-results-list{align-content:start;gap:10px;padding-right:4px;display:grid;overflow:auto}.movie-suggestion-result{text-align:left;background:#fff;border:1px solid #dce7f8;border-radius:16px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.movie-suggestion-result:hover,.movie-suggestion-result:focus-visible{border-color:#8db3ff;outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #116eee14}.movie-suggestion-result.is-selected{border-color:#2b63f1;box-shadow:0 0 0 2px #2b63f11f}.movie-suggestion-result-poster,.movie-suggestion-detail-poster{color:#fff;position:relative;overflow:hidden}.movie-suggestion-result-poster:after,.movie-suggestion-detail-poster:after{content:"";background:linear-gradient(#ffffff0f,#050b1a75);position:absolute;inset:0}.movie-suggestion-result-poster{border-radius:12px;height:88px}.movie-suggestion-result-poster span,.movie-suggestion-detail-poster span{z-index:1;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700;position:absolute;bottom:10px;left:10px;right:10px}.movie-suggestion-result-copy{gap:4px;min-width:0;display:grid}.movie-suggestion-result-copy strong,.movie-suggestion-detail-copy strong,.movie-suggestion-empty-state strong{color:#13284b}.movie-suggestion-result-copy strong,.movie-suggestion-detail-copy strong{font-size:.98rem}.movie-suggestion-result-copy span{font-size:.82rem}.movie-suggestion-result-action{color:#2454cc;text-align:center;border:1px solid #cfe0ff;border-radius:10px;min-width:76px;padding:8px 12px;font-size:.82rem;font-weight:700}.movie-suggestion-result-action.is-selected{color:#fff;background:linear-gradient(135deg,#2b63f1,#3f87ff);border-color:#0000}.movie-suggestion-results-footer{justify-content:space-between;gap:12px;padding:10px 4px 2px;font-size:.76rem;display:flex}.movie-suggestion-results-powered{color:#2b63f1;font-weight:700}.movie-suggestion-detail-panel{align-content:start;gap:18px;padding:18px}.movie-suggestion-detail-card{grid-template-columns:112px minmax(0,1fr);gap:16px;display:grid}.movie-suggestion-detail-poster{border-radius:16px;min-height:188px}.movie-suggestion-detail-copy{align-content:start;gap:8px;display:grid}.movie-suggestion-detail-copy>span{color:#7183a1;font-size:.88rem}.movie-suggestion-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.movie-suggestion-detail-meta span,.movie-suggestion-detail-badge{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex}.movie-suggestion-detail-meta span{color:#5f7395;background:#eff4fb}.movie-suggestion-detail-badge{color:#157b5d;background:#1ca37a1f;justify-self:start}.movie-suggestion-reason{border-top:1px solid #e5edf9;gap:10px;padding-top:18px;display:grid}.movie-suggestion-reason label{color:#13284b;font-size:.92rem;font-weight:700}.movie-suggestion-reason label span{color:#7d8da7;font-weight:500}.movie-suggestion-reason textarea{resize:vertical;color:#102344;width:100%;min-height:118px;font:inherit;background:#fff;border:1px solid #d6e3f7;border-radius:14px;outline:none;padding:14px}.movie-suggestion-reason textarea:focus{border-color:#2b63f1;box-shadow:0 0 0 4px #2b63f11f}.movie-suggestion-reason p{font-size:.77rem}.movie-suggestion-empty-state{text-align:center;align-content:center;place-items:center;gap:6px;min-height:180px;padding:24px;display:grid}.movie-suggestion-empty-state.is-detail{min-height:100%}.movie-suggestion-modal-footer{justify-content:flex-end;gap:12px;padding-top:6px;display:flex}.movie-suggestion-submit-note{border-radius:14px;margin:0;padding:12px 14px;font-size:.88rem;line-height:1.5}.movie-suggestion-submit-note.is-success{color:#157b5d;background:#1ca37a1a}.movie-suggestion-submit-note.is-error{color:#9f2f2f;background:#d94e4e14}.movie-suggestion-footer-btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.movie-suggestion-footer-btn:disabled{opacity:.55;cursor:not-allowed}.movie-suggestion-footer-btn.is-ghost{color:#567191;background:#fff;border:1px solid #d5e1f4}.movie-suggestion-footer-btn.is-primary{color:#fff;background:linear-gradient(135deg,#2b63f1,#3f87ff);border:none;box-shadow:0 14px 32px #2b63f138}.movie-suggestion-footer-btn:not(:disabled):hover,.movie-suggestion-footer-btn:not(:disabled):focus-visible{outline:none;transform:translateY(-1px)}.library-loading-state{text-align:center;background:linear-gradient(#fffffff0,#f3f8ffeb);border:1px solid #c3dbfbd1;border-radius:28px;flex-direction:column;align-items:center;padding:40px 32px 32px;display:flex;box-shadow:0 26px 52px #116eee1a}.library-loading-illustration{-webkit-user-select:none;user-select:none;pointer-events:none;width:220px;height:auto;margin-bottom:20px}.library-loading-title{color:#0f2040;margin-bottom:6px;font-size:1.4rem;font-weight:700;line-height:1.2}.library-loading-sub{color:#6b7f9e;margin:0 0 18px;font-size:.9rem;line-height:1.5}.library-loading-bar{background:#e2eaf6;border-radius:99px;width:220px;height:5px;margin-bottom:28px;overflow:hidden}.library-loading-bar-fill{background:#1a56db;border-radius:99px;width:45%;height:100%;animation:1.6s ease-in-out infinite libraryBarSlide}.library-loading-discover{color:#8896ad;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;margin:0 0 16px;font-size:.82rem;font-weight:600}.library-loading-skeletons{grid-template-columns:repeat(5,1fr);gap:14px;width:100%;display:grid}.library-loading-skeleton-card{flex-direction:column;gap:8px;display:flex}.library-loading-skeleton-poster{aspect-ratio:2/3;background:#dde6f4;border-radius:12px;width:100%;animation:1.6s ease-in-out infinite skeletonPulseAnim}.library-loading-skeleton-line{background:#dde6f4;border-radius:5px;height:9px;animation:1.6s ease-in-out infinite skeletonPulseAnim}.library-loading-skeleton-line.is-short{width:60%}.learner-library-shell{grid-template-columns:minmax(0,1fr) minmax(0,0fr);display:grid}.learner-library-core{background:linear-gradient(#fffffff5,#f1f7fff0);border:1px solid #c3dbfbd6;border-radius:28px;gap:40px;min-height:780px;padding:32px 28px 40px;display:grid;box-shadow:0 30px 70px #116eee14,inset 0 1px #ffffffe0}.learner-library-side-slot{min-width:0}.learner-library-header,.learner-library-row{gap:24px;display:grid}.learner-profile-banner{background:linear-gradient(#f9fbff 0%,#eef4ff 100%);border:1px solid #dbe7fb;border-radius:22px;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1.4fr) auto;align-items:center;gap:20px;padding:22px 24px;display:grid;position:relative;box-shadow:0 18px 38px #1f73ff14}.learner-profile-banner.is-complete{background:radial-gradient(circle at 0 0,#4fc17429,#0000 34%),linear-gradient(#f8fffb 0%,#eefbf2 100%);border-color:#cfead8;animation:.6s learnerProfileBannerCelebrate;box-shadow:0 18px 38px #38a1691f}.learner-profile-banner-progress-ring{--profile-banner-progress:240deg;background:radial-gradient(closest-side, #f9fbff 76%, transparent 78% 100%), conic-gradient(#1f73ff 0deg var(--profile-banner-progress), #d9e6fb var(--profile-banner-progress) 360deg);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.learner-profile-banner.is-complete .learner-profile-banner-progress-ring{background:radial-gradient(closest-side, #f8fffb 76%, transparent 78% 100%), conic-gradient(#22a35a 0deg var(--profile-banner-progress), #d8f1e0 var(--profile-banner-progress) 360deg)}.learner-profile-banner-progress-ring strong{color:#1f73ff;letter-spacing:-.03em;font-size:1rem;font-weight:800}.learner-profile-banner.is-complete .learner-profile-banner-progress-ring strong{color:#1b8a4c}.learner-profile-banner-copy{gap:6px;display:grid}.learner-profile-banner-copy strong{color:#13294b;letter-spacing:-.03em;font-size:1.35rem;font-weight:800;line-height:1.1}.learner-profile-banner-copy p{color:#7184a6;margin:0;font-size:.94rem;line-height:1.6}.learner-profile-banner-checklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.learner-profile-banner-item{text-align:center;color:#6c80a1;justify-items:center;gap:8px;font-size:.8rem;font-weight:600;display:grid}.learner-profile-banner-item-icon{color:#8ca0bf;background:#fff;border:1px solid #dce6f7;border-radius:50%;place-items:center;width:36px;height:36px;display:inline-grid}.learner-profile-banner-item-icon.is-complete{color:#22a35a;background:#eef7ee;border-color:#bce4c9}.learner-profile-banner-item-status{background:#fff;border:1.5px solid #c3d1e8;border-radius:50%;width:12px;height:12px}.learner-profile-banner-item-status.is-complete{background:#22a35a;border-color:#22a35a;box-shadow:0 0 0 3px #22a35a1f}.learner-profile-banner-action{color:#fff;background:linear-gradient(135deg,#1f73ff,#2f86ff);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 14px 28px #1f73ff33}.learner-profile-banner.is-complete .learner-profile-banner-action{background:linear-gradient(135deg,#22a35a,#34c56f);box-shadow:0 14px 28px #22a35a33}.learner-profile-banner-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.learner-profile-banner-close{color:#7e92b1;background:0 0;border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid;position:absolute;top:14px;right:14px}.learner-profile-banner-close:hover{color:#163056;background:#d6e2f6cc}@keyframes learnerProfileBannerCelebrate{0%{opacity:.75;transform:scale(.98)}60%{opacity:1;transform:scale(1.01)}to{transform:scale(1)}}.learner-library-breadcrumbs{color:#8193ad;align-items:center;gap:10px;font-size:.95rem;display:flex}.learner-library-breadcrumbs strong{color:#172b4d;font-weight:700}.learner-library-heading{gap:14px;display:grid}.learner-library-heading h1,.learner-library-row-head h2{color:#13294b;letter-spacing:-.04em;margin:0;font-size:clamp(2.1rem,4vw,2.8rem);line-height:1}.learner-library-heading p{color:#68809c;max-width:42rem;margin:0;font-size:1rem;line-height:1.7}.learner-library-row-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.learner-library-row-head h2{letter-spacing:-.03em;font-size:2rem}.learner-library-link{color:#1f73ff;background:0 0;padding:0;font-size:.92rem;font-weight:700}.learner-continue-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.learner-continue-card,.learner-show-card{background:#fffffff2;border:1px solid #e4ebf5;border-radius:18px;gap:20px;padding:18px;display:grid;box-shadow:0 16px 34px #116eee12}.learner-continue-card{grid-template-columns:108px minmax(0,1fr);align-items:stretch;column-gap:36px}.learner-page.is-sidebar-collapsed .learner-continue-card{column-gap:24px}.learner-continue-card-poster,.learner-show-card-poster{background:#eef4ff;border-radius:14px;padding:0;overflow:hidden}.learner-continue-card-poster{aspect-ratio:.72}.learner-show-card-poster{aspect-ratio:1;width:100%;display:block}.learner-continue-card-poster .library-poster-image,.learner-continue-card-poster .library-poster-fallback,.learner-show-card-poster .library-poster-image,.learner-show-card-poster .library-poster-fallback{width:100%;height:100%}.learner-continue-card-body,.learner-show-card-body,.learner-show-card-copy,.learner-continue-card-copy,.learner-show-card-progress,.learner-continue-card-progress{gap:12px;min-width:0;display:grid}.learner-continue-card-copy strong,.learner-show-card-copy strong{color:#162b4e;min-width:0;font-size:1.02rem;font-weight:700;line-height:1.2}.learner-continue-card-copy span,.learner-show-card-copy span,.learner-show-card-progress span,.learner-continue-card-progress span{color:#70839c;min-width:0;font-size:.84rem;line-height:1.5}.learner-show-card-tags,.learner-library-chip-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.learner-show-tag,.learner-library-chip{color:#647998;background:#f3f6fb;border-radius:999px;min-height:42px;padding:0 16px;font-size:.95rem;font-weight:700;line-height:42px}.learner-show-tag.is-listening{color:#4f6bff;background:#edf1ff}.learner-show-tag.is-vocabulary{color:#5e8e3a;background:#edf7e2}.learner-show-tag.is-grammar{color:#7c68cf;background:#f1edff}.learner-show-tag.is-pronunciation{color:#0d8f9e;background:#e6f8fb}.learner-library-chip{color:#4a5f7a;background:#fff;border:1px solid #d4dff0;line-height:normal;transition:background .16s,color .16s,border-color .16s}.learner-library-chip.is-active{color:#fff;background:#1f73ff;border-color:#1f73ff}.learner-library-row-head.is-catalog{align-items:center}.learner-show-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;display:grid}.learner-show-card{transition:transform .18s,box-shadow .18s,border-color .18s}.learner-show-card:hover,.learner-continue-card:hover{border-color:#dde8fb;transform:translateY(-1px);box-shadow:0 4px 12px #116eee12}.learner-show-card-progress-track{background:#e6edf8;border-radius:999px;width:100%;height:6px;overflow:hidden}.learner-show-card-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#1f73ff,#4d9dff);height:100%}.learner-show-card-action,.learner-continue-card-action{color:#1f73ff;background:#fff;border:1px solid #d8e3f3;border-radius:999px;min-height:42px;font-size:.84rem;font-weight:700}.learner-continue-card-action{justify-content:center;justify-self:start;align-items:center;gap:6px;max-width:100%;padding:0 14px;display:inline-flex}.learner-continue-card-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.learner-library-empty-panel{background:#ffffffd1;border:1px dashed #d6e1f2;border-radius:20px;place-items:start;gap:8px;padding:22px;display:grid}.learner-library-empty-panel strong{color:#162b4e;font-size:1rem}.learner-library-empty-panel p{color:#70839c;margin:0;line-height:1.6}.library-poster-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;display:grid}.library-poster-card{border:1px solid var(--border);background:var(--library-card-bg);color:var(--text);text-align:left;border-radius:18px;gap:10px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid}.library-poster-card:hover{border-color:rgba(var(--accent-rgb), .28);transform:translateY(-1px)}.library-poster-card.is-active{border-color:rgba(var(--accent-rgb), .34);background:var(--accent-dim)}.library-poster-frame{aspect-ratio:.7;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.library-poster-image,.library-poster-fallback{width:100%;height:100%}.library-poster-image{object-fit:cover;display:block}.library-poster-fallback{background:linear-gradient(180deg, rgba(var(--accent-rgb), .14), var(--surface-soft));color:var(--accent);font-family:var(--font-ui,"Inter", system-ui, sans-serif);letter-spacing:.12em;place-items:center;font-size:1.2rem;display:grid}.library-poster-copy{gap:4px;display:grid}.library-poster-copy strong{font-size:.96rem;font-weight:600;line-height:1.25}.library-poster-copy span{color:var(--text-2);font-size:.8rem;line-height:1.45}.library-shows-layout{gap:16px;display:grid}.library-show-page,.library-show-core{gap:22px;display:grid}.library-show-page-head{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.library-show-crumbs{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:.92rem;display:flex}.library-show-crumbs strong{color:#162b4e;font-weight:600}.library-crumb-button{color:#5f7595;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;transition:color .16s,background .16s}.library-crumb-button:hover,.library-crumb-button:focus-visible{color:#1f73ff;background:#1f73ff14;outline:none}.library-show-page-summary{align-items:center;gap:22px;display:flex}.library-show-page-summary.is-learner{background:#fff;border:1px solid #e8edf5;border-radius:16px;align-items:flex-start;padding:24px}.library-show-hero-card{padding:0}.library-show-page-summary.is-learner.is-core-layout{background:#fff;border:1px solid #e8edf5;border-radius:16px;align-items:stretch;gap:28px;padding:28px;box-shadow:0 2px 8px #0000000a}.library-show-page-poster{background:#eef4ff;border:1px solid #e4eaf2;border-radius:12px;flex:0 0 98px;width:98px;height:140px;overflow:hidden}.library-show-page-poster .library-poster-image,.library-show-page-poster .library-poster-fallback{width:100%;height:100%}.library-show-page-poster .library-poster-fallback{font-size:1rem}.library-show-page-poster.is-core-layout{width:200px;height:280px;box-shadow:none;background:#eef4ff;border:1px solid #e4eaf2;border-radius:12px;flex:0 0 200px}.library-show-page-copy{gap:8px;display:grid}.library-show-page-copy.is-core-layout{flex:1;align-content:center;gap:14px}.library-show-page-copy strong{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;line-height:1.05}.library-show-page-copy.is-core-layout strong{letter-spacing:-.02em;color:#0f2040;font-size:clamp(2rem,3vw,2.75rem);line-height:1.05}.library-show-hero-description{color:#516886;max-width:58ch;margin:0;font-size:1.08rem;line-height:1.7}.library-show-meta-row{color:#5a6a84;align-items:center;gap:8px;font-size:.9375rem;display:flex}.library-show-meta-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.library-show-meta-dot{color:#b0bdd0;font-size:1.2em}.library-show-page-copy small{color:var(--text-2);font-size:.95rem}.library-show-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.library-hero-action{color:#2d4060;background:#fff;border:1.5px solid #d4dce9;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:0 22px;font-size:.9375rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.library-hero-action:hover{background:#f7f9fc;border-color:#c0ccd9}.library-hero-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;width:18px;height:18px}.library-hero-action.is-primary{color:#fff;background:#1f73ff;border-color:#1f73ff}.library-hero-action.is-primary svg{fill:#fff;stroke:none}.library-hero-action.is-primary:hover{background:#1865e8;border-color:#1865e8}.library-hero-action.is-outline{color:#2d4060;background:#fff;border-color:#d4dce9}.library-hero-action.is-outline svg{fill:none;stroke:currentColor}.library-show-detail{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffad;border:none;border-radius:28px;gap:10px;padding:18px;display:grid;box-shadow:0 24px 48px #101f351a,inset 0 0 0 1px #ffffff80}.library-show-detail.is-learner-core{background:#fff;border:1px solid #e8edf5;border-radius:16px;gap:0;padding:24px;box-shadow:0 2px 8px #0000000a}.library-show-seasons-rail{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.library-show-seasons-rail.is-core-layout{border-bottom:1px solid #edf0f5;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:20px}.library-show-seasons-tabs{flex-wrap:wrap;gap:8px;display:flex}.library-season-tab{color:#5a6a84;background:#f4f6f9;border:none;border-radius:8px;min-width:48px;min-height:38px;padding:0 14px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s}.library-season-tab:hover{color:#1a2f4e;background:#eaecf0}.library-season-tab.is-active{color:#fff;background:#1f73ff}.library-season-section-header{justify-content:flex-end;align-items:center;gap:12px;display:flex}.library-season-episode-count{color:#8896ad;font-size:.875rem}.library-expand-all-button{color:#1f73ff;background:#fff;border:1px solid #e4eaf2;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.library-expand-all-button:hover{background:#f4f6f9}.library-expand-all-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.library-folder-toolbar{border-bottom:none;justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 14px;display:flex}.library-folder-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.library-folder-back{color:var(--text);background:#ffffffb8;border:none;border-radius:999px;padding:9px 14px;font-size:.84rem;font-weight:600;box-shadow:0 10px 20px #101f3514,inset 0 0 0 1px #ffffffb3}.library-folder-back:hover{background:#ffffffeb}.library-folder-path{text-align:right;justify-items:end;gap:2px;min-width:0;display:grid}.library-folder-path span{color:var(--text-2);font-size:.76rem}.library-folder-path strong{color:var(--text);font-size:.92rem;font-weight:600}.library-season{border:1px solid var(--border);background:var(--library-card-bg);border-radius:16px;overflow:hidden}.library-season-button{width:100%;color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.library-season-main{align-items:center;gap:12px;min-width:0;display:flex}.library-season-thumb{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex:0 0 38px;width:38px;height:54px;overflow:hidden}.library-season-thumb .library-poster-image,.library-season-thumb .library-poster-fallback{width:100%;height:100%}.library-season-thumb .library-poster-fallback{letter-spacing:.08em;font-size:.8rem}.library-season-copy{min-width:0}.library-season-button.is-active{background:var(--surface-hover)}.library-season-button span{font-size:.96rem;font-weight:600}.library-season-button small,.library-episode-button small{color:var(--text-2);font-size:.8rem}.library-episode-list{gap:6px;padding:0 10px 10px;display:grid}.library-episode-list.is-folder-view{padding:6px 0 0}.library-episode-list.is-folder-view.is-core-layout{padding-top:16px}.library-episode-stage{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid;overflow:hidden}.library-episode-stage.has-drawer{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}.library-episode-column{gap:10px;display:grid}.library-episode-card{background:#fff;border:1px solid #e8edf5;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.library-episode-card:hover{border-color:#d0d8e8;box-shadow:0 2px 8px #0000000f}.library-episode-card.is-active{border-color:#1f73ff;box-shadow:0 0 0 1px #1f73ff}.library-episode-inner{width:100%;color:var(--text);text-align:left;background:0 0;border:none;align-items:center;gap:20px;padding:16px 20px 16px 16px;display:flex}.library-season-button:hover{background:#fffffff5}.library-episode-thumb{background:#eef4ff;border:1px solid #e4eaf2;border-radius:8px;flex:0 0 160px;width:160px;height:100px;position:relative;overflow:hidden}.library-episode-thumb .library-poster-image,.library-episode-thumb .library-poster-fallback{width:100%;height:100%}.library-episode-thumb .library-poster-image{object-fit:cover}.library-episode-thumb .library-poster-fallback{letter-spacing:.08em;font-size:1rem}.library-episode-play-overlay{opacity:0;background:#00000047;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.library-episode-play-overlay svg{fill:#fff;drop-shadow:0 2px 4px #0000004d;width:36px;height:36px}.library-episode-inner:hover .library-episode-play-overlay{opacity:1}.library-episode-copy{flex:1;gap:5px;min-width:0;display:grid}.library-episode-code{color:var(--text-2);font-family:var(--font-ui,"Inter", system-ui, sans-serif);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;display:inline-block}.library-episode-main strong{font-size:1rem;font-weight:600;display:block}.library-episode-main span{color:var(--text-2);margin-top:3px;font-size:.88rem;line-height:1.45;display:block}.library-episode-title{font-family:var(--font-ui,"Inter", system-ui, sans-serif);letter-spacing:-.01em;color:#0f2040;font-size:1rem;font-weight:600;line-height:1.3}.library-episode-loading{color:#8896ad;font-size:.875rem}.library-episode-main small{color:var(--text-2);flex-shrink:0;margin-left:auto;font-size:.8rem}.library-episode-detail-copy{color:#7085a2;font-size:.96rem;font-weight:500}.library-episode-lessons-button{background:var(--accent-dim);color:var(--accent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:10px 14px;font-size:.78rem;font-weight:700;transition:background .18s,color .18s,transform .18s}.library-episode-lessons-button:hover{background:rgba(var(--accent-rgb), .18)}.library-episode-lessons-button.is-active{background:var(--accent);color:var(--accent-contrast)}.library-episode-progress{flex:0 0 138px;align-self:center;justify-items:end;gap:10px;display:grid}.library-episode-progress-track{background:#7e8fa73d;border-radius:999px;width:84px;height:5px;overflow:hidden}.library-episode-progress-fill{border-radius:inherit;background:rgba(var(--accent-rgb), .7);width:0;height:100%;transition:width .22s}.library-episode-progress span{font-size:.98rem;font-weight:600;line-height:1}.library-episode-status{white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;font-size:.875rem;font-weight:600;display:flex}.library-episode-status svg{flex:0 0 22px;width:22px;height:22px}.library-episode-status.is-done{color:#12a150}.library-episode-status.is-done svg{fill:#12a150;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.library-episode-status.is-in-progress{color:#1f73ff}.library-episode-ring-bg{fill:none;stroke:#d4e4ff;stroke-width:2.5px}.library-episode-ring-fill{fill:none;stroke:#1f73ff;stroke-width:2.5px;stroke-linecap:round}.library-episode-status.is-not-started{color:#8896ad}.library-episode-status.is-not-started svg{fill:#d4dce9;stroke:#8896ad;stroke-width:1px}.library-episode-progress-bar{background:#edf0f5;height:4px;overflow:hidden}.library-episode-progress-bar-fill{border-radius:0 2px 2px 0;height:100%;transition:width .3s}.library-episode-progress-bar.is-done .library-episode-progress-bar-fill{background:#12a150;width:100%!important}.library-episode-progress-bar.is-in-progress .library-episode-progress-bar-fill{background:#1f73ff}.library-episode-progress.is-done span{color:#12a150}.library-episode-progress.is-done .library-episode-progress-fill{background:#12a150}.library-episode-progress.is-in-progress span{color:var(--accent)}.library-episode-progress.is-in-progress .library-episode-progress-fill{background:var(--accent)}.library-episode-progress.is-not-started span{color:var(--text-2)}.library-episode-progress.is-not-started .library-episode-progress-fill{background:#5f738866}.library-upload-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.library-upload-button{border:1px solid rgba(var(--accent-rgb), .28);color:var(--accent);white-space:nowrap;background:0 0;border-radius:999px;padding:8px 12px;font-size:.76rem;font-weight:700;transition:background .16s,border-color .16s,color .16s,opacity .16s}.library-upload-button:hover:not(:disabled){background:var(--accent-dim)}.library-upload-button:disabled{opacity:.68;cursor:wait}.library-upload-button.is-complete{color:#27500a;background:#eaf3de;border-color:#3b6d11}.library-episode-button strong{font-size:.92rem;font-weight:600;display:block}.library-episode-button span{color:var(--text-2);margin-top:3px;font-size:.78rem;display:block}.episode-lessons-drawer{opacity:0;background:linear-gradient(#ffffffdb,#f6faffbd);border-radius:24px;align-content:start;gap:14px;min-height:100%;padding:22px;animation:.26s forwards episodeDrawerIn;display:grid;transform:translate(48px);box-shadow:0 24px 48px #101f351c,inset 0 0 0 1px #ffffff9e}.episode-lessons-drawer-head{border-bottom:1px solid #101f3514;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:16px;display:flex}.episode-lessons-drawer-title{align-items:center;gap:10px;display:flex}.episode-lessons-book-icon{color:#1163ee;background:#116eee1a;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.episode-lessons-drawer-head .lesson-kicker{color:#1163ee;letter-spacing:.06em;font-size:.8rem;font-weight:700}.episode-lessons-close{color:var(--text-2);background:0 0;align-items:center;gap:6px;padding:4px 0;font-size:.85rem;font-weight:500;display:flex}.episode-lessons-close-x{width:26px;height:26px;color:var(--text-2);background:#101f3512;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.episode-lessons-close:hover{color:#162b4e}.episode-lessons-close:hover .episode-lessons-close-x{color:#162b4e;background:#101f351f}.episode-lessons-loading{text-align:center;place-items:center;gap:8px;padding:20px 18px 8px;display:grid}.episode-lessons-spinner{border:3px solid #116eee26;border-top-color:#1163ee;border-radius:50%;width:44px;height:44px;margin-bottom:4px;animation:.75s linear infinite lessonsSpinnerAnim}.episode-lessons-loading-title{color:#162b4e;font-size:1.05rem;font-weight:700;line-height:1.2}.episode-lessons-loading-sub{color:var(--text-2);max-width:24ch;margin:0;font-size:.875rem;line-height:1.5}.episode-lessons-skeletons{gap:10px;width:100%;margin-top:12px;display:grid}.episode-lessons-skeleton-card{background:#101f3506;border:1px solid #101f350f;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.episode-lessons-skeleton-thumb{background:#101f3514;border-radius:10px;flex-shrink:0;width:58px;height:58px;animation:1.6s ease-in-out infinite skeletonPulseAnim}.episode-lessons-skeleton-lines{flex:1;gap:8px;display:grid}.episode-lessons-skeleton-line{background:#101f3514;border-radius:5px;height:10px;animation:1.6s ease-in-out infinite skeletonPulseAnim}.episode-lessons-skeleton-line.is-short{width:58%}.episode-lessons-list{gap:12px;display:grid}.episode-lessons-empty{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:320px;padding:24px 18px;display:grid}.episode-lessons-empty-icon{background:#116eee14;border-radius:18px;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid;box-shadow:0 12px 24px #116eee1f,inset 0 0 0 1px #116eee14}.episode-lessons-empty strong{color:var(--text);font-size:1.4rem;font-weight:700;line-height:1.15}.episode-lessons-empty p{max-width:17ch;color:var(--text-2);margin:0;font-size:1rem;line-height:1.55}.episode-lessons-empty.is-error{gap:12px}.episode-lessons-warning{background:#fff9eef5;border:1px solid #e285242e;border-radius:18px;gap:8px;margin:0 20px 16px;padding:16px 18px;display:grid}.episode-lessons-warning strong{color:#8a4c14}.episode-lessons-warning p{color:#745f49;margin:0;line-height:1.55}.episode-lessons-warning-action{color:#8a4c14;background:#ffffffe6;border:1px solid #e2852438;border-radius:999px;justify-self:start;min-height:40px;padding:0 16px;font-weight:700;transition:transform .16s,box-shadow .16s,border-color .16s}.episode-lessons-warning-action:hover{transform:translateY(-1px);box-shadow:0 10px 22px #e2852424}
