@import url("flashcards/styles.css");

:root{--course-cream:#fff9e8;--course-mint:#e2f3ed;--course-border:#dbe6df;--course-ink:#20372f;--course-muted:#78847b;--course-radius:18px}
[hidden]{display:none!important}a{color:inherit}button,a,select,input{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #63b8a7;outline-offset:3px}.site-header a,.course-shell a{text-decoration:none}.site-header{position:sticky;top:0;z-index:35;min-height:82px;padding:15px max(25px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fffdf5ed;border-bottom:1px solid #e6e9d9;backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:22px;font-weight:850;letter-spacing:-.6px;color:var(--teal-dark)}.site-brand-mark{display:grid;place-items:center;width:34px;height:36px;border-radius:11px;background:var(--teal);color:#fdf6d8;font-size:25px}.site-nav{display:flex;gap:5px;align-items:center}.site-nav a{display:flex;align-items:center;justify-content:center;min-height:43px;padding:11px 16px;border-radius:12px;font-size:13px;font-weight:750;color:#6e786c;white-space:nowrap;border:1px solid transparent}.site-nav a:hover{background:#f0f3e4}.site-nav a[aria-current]{background:#e0f1e9;border-color:#c7e3d6;color:var(--teal-dark)}
.global-menu.trainer-local-menu{position:relative;top:auto;left:auto;width:min(1080px,calc(100% - 28px));margin:21px auto 0;padding:9px 11px;display:flex;flex-direction:row;align-items:center;gap:7px;border:1px solid #dadfcd;border-radius:16px;background:#fffdf29e;box-shadow:0 5px 18px #536d4d06;backdrop-filter:blur(10px);z-index:1}.local-menu-caption{font-size:10px;letter-spacing:1.6px;color:#929982;margin:0 auto 0 9px;font-weight:700}.trainer-local-menu .global-menu-button{display:flex;gap:7px;padding:9px 15px;min-height:37px;font-size:12px;border-radius:10px;font-weight:700;color:#6e7a69}.trainer-local-menu .global-menu-button>span{font-size:18px;line-height:1}.trainer-local-menu .global-menu-button.is-current{background:#dff1e5;color:#12675b;border-color:#c4decc}.trainer-local-menu .global-menu-button-reset{color:#9a715a;background:#f9eee0}.trainer-local-menu .global-menu-button-reset:hover{background:#f6e2ce}.trainer-local-menu .global-menu-button:hover{transform:none;box-shadow:none}#cards-section .app-shell{min-height:calc(100dvh - 157px);padding-top:12px}#cards-section :is(.start-screen,.level-screen,.topic-screen,.study-view){min-height:calc(100dvh - 184px)}
body[data-section="friends"],body[data-section="thousand"]{background:radial-gradient(ellipse at 90% 0%,#eff5dd66,transparent 55%),#f8f9f3;background-size:auto;color:var(--course-ink)}.course-shell{max-width:1160px;width:calc(100% - 56px);margin:0 auto;padding:0 0 50px}.course-shell:focus{outline:none}.course-shell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0}.course-local-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0 20px;border-bottom:1px solid #e5e9dd;margin-bottom:31px}.course-local-nav>span{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#9aa38d}.course-local-nav>div{display:flex;gap:6px}.course-local-nav a{padding:8px 12px;border-radius:9px;color:#8b9482;font-size:11px;font-weight:650}.course-local-nav a:hover{background:#eef2e4}.course-local-nav a[aria-current]{background:#e7efdc;color:#68814c}.course-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 27px}.course-eyebrow{display:block;color:#8a967c;font-size:9px;letter-spacing:1.8px;font-weight:750}.course-heading h1{font-size:39px;line-height:1.16;letter-spacing:-1.2px;margin:12px 0 11px;font-weight:800}.course-heading p{font-size:13px;font-weight:400;color:#7a8874;line-height:1.7;margin:0}.course-prototype-label{font-size:10px;white-space:nowrap;border:1px solid #dee5d2;background:#f1f5e6;color:#8a9975;border-radius:30px;padding:8px 11px}.course-start{border:1px solid #dbe5c9;background:linear-gradient(115deg,#f4f5dc,#edf4e1);border-radius:var(--course-radius);padding:24px 26px;display:flex;align-items:center;gap:20px;margin:0 0 31px}.course-start-icon{display:grid;place-items:center;background:#e2e9c5;color:#7b8d50;border:1px solid #d5dfb3;border-radius:15px;width:58px;height:62px;flex-shrink:0}.course-start-icon svg{width:29px;height:29px}.course-start h2{font-size:22px;font-weight:750;margin:7px 0 7px}.course-start p{margin:0;color:#889278;font-size:11px;line-height:1.7}.course-start>.course-button{margin-left:auto;white-space:nowrap}.course-button{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;border:1px solid transparent;border-radius:11px;padding:12px 17px;background:var(--teal);color:#fff;font-size:12px;font-weight:750;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}.course-button svg{width:16px;height:16px}.course-button:hover{background:#0c665f;box-shadow:0 5px 15px #0d766e13}.course-button.secondary{background:#fff;color:#657961;border-color:#d9e3d4}.course-button.secondary:hover{background:#f0f6ea}.course-button.compact{padding:10px 12px;font-size:11px;min-height:38px}.course-button:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.course-catalog-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}.season-panel{padding-top:5px}.season-panel>.course-eyebrow{margin:0 0 17px 10px}.season-list{display:flex;flex-direction:column;gap:9px}.season-link{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:12px;padding:15px 12px}.season-link:hover{background:#eff3e6}.season-link.is-selected{background:#e5efe0;border-color:#d6e2cd}.season-number{font-size:11px;color:#98a288;width:29px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f3f5eb}.season-link.is-selected .season-number{background:#d3e5c9;color:#7d925c}.season-link strong{display:block;font-size:14px;font-weight:700}.season-link small{display:block;font-size:9px;color:#9aab87;margin-top:5px}.season-link-arrow{margin-left:auto;color:#97ab80;font-size:17px}.season-note{font-size:10px;line-height:1.9;color:#98a08d;padding:5px 12px;max-width:220px}.course-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde4d6;border-radius:12px;padding:0 16px;height:47px;color:#99a58b}.course-search svg{width:18px;height:18px}.course-search input{width:100%;min-width:0;border:0;font:inherit;font-size:12px;background:transparent;color:var(--course-ink);outline:none;height:100%}.course-search input::placeholder{color:#a0a895}.catalog-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 15px}.catalog-list-heading h2{font-size:18px;font-weight:750}.catalog-list-heading>span{font-size:10px;color:#a0a88f}.course-lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.course-lesson-card{border:1px solid #e0e6d8;border-radius:17px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-lesson-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3c583112}.lesson-thumbnail{height:145px;position:relative;background:linear-gradient(130deg,#dceee8,#eaf4ee);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;overflow:hidden}.lesson-thumbnail:before,.lesson-thumbnail:after{content:"";width:150px;height:150px;border:1px solid #799f8c16;border-radius:50%;position:absolute;left:-45px;bottom:-65px}.lesson-thumbnail:after{width:200px;height:200px;left:auto;bottom:auto;top:-75px;right:-85px}.lesson-thumbnail>span{position:absolute;top:16px;left:17px;font-size:9px;letter-spacing:1.2px;color:#7c9a87}.lesson-thumbnail i{display:grid;place-items:center;width:42px;height:42px;background:#ffffff8a;border:1px solid #aac9b96b;border-radius:50%;color:#739c85;margin-top:17px}.lesson-thumbnail i svg{width:18px;height:18px;position:relative;left:2px}.lesson-thumbnail small{font-size:9px;color:#92aa96}.course-lesson-card:nth-child(2) .lesson-thumbnail{background:linear-gradient(125deg,#f4edd7,#f7f2e6)}.course-lesson-card:nth-child(2) .lesson-thumbnail i{color:#b4a274;border-color:#d9cba48f}.course-lesson-card:nth-child(2) .lesson-thumbnail>span,.course-lesson-card:nth-child(2) .lesson-thumbnail small{color:#b0a17f}.lesson-card-copy{padding:21px 21px 19px}.course-tag{display:inline-flex;align-items:center;font-size:9px;font-weight:600;padding:5px 8px;border-radius:6px;background:#f0f3e9;color:#97a284}.lesson-card-copy h3{font-size:19px;margin:13px 0 9px;font-weight:750;letter-spacing:-.4px}.lesson-card-copy p{font-size:11px;color:#94a08b;line-height:1.8;margin:0 0 20px;min-height:38px}.lesson-card-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#78905e;font-weight:700}.lesson-card-link svg{width:16px;height:16px}.course-material-note{font-size:10px;color:#a4ab97;line-height:1.8;margin-top:18px}.course-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:1px dashed #dce5ce;border-radius:17px;padding:55px 25px;min-height:285px}.course-empty>svg{width:32px;height:32px;color:#9dae84;margin-bottom:13px}.course-empty h3,.course-empty h1{font-size:22px;font-weight:700;margin:0 0 12px}.course-empty p{font-size:12px;line-height:1.8;color:#9aa78c;max-width:380px;margin:0 0 20px}.thousand-placeholder{text-align:center;max-width:600px;margin:65px auto;padding:45px 25px}.placeholder-symbol{display:grid;place-items:center;font-size:35px;background:#e6eed8;color:#7c915d;border-radius:25px;width:82px;height:82px;margin:0 auto 28px}.thousand-placeholder h1{font-size:40px;letter-spacing:-1px;margin:15px 0}.thousand-placeholder p{color:#8b997e;font-size:14px;line-height:1.8;margin-bottom:28px}
.lesson-breadcrumb{display:flex;align-items:center;gap:14px;font-size:10px;color:#a0aa94;margin:0 0 22px}.lesson-breadcrumb>a{display:inline-flex;gap:7px;align-items:center;color:#7f936b}.lesson-breadcrumb svg{width:15px;height:15px}.lesson-breadcrumb .course-tag{margin-left:auto}.lesson-heading h1{font-size:32px;margin-top:0}.lesson-heading{margin-bottom:23px}.video-lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.video-workspace{min-width:0}.video-stage{aspect-ratio:16/9;background:radial-gradient(ellipse at 90% 10%,#1e5d52,#153c35);border-radius:18px;position:relative;overflow:hidden;color:#fff;display:grid;place-items:center}.video-stage video{width:100%;height:100%;object-fit:contain;min-height:0;display:block;background:#112c28}.video-stage>audio{display:none}.video-empty{text-align:center;padding:20px;display:flex;flex-direction:column;align-items:center}.empty-play{display:grid;place-items:center;width:48px;height:48px;background:#ffffff09;border:1px solid #ffffff25;color:#bfdac2;border-radius:50%;margin-bottom:18px}.empty-play svg{width:21px;height:21px;position:relative;left:2px}.video-empty h2{font-size:24px;letter-spacing:-.4px;font-weight:650;margin:0 0 13px}.video-empty p{font-size:11px;line-height:1.8;color:#a2c2aa;margin:0 0 17px}.video-empty small{font-size:8px;color:#85a894;margin-top:13px;line-height:1.6}.video-empty .course-button{background:#e5edc7;color:#3c5e3f;font-size:11px;min-height:38px;padding:10px 14px}.video-stage:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}.video-stage:fullscreen video{width:100%;height:100%}.video-toolbar{display:flex;align-items:center;gap:8px;padding:13px 0}.fullscreen-button{margin-left:auto}.speed-control{font-size:10px;color:#98a28d;display:flex;gap:8px;align-items:center;margin-left:5px}.speed-control select{background:#fff;border:1px solid #dce4d4;border-radius:8px;padding:8px 10px;color:#68805b;font-size:11px;min-height:36px}.fragment-toolbar{display:flex;gap:6px;align-items:center;border:1px solid #e0e6d8;background:#f0f4e7;padding:9px 11px;border-radius:11px;flex-wrap:wrap}.fragment-toolbar>span{font-size:9px;color:#98a486;margin-right:auto}.fragment-toolbar button{font:inherit;background:#fff;border:1px solid #dce4d0;border-radius:7px;min-height:31px;padding:6px 9px;font-size:10px;color:#82936e;cursor:pointer}.fragment-toolbar button[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}.fragment-toolbar button:disabled{opacity:.45;cursor:default}.fragment-toolbar .fragment-reset{font-size:16px;padding:2px 8px;background:transparent;border-color:transparent}.player-status{font-size:10px;color:#99a58e;line-height:1.8;padding:10px 2px;overflow-wrap:anywhere;min-height:35px}.practice-panel{background:#fff;border:1px solid #dce5d5;border-radius:18px;padding:23px 20px}.practice-panel-heading h2{font-size:22px;font-weight:750;letter-spacing:-.5px;margin:10px 0 20px}.practice-panel-heading .course-eyebrow{font-size:8px;letter-spacing:1.3px}.independent-modes{display:flex;flex-direction:column;gap:12px}.independent-modes label{font-size:10px;color:#869679;font-weight:650;display:flex;flex-direction:column;gap:7px}.independent-modes select,.material-picker select{width:100%;max-width:100%;border:1px solid #dce5d2;border-radius:9px;background:#f7faf1;padding:11px 10px;font:inherit;font-size:11px;color:#5d7953;min-height:39px}.mode-hint{font-size:9px;color:#a5ad97;line-height:1.8;margin:13px 0 18px}.preset-heading{border-top:1px solid #e9ede2;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9b7b;margin-bottom:12px}.preset-heading small{font-size:8px;color:#b0b8a1}.practice-presets{display:flex;flex-direction:column;gap:5px}.practice-presets>button{font:inherit;display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid transparent;border-radius:10px;background:transparent;color:#8e9b7f;font-size:11px;font-weight:650;cursor:pointer}.preset-number{width:24px;height:24px;display:grid;place-items:center;border:1px solid #e3e9d9;background:#f8faf3;border-radius:50%;font-size:9px;font-weight:400;color:#a1af8c}.practice-presets>button[aria-pressed="true"]{background:#e7f1df;border-color:#dce8ce;color:#4a7344}.practice-presets>button[aria-pressed="true"] .preset-number{background:#d2e8c5;color:#6e935b;border-color:#cadfbf}.preset-description{font-size:10px;color:#7e926d;line-height:1.9;background:#f3f7eb;border-radius:11px;margin-top:16px;padding:13px}.practice-side-note{font-size:9px;color:#aeb69e;line-height:1.9;margin:15px 3px 0}.lesson-materials,.translation-panel{background:#fff;border:1px solid #dfe6d5;border-radius:12px;margin-top:9px;overflow:hidden}.lesson-materials summary,.translation-panel summary{cursor:pointer;padding:15px 17px;font-size:11px;font-weight:650;color:#7a906a;display:flex;align-items:center;gap:9px;list-style:none}.lesson-materials summary::-webkit-details-marker,.translation-panel summary::-webkit-details-marker{display:none}.lesson-materials summary svg{width:16px;height:16px}.lesson-materials summary>span{font-size:9px;color:#a9b39b;font-weight:400;margin-left:auto}.materials-body{border-top:1px solid #edf0e5;padding:17px}.material-picker{display:flex;align-items:end;gap:10px}.material-picker>label{min-width:0;flex:1;display:flex;flex-direction:column;gap:7px;font-size:9px;color:#a1ad90}.material-picker>.course-button{white-space:nowrap;font-size:10px;padding:10px;min-height:39px}.material-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:7px}.material-list li{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#9eab8c;line-height:1.7}.material-list li>span+span{color:#b8c1ab;text-align:right;max-width:55%;overflow-wrap:anywhere}.material-list li .material-present{color:#5d9671}.material-local-note{font-size:9px;line-height:1.9;color:#a4b095;margin:17px 0 0}.translation-panel>div{white-space:pre-wrap;font-size:12px;color:#839575;line-height:1.9;padding:0 17px 17px}.translation-panel summary:after{content:"＋";margin-left:auto;font-weight:400}.translation-panel[open] summary:after{content:"−"}.course-notice{position:fixed;z-index:90;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#1d6359;color:#fff;padding:13px 18px;border-radius:12px;font-size:12px;line-height:1.7;max-width:min(90vw,550px);box-shadow:0 8px 35px #133a3830}.course-notice.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.site-header{padding:14px 25px;gap:15px}.site-brand{font-size:20px}.site-nav a{padding:10px 12px;font-size:12px}.course-shell{width:calc(100% - 44px)}.course-heading h1{font-size:34px}.course-prototype-label{display:none}.course-catalog-layout{grid-template-columns:190px minmax(0,1fr);gap:23px}.course-start{padding:22px;gap:15px}.course-start p{max-width:360px}.course-start>.course-button{padding:12px;font-size:11px}.video-lesson-layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.practice-panel{padding:20px 16px}.video-empty h2{font-size:22px}.video-empty p{font-size:10px}.empty-play{width:39px;height:39px;margin-bottom:11px}.video-empty small{font-size:7px}.video-empty .course-button{min-height:34px;padding:8px 12px;font-size:10px}}
@media(max-width:850px){.site-header{display:block;padding:14px 21px 12px}.site-brand{font-size:21px;margin-bottom:13px}.site-brand-mark{width:28px;height:29px;font-size:20px;border-radius:8px}.site-nav{gap:5px;justify-content:space-between}.site-nav a{flex:1;min-height:40px;font-size:11px;padding:10px}.course-start{flex-wrap:wrap}.course-start>.course-button{margin-left:78px}.course-catalog-layout{grid-template-columns:minmax(0,1fr)}.season-panel>.course-eyebrow,.season-note{display:none}.season-list{flex-direction:row;gap:10px}.season-link{flex:1;padding:12px 10px;background:#f0f4e6;gap:9px}.season-link-arrow{display:none}.season-link strong{font-size:12px}.season-link small{font-size:8px}.video-lesson-layout{grid-template-columns:minmax(0,1fr)}.practice-panel{padding:22px}.independent-modes{display:grid;grid-template-columns:1fr 1fr}.practice-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.practice-presets>button{flex-direction:column;text-align:center;padding:10px 4px;font-size:10px;gap:8px;line-height:1.5}.preset-description{font-size:11px}.video-empty{padding:26px}.video-empty h2{font-size:25px}.video-empty p{font-size:12px}.video-empty small{font-size:9px}.empty-play{width:49px;height:49px;margin-bottom:17px}.video-empty .course-button{min-height:42px;padding:11px 16px;font-size:12px}.global-menu.trainer-local-menu{margin-top:17px}.local-menu-caption{font-size:8px;letter-spacing:1.2px}.trainer-local-menu .global-menu-button{font-size:11px;padding:9px 11px}#cards-section :is(.start-screen,.level-screen,.topic-screen,.study-view){min-height:auto}#cards-section .app-shell{min-height:calc(100dvh - 200px)}#cards-section .start-screen{min-height:calc(100dvh - 225px)}}
@media(max-width:560px){.site-header{padding:12px 14px 10px;min-height:110px}.site-brand{font-size:19px;margin-bottom:11px;gap:7px}.site-brand-mark{width:26px;height:27px}.site-nav{display:grid;grid-template-columns:.8fr 1.5fr 1.1fr;gap:3px}.site-nav a{font-size:9px;white-space:normal;padding:9px 7px;min-height:40px;text-align:center;line-height:1.4;border-radius:9px}.global-menu.trainer-local-menu{width:calc(100% - 22px);margin-top:12px;padding:6px;gap:5px;border-radius:13px;justify-content:space-between}.local-menu-caption{display:none}.trainer-local-menu .global-menu-button{font-size:10px;padding:8px 10px;gap:5px;min-height:34px}.trainer-local-menu .global-menu-button>span{font-size:15px}#cards-section .app-shell{padding-top:12px}.course-shell{width:calc(100% - 32px);padding-bottom:30px}.course-local-nav{padding:17px 0;margin-bottom:25px;gap:5px}.course-local-nav>span{font-size:7px;letter-spacing:1.1px}.course-local-nav a{font-size:9px;padding:7px 8px;border-radius:7px}.course-local-nav>div{gap:1px}.course-heading{margin-bottom:23px}.course-eyebrow{font-size:8px;letter-spacing:1.4px}.course-heading h1{font-size:32px;line-height:1.12;letter-spacing:-.9px;max-width:340px}.course-heading p{font-size:11px;line-height:1.8;max-width:310px}.course-start{padding:20px 17px;gap:13px;margin-bottom:24px;border-radius:16px}.course-start-icon{width:43px;height:49px;border-radius:12px}.course-start-icon svg{width:24px;height:24px}.course-start>div{flex:1;min-width:200px}.course-start .course-eyebrow{font-size:7px;letter-spacing:1.2px}.course-start h2{font-size:21px;margin-top:7px}.course-start p{font-size:10px;line-height:1.8}.course-start>.course-button{margin-left:56px;font-size:10px;padding:11px 13px;min-height:39px}.course-catalog-layout{gap:22px}.season-list{gap:6px}.season-link{display:block;padding:12px 8px;text-align:center;border-radius:11px}.season-number{margin:0 auto 7px;width:24px;height:25px;font-size:9px;border-radius:7px}.season-link strong{font-size:11px}.season-link small{font-size:7px;margin-top:5px}.course-search{height:43px;border-radius:10px;padding:0 13px}.course-search input{font-size:11px}.catalog-list-heading{margin:21px 0 13px}.catalog-list-heading h2{font-size:17px}.catalog-list-heading>span{font-size:8px}.course-lesson-list{grid-template-columns:minmax(0,1fr);gap:14px}.lesson-thumbnail{height:140px}.lesson-card-copy{padding:19px}.lesson-card-copy h3{font-size:20px}.lesson-card-copy p{min-height:0;font-size:11px}.course-material-note{font-size:9px;line-height:1.9}.lesson-breadcrumb{gap:9px;font-size:9px;margin-bottom:21px;flex-wrap:wrap}.lesson-breadcrumb>a{gap:5px}.lesson-breadcrumb .course-tag{font-size:8px}.lesson-heading h1{font-size:29px}.lesson-heading p{font-size:10px;max-width:100%}.video-stage{aspect-ratio:4/3;border-radius:15px}.video-stage video{object-fit:contain}.video-empty{padding:20px 15px}.video-empty h2{font-size:21px;margin-bottom:9px}.video-empty p{font-size:10px;margin-bottom:15px}.empty-play{width:39px;height:39px;margin-bottom:14px}.empty-play svg{width:17px;height:17px}.video-empty .course-button{font-size:10px;min-height:37px;padding:9px 12px}.video-empty small{font-size:7px;max-width:260px;margin-top:12px}.video-toolbar{gap:5px;flex-wrap:wrap;padding:11px 0}.course-button.compact{font-size:9px;padding:8px 9px;gap:5px;min-height:35px}.course-button.compact svg{width:13px;height:13px}.speed-control{font-size:8px;gap:5px;margin-left:2px}.speed-control select{font-size:10px;padding:7px;min-height:34px}.fragment-toolbar{padding:9px 8px;gap:5px}.fragment-toolbar>span{font-size:8px;width:100%;margin-bottom:3px}.fragment-toolbar button{font-size:9px;min-height:30px}.fragment-toolbar .fragment-reset{margin-left:auto;font-size:16px}.player-status{font-size:9px}.practice-panel{padding:22px 17px}.practice-panel-heading h2{font-size:23px}.independent-modes{gap:10px}.independent-modes select{padding:10px 7px;font-size:10px}.mode-hint{font-size:9px}.practice-presets>button{font-size:8px;gap:6px;padding:9px 2px}.preset-number{width:22px;height:22px;font-size:8px}.preset-description{font-size:10px;padding:12px}.practice-side-note{font-size:8px}.lesson-materials summary,.translation-panel summary{padding:14px;font-size:10px}.lesson-materials summary>span{font-size:8px}.materials-body{padding:14px}.material-picker{flex-wrap:wrap;gap:9px}.material-picker>label{flex-basis:100%}.material-picker .course-button{font-size:10px;padding:9px 12px}.material-list li{font-size:8px}.material-local-note{font-size:8px}.translation-panel>div{font-size:11px}.course-empty{padding:40px 20px}.course-empty h3{font-size:21px}.course-empty p{font-size:11px}.thousand-placeholder{padding:20px 5px;margin:45px auto}.thousand-placeholder h1{font-size:33px}.thousand-placeholder p{font-size:12px}.course-notice{font-size:11px;bottom:15px}}
.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:21px;align-items:start;margin-top:20px}.viewer-layout .video-stage{aspect-ratio:auto;height:clamp(275px,calc(100dvh - 275px),540px)}.viewer-layout .video-toolbar{padding:8px 0}.viewer-layout .fragment-toolbar{padding:7px 10px}.viewer-layout .player-status{padding:6px 2px;min-height:28px}.viewer-sidebar{padding:21px 20px}.viewer-heading h1{font-size:27px;font-weight:800;letter-spacing:-.6px;line-height:1.15;margin:9px 0 6px}.viewer-heading .course-eyebrow{font-size:8px;letter-spacing:1.4px}.viewer-episode-meta{font-size:10px;color:#9aa58d}.viewer-navigation{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.viewer-navigation label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#8d9e7e}.viewer-navigation select{min-width:0;width:100%;font:inherit;font-size:12px;background:#f6f9f0;color:#5e7a51;border:1px solid #dce4d1;border-radius:9px;padding:9px;min-height:38px}.viewer-search-panel{margin:11px 0 0;border-bottom:1px solid #e8edde;padding-bottom:10px}.viewer-search-panel summary{cursor:pointer;list-style:none;font-size:10px;color:#93a080;display:flex;align-items:center;gap:7px;padding:6px 1px}.viewer-search-panel summary svg{width:13px;height:13px}.viewer-search-panel summary>span{margin-left:auto;font-size:8px;color:#b1b99f}.viewer-search-panel .course-search{height:36px;margin-top:12px;padding:0 10px}.viewer-search-panel .course-search input{font-size:10px}.viewer-search-results{display:flex;flex-direction:column;margin-top:6px}.viewer-search-results a{display:flex;justify-content:space-between;font-size:11px;padding:9px 8px;border-bottom:1px solid #f0f3e9;color:#7e966a}.viewer-search-results p{font-size:11px;color:#9fae8b}.viewer-all-lessons{display:block;padding:12px 6px 4px;font-size:10px;color:#9aa987;text-decoration:underline!important;text-underline-offset:3px}.viewer-mode-heading{margin:17px 0 15px}.viewer-mode-heading h2{font-size:17px;font-weight:700;letter-spacing:-.3px}.viewer-mode-heading>span{display:block;font-size:9px;color:#a6b294;margin-top:6px}.viewer-sidebar .independent-modes{gap:11px}.viewer-sidebar .independent-modes select{font-size:12px;min-height:40px;background:#f9fbf5}.viewer-sidebar .mode-hint{font-size:9px;margin:10px 0 13px;line-height:1.7}.viewer-methods{border:1px solid #e2e9d8;border-radius:10px;background:#f4f8ed;padding:0 11px}.viewer-methods summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#80996b;font-size:10px;font-weight:650}.viewer-methods summary>span{font-size:8px;color:#b0bb9c;font-weight:400}.viewer-methods .practice-presets{display:flex;flex-direction:column;padding-top:2px;padding-bottom:9px}.viewer-methods .practice-presets>button{font-size:11px;background:#ffffff5c}.viewer-methods .preset-description{font-size:10px;margin:0 0 12px;padding:11px;background:#e9f2de}.viewer-start-tip{font-size:10px;line-height:1.9;color:#9aaa8a;margin:16px 1px 0}.viewer-start-tip strong{display:block;font-size:11px;color:#81996d;margin-bottom:3px}
@media(max-width:1050px){.viewer-layout{grid-template-columns:minmax(0,1fr) 286px;gap:17px}.viewer-sidebar{padding:19px 17px}.viewer-heading h1{font-size:25px}.viewer-layout .video-stage{height:clamp(265px,calc(100dvh - 275px),500px)}}
@media(max-width:850px){.viewer-layout{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:19px}.viewer-layout .video-stage{height:auto;aspect-ratio:16/9;min-height:230px;max-height:none}.viewer-sidebar{padding:23px}.viewer-sidebar .independent-modes{display:grid;grid-template-columns:1fr 1fr}.viewer-methods .practice-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.viewer-methods .practice-presets>button{font-size:10px;flex-direction:column;text-align:center}.viewer-start-tip{font-size:11px}.viewer-sidebar .mode-hint{font-size:10px}.viewer-layout .video-stage:fullscreen{aspect-ratio:auto;height:100vh;max-height:none}}
@media(max-width:560px){.viewer-layout{margin-top:15px;gap:19px}.viewer-layout .video-stage{min-height:205px;border-radius:13px}.viewer-layout .fragment-toolbar{padding:7px 9px}.viewer-layout .video-toolbar{padding:9px 0}.viewer-heading h1{font-size:27px}.viewer-sidebar{padding:21px 18px}.viewer-heading .course-eyebrow{font-size:9px}.viewer-episode-meta{font-size:11px}.viewer-navigation label{font-size:11px}.viewer-navigation select{font-size:12px;min-height:41px}.viewer-search-panel summary{font-size:11px}.viewer-search-panel summary>span{font-size:9px}.viewer-sidebar .independent-modes{display:flex;flex-direction:column;gap:13px}.viewer-sidebar .independent-modes label{font-size:11px}.viewer-sidebar .independent-modes select{font-size:12px;min-height:42px}.viewer-mode-heading h2{font-size:19px}.viewer-mode-heading>span{font-size:10px}.viewer-sidebar .mode-hint{font-size:10px}.viewer-methods summary{font-size:11px}.viewer-methods summary>span{font-size:9px}.viewer-methods .practice-presets{display:flex;flex-direction:column}.viewer-methods .practice-presets>button{flex-direction:row;font-size:12px;padding:10px}.viewer-methods .preset-description{font-size:11px}.viewer-start-tip{font-size:11px}}
.viewer-layout .video-stage:fullscreen{height:100vh;min-height:0;max-height:none;width:100vw;aspect-ratio:auto;border-radius:0}
.viewer-layout .video-stage.is-expanded{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto;border-radius:0;z-index:100;background:#0b1715}.video-close-expanded{position:absolute;top:17px;right:18px;z-index:105;min-height:39px;padding:10px 15px;border:1px solid #ffffff35;border-radius:9px;background:#102e29e8;color:#e0ebe0;font:inherit;font-size:12px;cursor:pointer}.video-expanded{overflow:hidden}
body[data-section="friends"] #friends-section:has(.viewer-layout){height:calc(100dvh - 82px);padding-bottom:0}.viewer-layout{height:calc(100dvh - 114px);margin-top:16px;min-height:0}.viewer-layout .video-workspace{display:flex;flex-direction:column;min-height:0;height:100%}.viewer-layout .video-stage{height:auto;flex:1;min-height:220px;max-height:none}.viewer-layout .video-toolbar,.viewer-layout .fragment-toolbar,.viewer-layout .player-status{flex:none}.viewer-layout .viewer-sidebar{max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.viewer-utilities{display:flex;gap:8px;margin-top:13px}.viewer-utilities button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:35px;border:1px solid #dce5d1;border-radius:9px;background:#f8faf3;color:#8c9e77;font:inherit;font-size:10px;cursor:pointer}.viewer-utilities button svg{width:14px;height:14px}.viewer-methods .viewer-start-tip{margin:0 0 14px;font-size:10px}.lesson-assets-modal{width:min(650px,calc(100vw - 36px));max-height:calc(100dvh - 54px);overflow:auto;border:1px solid #dbe5d0;border-radius:19px;padding:22px;background:#f8faf2;color:#294335;box-shadow:0 25px 100px #102e2955}.lesson-assets-modal::backdrop{background:#102d2880;backdrop-filter:blur(5px)}.lesson-assets-modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.lesson-assets-modal>header h2{font-size:21px;font-weight:700}.lesson-assets-modal>header button{background:#edf2e5;color:#8a9c75;border:1px solid #d9e2cc;border-radius:9px;width:33px;height:33px;font-size:21px;cursor:pointer}.lesson-assets-modal .material-list li{font-size:11px}.lesson-assets-modal .material-local-note{font-size:10px}.lesson-assets-modal .lesson-materials summary,.lesson-assets-modal .translation-panel summary{font-size:12px}.lesson-assets-modal .material-picker>label{font-size:11px}.lesson-assets-modal .material-picker select{font-size:12px}.lesson-assets-modal .translation-panel>div{max-height:55dvh;overflow:auto}
@media(max-width:850px),(max-height:640px){body[data-section="friends"] #friends-section:has(.viewer-layout){height:auto;padding-bottom:26px}.viewer-layout{height:auto;min-height:0}.viewer-layout .video-workspace{display:block;height:auto}.viewer-layout .video-stage{height:auto;min-height:210px;aspect-ratio:16/9}.viewer-layout .viewer-sidebar{max-height:none;overflow:visible}.viewer-layout .video-stage.is-expanded,.viewer-layout .video-stage:fullscreen{height:100dvh;aspect-ratio:auto;min-height:0}.viewer-layout .player-status{min-height:30px}}
@media(max-width:560px){.viewer-utilities button{font-size:11px;min-height:40px}.lesson-assets-modal{padding:17px}.lesson-assets-modal .material-list li{font-size:10px}}
@media(min-width:851px) and (min-height:641px){body[data-section="friends"] #friends-section:has(.viewer-layout){padding:16px 0;height:calc(100dvh - 82px)}.viewer-layout{height:100%;margin-top:0}}
.viewer-layout{--viewer-sidebar-width:320px;grid-template-columns:minmax(0,1fr) var(--viewer-sidebar-width);justify-content:center}.viewer-layout .video-workspace{height:auto}.viewer-layout .video-stage{flex:none;height:var(--frame-height,auto);width:100%;aspect-ratio:16/9;min-height:0}.viewer-sidebar{padding:18px}.viewer-heading h1{font-size:24px;line-height:1.15;margin:7px 0 5px}.viewer-heading .course-eyebrow{font-size:9px}.viewer-navigation{margin-top:13px;gap:8px}.viewer-navigation select{min-height:36px;padding:8px}.viewer-search-panel{margin-top:7px;padding-bottom:7px}.viewer-search-panel summary{padding:5px 1px}.viewer-mode-heading{margin:13px 0 12px}.viewer-mode-heading h2{font-size:16px}.viewer-mode-heading>span{display:none}.viewer-sidebar .independent-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.viewer-sidebar .independent-modes label{font-size:10px;gap:6px;min-width:0}.viewer-sidebar .independent-modes select{font-size:11px;min-height:38px;padding:9px 7px}.viewer-sidebar .mode-hint{margin:9px 0 11px}.viewer-methods summary{padding:10px 0}.viewer-utilities{margin-top:10px}.viewer-utilities button{min-height:33px;font-size:11px}.viewer-layout .video-stage.is-expanded,.viewer-layout .video-stage:fullscreen{height:100dvh;aspect-ratio:auto;min-height:0}
@media(max-width:1050px){.viewer-layout{--viewer-sidebar-width:286px}}
@media(max-width:850px),(max-height:640px){.viewer-layout{grid-template-columns:minmax(0,1fr)}.viewer-layout .video-stage{height:auto;aspect-ratio:16/9;min-height:205px}.viewer-layout .viewer-sidebar{max-height:none}.viewer-sidebar .independent-modes select{font-size:12px}.viewer-heading h1{font-size:26px}}
@media(max-width:560px){.viewer-sidebar .independent-modes{display:flex;flex-direction:column;gap:12px}.viewer-sidebar .independent-modes label{font-size:11px}.viewer-sidebar .independent-modes select{min-height:41px}.viewer-utilities button{min-height:38px}.viewer-mode-heading h2{font-size:19px}}
.file-launch-hint{padding:11px 20px;background:#fff1c9;border-bottom:1px solid #e8d9a6;text-align:center;font-size:12px;color:#8c7c4b;line-height:1.7}.file-launch-screen{margin-top:40px}.file-launch-screen h1{line-height:1.3}.file-launch-screen .file-launch-storage-note{font-size:10px;max-width:450px;margin:20px 0 0;color:#9ca88d}
@media(max-width:850px){.viewer-layout .video-stage{min-height:0}.viewer-layout .video-stage:has(.video-empty:not([hidden])){aspect-ratio:auto;min-height:265px}}
@media(min-width:851px) and (min-height:641px){body[data-section="friends"] #friends-section:has(.viewer-layout){width:calc(100% - 64px);max-width:1760px}body[data-section="friends"] .site-header{padding-left:max(24px,calc((100vw - 1760px)/2));padding-right:max(24px,calc((100vw - 1760px)/2))}.viewer-layout{--viewer-sidebar-width:330px;column-gap:24px;align-content:center}.viewer-sidebar{padding:clamp(19px,2.7vh,30px)}.viewer-heading h1{font-size:clamp(27px,3.2vh,35px);margin:9px 0 7px}.viewer-heading .course-eyebrow{font-size:clamp(9px,1.05vh,12px)}.viewer-episode-meta{font-size:clamp(11px,1.2vh,14px)}.viewer-navigation{margin-top:clamp(15px,2.2vh,24px);gap:10px}.viewer-navigation label{font-size:clamp(11px,1.25vh,14px);gap:7px}.viewer-navigation select{font-size:clamp(12px,1.4vh,16px);min-height:clamp(40px,5vh,54px);padding:9px 10px}.viewer-search-panel{margin-top:clamp(9px,1.3vh,15px);padding-bottom:clamp(8px,1.1vh,12px)}.viewer-search-panel summary{font-size:clamp(11px,1.3vh,15px);padding:7px 1px}.viewer-search-panel summary>span{font-size:clamp(9px,1.1vh,12px)}.viewer-mode-heading{margin:clamp(15px,2vh,22px) 0 clamp(13px,1.7vh,19px)}.viewer-mode-heading h2{font-size:clamp(17px,1.9vh,21px)}.viewer-sidebar .independent-modes{gap:11px}.viewer-sidebar .independent-modes label{font-size:clamp(11px,1.2vh,14px);gap:7px}.viewer-sidebar .independent-modes select{font-size:clamp(12px,1.4vh,16px);min-height:clamp(40px,4.9vh,54px);padding:9px}.viewer-sidebar .mode-hint{font-size:clamp(10px,1.2vh,13px);margin:clamp(9px,1.2vh,13px) 0 clamp(12px,1.5vh,17px);line-height:1.7}.viewer-methods summary{font-size:clamp(12px,1.35vh,15px);min-height:clamp(38px,4.8vh,52px);padding:10px 0}.viewer-methods summary>span{font-size:clamp(9px,1.1vh,12px)}.viewer-utilities{margin-top:clamp(12px,1.6vh,18px);gap:10px}.viewer-utilities button{font-size:clamp(12px,1.35vh,15px);min-height:clamp(39px,4.7vh,52px)}.viewer-layout .video-toolbar{padding:10px 0}.viewer-layout .course-button.compact{font-size:12px;min-height:39px;padding:10px 13px}.viewer-layout .speed-control{font-size:11px}.viewer-layout .speed-control select{font-size:12px;min-height:38px}.viewer-layout .fragment-toolbar{padding:9px 11px}.viewer-layout .fragment-toolbar>span{font-size:11px}.viewer-layout .fragment-toolbar button{font-size:11px;min-height:33px}.viewer-layout .player-status{font-size:11px;line-height:1.5;padding:7px 2px}}
@media(min-width:1600px) and (min-height:850px){.viewer-layout{--viewer-sidebar-width:400px;column-gap:28px}}
@media(min-width:1900px) and (min-height:1000px){.viewer-layout{--viewer-sidebar-width:420px}}
@media(min-width:851px) and (min-height:641px) and (max-height:760px){.viewer-layout .video-toolbar{padding:6px 0}.viewer-layout .fragment-toolbar{padding:6px 11px}.viewer-layout .player-status{padding:4px 2px}}
.viewer-layout .video-workspace{container-type:inline-size}.viewer-layout .video-toolbar{gap:7px;flex-wrap:nowrap}.viewer-layout .video-toolbar>button{flex:none;white-space:nowrap}.viewer-layout .course-button.compact{padding:9px 10px;min-height:39px;gap:6px}.viewer-layout .speed-control{flex:none;margin-left:0;gap:6px;white-space:nowrap}.viewer-layout .speed-control select{width:65px;padding:8px 6px}.viewer-layout .fragment-toolbar{flex:none;flex-wrap:nowrap;gap:4px;padding:0 0 0 8px;margin-left:auto;border:0;border-left:1px solid #dce4d0;border-radius:0;background:none}.viewer-layout .fragment-toolbar button{min-height:39px;padding:8px;font-size:12px;white-space:nowrap;border-radius:9px}.viewer-layout .fragment-toolbar [id^="point-"]{display:inline-block;width:4.5ch;text-align:center;font-variant-numeric:tabular-nums}.viewer-layout .fragment-toolbar .fragment-reset{width:34px;font-size:20px;padding:5px}.viewer-layout .fullscreen-button{margin-left:1px}.viewer-layout .player-status{height:31px;min-height:31px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
@container(max-width:780px){.video-toolbar .fullscreen-button .control-caption,.video-toolbar [data-course-action="replay"] .control-caption,.video-toolbar .speed-control .control-caption{display:none}.video-toolbar .fullscreen-button,.video-toolbar [data-course-action="replay"]{width:39px;padding:8px!important}.video-toolbar .fragment-toolbar{padding-left:7px}}
@container(max-width:560px){.video-toolbar [data-course-action="play-pause"]{width:39px;padding:8px!important}.video-toolbar [data-course-action="play-pause"] .control-caption{display:none}.viewer-layout .video-toolbar{gap:5px}.viewer-layout .fragment-toolbar button{padding:7px 5px}.viewer-layout .fragment-toolbar{gap:3px;padding-left:5px}.viewer-layout .fragment-toolbar .fragment-reset{width:30px}}
@media(max-width:850px),(max-height:640px){.viewer-layout .video-toolbar{flex-wrap:wrap}.viewer-layout .fragment-toolbar{margin-left:0;order:2;border-left:0;padding:0;flex-basis:100%}.viewer-layout .fullscreen-button{margin-left:auto}.viewer-layout .player-status{height:31px;min-height:31px}.viewer-layout .viewer-sidebar{overflow-y:auto;overscroll-behavior:contain}}
.scene-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:10px;align-items:center;padding:3px 0 7px}.scene-controls>label{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;color:#819078;white-space:nowrap}.scene-controls select{min-width:0;width:100%;min-height:35px;border:1px solid #dce4d4;border-radius:9px;padding:7px 9px;background:#fff;font:inherit;font-size:12px;color:#5d7953}.scene-controls>button{min-height:35px;padding:7px 12px;white-space:nowrap;border:1px solid #dce4d4;border-radius:9px;background:#edf4e8;color:#65835a;font:inherit;font-size:12px;font-weight:650;cursor:pointer}.player-feedback{display:flex;align-items:center;gap:18px;height:28px;min-height:28px;overflow:hidden}.player-feedback>.mode-hint,.viewer-layout .player-feedback>.player-status{flex:1;min-width:0;height:28px;min-height:28px;margin:0;padding:5px 2px;line-height:18px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-feedback>.player-status{text-align:right}.viewer-layout .viewer-sidebar{display:flex;flex-direction:column}.viewer-episode-navigation{display:grid;grid-template-columns:35px minmax(0,1fr) 35px;gap:7px;align-items:center;margin-top:22px}.viewer-episode-navigation>button{min-height:39px;padding:7px;border:1px solid #dce5d1;border-radius:10px;background:#f8faf3;color:#789266;font:inherit;cursor:pointer;font-size:18px}.viewer-episode-navigation>button:disabled{opacity:.35;cursor:default}.viewer-episode-navigation>.viewer-episode-picker{padding:11px 8px;text-align:left;font-size:12px;min-height:63px}.viewer-episode-picker strong{display:block;font-weight:700;white-space:nowrap}.viewer-episode-picker>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa98a;margin-top:7px}.viewer-episode-picker i{font-style:normal;font-size:16px;line-height:1}.viewer-sidebar>.viewer-start-tip{font-size:clamp(11px,1.25vh,14px);line-height:1.85;margin:clamp(20px,3vh,34px) 1px 0;padding-top:clamp(18px,2.5vh,28px);border-top:1px solid #e8edde}.viewer-sidebar>.viewer-start-tip strong{font-size:clamp(13px,1.5vh,16px);margin-bottom:10px}.viewer-sidebar>.viewer-all-lessons{font-size:12px;align-self:flex-start;padding:17px 1px}.viewer-sidebar>.viewer-utilities{margin-top:auto;padding-top:15px}.episode-picker-modal{width:min(680px,calc(100vw - 36px))}.episode-season-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.episode-season-tabs button{min-height:37px;padding:8px 15px;border:1px solid #dce5d1;border-radius:9px;background:#fff;color:#839575;font:inherit;font-size:12px;cursor:pointer}.episode-season-tabs button[aria-pressed="true"]{background:#dff0e6;border-color:#c8e2d3;color:#266f5d}.episode-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px}.episode-tile{min-width:0;min-height:78px;padding:12px 5px;border:1px solid #dce5d1;border-radius:12px;background:#fff;color:#79936a;font:inherit;cursor:pointer;text-align:center}.episode-tile:hover{background:#edf5e8;border-color:#c8d9bd}.episode-tile strong{display:block;font-size:23px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.episode-tile>span{display:block;font-size:9px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-tile[aria-current]{background:#dff0e6;border-color:#99c6b0;color:#226e59;box-shadow:inset 0 0 0 1px #99c6b0}.episode-picker-note{font-size:11px;color:#98a78a;line-height:1.8;margin:17px 1px 0}.episode-grid-empty{grid-column:1/-1;min-height:100px;display:grid;place-items:center;text-align:center;font-size:13px;color:#8b9e7c;line-height:1.8}.practice-methods-modal{width:min(460px,calc(100vw - 36px))}.practice-methods-modal .practice-presets{display:flex;flex-direction:column;gap:7px}.practice-methods-modal .practice-presets>button{font-size:13px;min-height:43px}.practice-methods-modal .preset-description{font-size:12px;min-height:90px;line-height:1.8}.external-volume-control{display:flex;flex-direction:column;gap:10px;font-size:12px;color:#839575;margin-top:20px}.external-volume-control input{width:100%}
@container(max-width:600px){.scene-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:7px}.scene-controls>label{flex-direction:column;align-items:stretch;gap:4px;font-size:10px}.scene-controls select{font-size:11px;padding:7px}.scene-controls>button{align-self:end;font-size:11px;padding:7px 9px}}
@media(min-width:1600px) and (min-height:850px){.viewer-episode-navigation{grid-template-columns:39px minmax(0,1fr) 39px}.viewer-episode-navigation>.viewer-episode-picker{font-size:15px;min-height:73px;padding:13px}.viewer-episode-picker>span{font-size:12px}.viewer-sidebar>.viewer-all-lessons{font-size:14px}}
@media(max-width:850px),(max-height:640px){.viewer-sidebar>.viewer-start-tip{font-size:12px}.viewer-sidebar>.viewer-start-tip strong{font-size:14px}.viewer-sidebar>.viewer-utilities{margin-top:10px}.player-feedback{display:block;height:48px;min-height:48px}.player-feedback>.mode-hint,.viewer-layout .player-feedback>.player-status{height:24px;min-height:24px;padding:3px 2px;text-align:left}.viewer-episode-navigation{margin-top:18px}}
@media(max-width:560px){.episode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.episode-tile{min-height:67px;padding:10px 4px}.episode-tile strong{font-size:20px}.episode-tile>span{font-size:8px}.scene-controls{gap:6px}.scene-controls select{font-size:10px}.scene-controls>button{font-size:10px;padding:7px}.viewer-episode-navigation>.viewer-episode-picker{font-size:13px}.viewer-sidebar>.viewer-all-lessons{font-size:12px}}
.viewer-layout .video-toolbar{gap:5px;padding:8px 0;justify-content:flex-start;flex-wrap:nowrap}.viewer-layout .video-toolbar .control-caption{display:none}.viewer-layout .video-toolbar>.course-button.compact{width:32px;min-height:32px;height:32px;padding:5px!important;border-radius:8px;gap:0}.viewer-layout .video-toolbar>.course-button svg{width:15px;height:15px}.viewer-layout .video-toolbar .speed-control{margin:0;gap:0}.viewer-layout .video-toolbar .speed-control select{width:54px;min-height:32px;height:32px;padding:5px 3px;font-size:11px}.video-toolbar .scene-controls{display:flex;flex:none;gap:6px;padding:0;margin:0}.video-toolbar .scene-controls>label{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:11px}.video-toolbar .scene-controls svg{width:14px;height:14px;color:#839575}.video-toolbar .scene-controls select{min-height:32px;height:32px;padding:5px 3px;font-size:11px;border-radius:8px}.video-toolbar #audio-mode{width:91px}.video-toolbar #subtitle-mode{width:122px}.viewer-layout .video-toolbar .fragment-toolbar{flex:none;flex-basis:auto;order:0;gap:3px;margin:0 0 0 2px;padding:0 0 0 7px;border-left:1px solid #dce4d0}.viewer-layout .video-toolbar .fragment-toolbar button{min-height:32px;height:32px;padding:5px;font-size:11px;border-radius:8px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:25px;padding:2px;font-size:18px;margin:0}.viewer-layout .video-toolbar .fullscreen-button{margin:0}.viewer-sidebar>.viewer-methods{display:flex;flex-direction:column;flex:1;min-height:0;border:0;border-top:1px solid #e8edde;border-radius:0;background:none;margin-top:17px;padding:14px 0 0}.viewer-sidebar .viewer-methods h2{font-size:14px;font-weight:700;line-height:1.4;margin:0 0 8px;color:#57724d}.viewer-sidebar .viewer-methods .practice-presets{display:flex;flex-direction:column;flex:none;gap:2px;padding:0}.viewer-sidebar .viewer-methods .practice-presets>button{flex-direction:row;min-height:29px;padding:3px 5px;font-size:11px;border-radius:6px;background:none;gap:8px}.viewer-sidebar .viewer-methods .practice-presets>button[aria-pressed="true"]{background:#e7f1df}.viewer-sidebar .viewer-methods .preset-number{width:21px;height:21px;flex:none;font-size:9px}.viewer-sidebar .viewer-methods .preset-description{font-size:10px;line-height:1.7;padding:8px 9px;margin:9px 0 0;min-height:0;overflow:auto;flex:1;background:#f4f8ed}.viewer-sidebar>.viewer-utilities{flex:none;padding-top:10px;margin-top:0}.viewer-sidebar>.viewer-utilities button{min-height:34px;font-size:11px}.viewer-episode-navigation{margin-top:16px}.episode-picker-note>a{text-decoration:underline!important;text-underline-offset:3px}
.viewer-episode-navigation{margin-top:12px}.viewer-episode-navigation>.viewer-episode-picker{min-height:54px;padding:8px 7px}.viewer-sidebar>.viewer-methods{margin-top:12px;padding-top:10px}.viewer-sidebar .viewer-methods h2{margin-bottom:5px}.viewer-sidebar .viewer-methods .practice-presets>button{min-height:28px;padding:2px 5px}.viewer-sidebar .viewer-methods .preset-description{min-height:44px;padding:4px 8px}.viewer-sidebar>.viewer-utilities{padding-top:6px}
@container(max-width:700px){.viewer-layout .video-toolbar{gap:4px}.video-toolbar .scene-controls{gap:4px}.video-toolbar .scene-controls svg{display:none}.video-toolbar #audio-mode{width:77px}.video-toolbar #subtitle-mode{width:108px}.viewer-layout .video-toolbar .fragment-toolbar{padding-left:5px;gap:2px}.viewer-layout .video-toolbar .fragment-toolbar button{padding:4px;font-size:10px}}
@container(max-width:560px){.viewer-layout .video-toolbar{gap:3px}.viewer-layout .video-toolbar>.course-button.compact{width:28px;height:30px;min-height:30px}.viewer-layout .video-toolbar .speed-control select{width:48px;height:30px;min-height:30px;font-size:10px;padding:4px 1px}.video-toolbar .scene-controls select{height:30px;min-height:30px;font-size:10px;padding:4px 1px}.video-toolbar #audio-mode{width:73px}.video-toolbar #subtitle-mode{width:96px}.viewer-layout .video-toolbar .fragment-toolbar{margin:0;padding-left:4px;gap:2px}.viewer-layout .video-toolbar .fragment-toolbar button{height:30px;min-height:30px;padding:4px;font-size:10px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:22px}}
@container(max-width:480px){.viewer-layout .video-toolbar .fragment-toolbar [id^="point-"]{display:none}.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-start"],.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-end"]{width:26px}.video-toolbar #audio-mode{width:66px}.video-toolbar #subtitle-mode{width:91px}}
@media(min-width:1600px) and (min-height:850px){.viewer-sidebar .viewer-methods h2{font-size:17px;margin-bottom:13px}.viewer-sidebar .viewer-methods .practice-presets{gap:4px}.viewer-sidebar .viewer-methods .practice-presets>button{font-size:13px;min-height:37px;padding:6px}.viewer-sidebar .viewer-methods .preset-number{width:24px;height:24px;font-size:10px}.viewer-sidebar .viewer-methods .preset-description{font-size:12px;padding:12px;margin-top:13px}.viewer-sidebar>.viewer-utilities button{font-size:13px;min-height:43px}}
@media(max-width:850px),(max-height:640px){.viewer-layout .video-toolbar{flex-wrap:wrap}.viewer-layout .video-toolbar .fragment-toolbar{margin-left:0}.viewer-sidebar>.viewer-methods{flex:none}.viewer-sidebar .viewer-methods .preset-description{flex:none;min-height:45px}.viewer-sidebar>.viewer-utilities{margin-top:12px}}
.viewer-layout .player-feedback{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}.viewer-layout .video-toolbar{display:grid;grid-template-columns:40px 64px minmax(115px,1fr) minmax(150px,1.3fr) auto 40px;gap:8px;align-items:center;padding:10px 0;width:100%}.viewer-layout .video-toolbar>.course-button.compact{width:40px;height:40px;min-height:40px;border-radius:10px;font-size:15px}.viewer-layout .video-toolbar>.course-button svg{width:18px;height:18px}.viewer-layout .video-toolbar .speed-control select{width:64px;height:40px;min-height:40px;padding:8px 5px;font-size:12px}.video-toolbar .scene-controls{display:contents}.video-toolbar .scene-controls>label{min-width:0;gap:6px}.video-toolbar .scene-controls svg{width:16px;height:16px;flex:none}.video-toolbar #audio-mode,.video-toolbar #subtitle-mode{width:100%;min-width:0;height:40px;min-height:40px;padding:8px 6px;font-size:12px;border-radius:10px}.viewer-layout .video-toolbar .fragment-toolbar{gap:5px;margin:0;padding-left:8px}.viewer-layout .video-toolbar .fragment-toolbar button{height:40px;min-height:40px;padding:8px;font-size:12px;border-radius:9px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:30px;font-size:20px}
@container(max-width:780px){.viewer-layout .video-toolbar{grid-template-columns:34px 54px minmax(0,1fr) minmax(0,1.25fr) auto 34px;gap:5px}.viewer-layout .video-toolbar>.course-button.compact{width:34px;height:35px;min-height:35px}.viewer-layout .video-toolbar .speed-control select{width:54px;height:35px;min-height:35px;font-size:11px;padding:6px 3px}.video-toolbar #audio-mode,.video-toolbar #subtitle-mode{height:35px;min-height:35px;font-size:11px;padding:6px 3px}.viewer-layout .video-toolbar .fragment-toolbar{gap:3px;padding-left:5px}.viewer-layout .video-toolbar .fragment-toolbar button{height:35px;min-height:35px;padding:5px;font-size:11px}}
@container(max-width:600px){.viewer-layout .video-toolbar{grid-template-columns:30px 48px minmax(0,1fr) minmax(0,1.3fr) auto 30px;gap:4px}.viewer-layout .video-toolbar>.course-button.compact{width:30px;height:32px;min-height:32px}.viewer-layout .video-toolbar .speed-control select{width:48px;height:32px;min-height:32px;font-size:10px;padding:4px 1px}.video-toolbar #audio-mode,.video-toolbar #subtitle-mode{height:32px;min-height:32px;font-size:10px;padding:4px 1px}.viewer-layout .video-toolbar .fragment-toolbar [id^="point-"]{display:none}.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-start"],.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-end"]{width:26px}.viewer-layout .video-toolbar .fragment-toolbar{gap:2px;padding-left:4px}.viewer-layout .video-toolbar .fragment-toolbar button{height:32px;min-height:32px;padding:4px;font-size:10px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:23px}}
@media(max-width:850px),(max-height:640px){.viewer-layout .video-toolbar{display:flex;flex-wrap:wrap;gap:7px}.video-toolbar .scene-controls{display:flex;flex:1;min-width:210px;gap:8px}.video-toolbar .scene-controls>label{flex:1}.video-toolbar .scene-controls>label+label{flex:1.3}.viewer-layout .video-toolbar .fragment-toolbar{margin:0}.viewer-layout .video-toolbar .fullscreen-button{margin-left:auto}}
.viewer-layout .video-toolbar{grid-template-columns:40px 54px minmax(105px,1fr) minmax(125px,1.25fr) auto auto 40px;gap:5px}.viewer-layout .video-toolbar .speed-control select{width:54px}.video-toolbar .scene-controls>label{gap:4px}.video-toolbar #audio-mode,.video-toolbar #subtitle-mode{padding:8px 4px}.viewer-layout .video-toolbar .fragment-toolbar{gap:3px;padding-left:5px}.viewer-layout .video-toolbar .fragment-toolbar button{font-size:11px;padding:6px 5px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:25px}.video-toolbar .viewer-episode-navigation{display:grid;grid-template-columns:29px 59px 29px;gap:3px;align-items:center;margin:0;padding-left:5px;border-left:1px solid #dce4d0}.video-toolbar .viewer-episode-navigation>button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;height:40px;padding:5px;border-radius:9px;font-size:16px}.video-toolbar .viewer-episode-navigation>.viewer-episode-picker{min-height:40px;height:40px;padding:5px;font-size:12px;background:#edf4e8}.video-toolbar .viewer-episode-picker>span{display:block;font-size:12px;color:#607e54;margin:0;font-variant-numeric:tabular-nums;font-weight:650}.video-toolbar .viewer-episode-picker svg{width:14px;height:14px}
@container(max-width:780px){.viewer-layout .video-toolbar{grid-template-columns:34px 48px minmax(0,1fr) minmax(0,1.2fr) auto auto 34px;gap:4px}.viewer-layout .video-toolbar .speed-control select{width:48px}.viewer-layout .video-toolbar .fragment-toolbar [id^="point-"]{display:none}.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-start"],.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-end"]{width:27px}.viewer-layout .video-toolbar .fragment-toolbar{gap:2px;padding-left:4px}.viewer-layout .video-toolbar .fragment-toolbar button{padding:4px;font-size:10px}.video-toolbar .viewer-episode-navigation{grid-template-columns:27px 45px 27px;gap:2px;padding-left:4px}.video-toolbar .viewer-episode-navigation>button,.video-toolbar .viewer-episode-navigation>.viewer-episode-picker{height:35px;min-height:35px;padding:4px}}
@container(max-width:600px){.viewer-layout .video-toolbar{grid-template-columns:30px 43px minmax(0,1fr) minmax(0,1.2fr) auto auto 30px;gap:3px}.viewer-layout .video-toolbar .speed-control select{width:43px}.viewer-layout .video-toolbar .fragment-toolbar{padding-left:3px;gap:1px}.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-start"],.viewer-layout .video-toolbar .fragment-toolbar [data-course-action="point-end"]{width:22px}.viewer-layout .video-toolbar .fragment-toolbar .fragment-reset{width:20px}.video-toolbar .viewer-episode-navigation{grid-template-columns:24px 36px 24px;gap:2px;padding-left:3px}.video-toolbar .viewer-episode-navigation>button,.video-toolbar .viewer-episode-navigation>.viewer-episode-picker{height:32px;min-height:32px;padding:3px;font-size:14px}.video-toolbar .viewer-episode-picker>span{font-size:10px}.video-toolbar .viewer-episode-picker svg{width:12px;height:12px}}
@media(max-width:850px),(max-height:640px){.viewer-layout .video-toolbar{display:flex;flex-wrap:wrap;gap:7px}.video-toolbar .viewer-episode-navigation{flex:none}.viewer-layout .video-toolbar .fullscreen-button{margin-left:auto}}
.viewer-sidebar .viewer-heading h1{font-size:clamp(24px,2.8vh,31px);line-height:1.18;margin:12px 0 0}.viewer-sidebar>.viewer-methods{padding-top:14px;margin-top:16px;flex:none}.viewer-sidebar .viewer-methods .practice-presets{gap:10px;padding:0}.practice-method-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px;align-items:stretch}.practice-method-row>button{font:inherit;border:1px solid #dce6d4;border-radius:11px;min-height:44px;cursor:pointer;transition:background .15s,border-color .15s}.practice-method-row>.method-explain{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;background:#f8faf4;color:#6c865d;text-align:left;font-size:12px;font-weight:650}.method-explain>.preset-number{width:23px;height:23px;flex:none}.method-explain>.method-title{min-width:0;flex:1}.method-explain>svg{width:15px;height:15px;flex:none;color:#a0ae91}.practice-method-row>.method-activate{padding:8px 6px;background:#eaf3e3;color:#678954;font-size:11px;font-weight:700;white-space:nowrap}.practice-method-row>.method-explain:hover{background:#edf5e7;border-color:#bbd1ad}.practice-method-row>.method-activate:hover{background:#dcefd2}.practice-method-row.is-active>.method-explain{background:#edf6e8;border-color:#bad6ac}.practice-method-row.is-active>.method-explain>.preset-number{background:#d8ebce;border-color:#c4ddba;color:#5b8447}.practice-method-row>.method-activate[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}.method-info-modal{width:min(560px,calc(100vw - 36px));padding:25px}.method-info-modal>header{align-items:flex-start}.method-info-modal>header h2{margin-top:10px;font-size:27px}.method-info-modal .course-eyebrow{font-size:9px}.method-info-lead{font-size:15px;line-height:1.8;color:#6e8564;margin:0 0 23px}.method-info-modal h3{font-size:13px;color:#5f7b52;margin:0 0 12px}.method-info-modal ol{padding-left:24px;margin:0 0 21px;color:#7c9071;font-size:13px;line-height:1.9}.method-info-modal li{padding-left:5px;margin-bottom:9px}.method-info-setup{font-size:12px;line-height:1.8;padding:13px 15px;border-radius:11px;background:#edf4e6;color:#6e8b5e;margin:0 0 14px}.method-info-note{font-size:11px;line-height:1.8;color:#a0ad94;margin:0}.method-info-modal footer{display:flex;justify-content:flex-end;margin-top:22px}.method-info-modal footer button{min-height:39px;font-size:12px;padding:10px 21px}
@media(min-width:1600px) and (min-height:850px){.viewer-sidebar>.viewer-methods{margin-top:30px;padding-top:27px}.viewer-sidebar .viewer-methods .practice-presets{gap:13px}.practice-method-row{grid-template-columns:minmax(0,1fr) 88px;gap:10px}.practice-method-row>button{min-height:51px}.practice-method-row>.method-explain{font-size:14px;padding:11px 13px}.practice-method-row>.method-activate{font-size:12px}.method-explain>.preset-number{width:25px;height:25px;font-size:10px}}
@media(max-width:560px){.viewer-sidebar>.viewer-methods{margin-top:19px;padding-top:18px}.practice-method-row{grid-template-columns:minmax(0,1fr) 78px}.practice-method-row>button{min-height:45px}.method-info-modal{padding:20px}.method-info-modal>header h2{font-size:25px}.method-info-lead{font-size:13px}.method-info-modal ol{font-size:12px}}
.viewer-sidebar .viewer-heading h1{font-size:clamp(21px,2.5vh,28px);margin-top:6px}.viewer-sidebar>.viewer-methods{margin-top:7px;padding-top:7px}
@media(min-width:851px) and (min-height:641px){.viewer-sidebar>.viewer-heading{margin-bottom:7px}.viewer-sidebar>.viewer-methods{margin-block:auto}}
.viewer-layout .video-toolbar{grid-template-columns:40px auto 64px minmax(90px,1fr) minmax(110px,1.15fr) auto 40px}.viewer-layout .video-toolbar .speed-control select{width:64px}.seek-toolbar{display:flex;align-items:center;gap:2px}.seek-toolbar>.seek-button{display:grid;place-items:center;flex:none;width:32px;height:40px;min-height:40px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.seek-toolbar>.seek-button:nth-child(4){margin-left:3px}.seek-button svg{width:32px;height:32px;pointer-events:none}.seek-button path{fill:#edf4e7;stroke:#cbdabd;stroke-width:1.2;stroke-linejoin:round}.seek-button text{fill:#678453;stroke:none;font:700 10px system-ui,sans-serif}.seek-button:hover:not(:disabled) path{fill:#d9ebcc;stroke:#9ebc8a}.seek-toolbar>.seek-button:disabled{opacity:.4;cursor:default}
@container(max-width:780px){.viewer-layout .video-toolbar{grid-template-columns:34px auto 54px minmax(0,1fr) minmax(0,1.15fr) auto 34px}.viewer-layout .video-toolbar .speed-control select{width:54px}.seek-toolbar>.seek-button{width:28px;height:35px;min-height:35px}.seek-button svg{width:28px;height:28px}}
@container(max-width:600px){.viewer-layout .video-toolbar{display:flex;flex-wrap:wrap;gap:6px}.seek-toolbar>.seek-button{width:27px;height:32px;min-height:32px}.seek-button svg{width:27px;height:27px}.video-toolbar .scene-controls{display:flex;flex:1;min-width:210px;gap:8px}.video-toolbar .scene-controls>label{flex:1}.video-toolbar .scene-controls>label+label{flex:1.3}.viewer-layout .video-toolbar .fullscreen-button{margin-left:auto}}
.viewer-layout{row-gap:10px}.video-episode-heading{grid-column:1;grid-row:1;margin:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.1px;color:#6e8563;text-align:left}.viewer-layout>.video-workspace{grid-column:1;grid-row:2}.viewer-layout>.viewer-sidebar{grid-column:2;grid-row:2}
@media(max-width:850px),(max-height:640px){.viewer-layout>.viewer-sidebar{grid-column:1;grid-row:3;margin-top:9px}.video-episode-heading{font-size:13px}}
@media(min-width:851px) and (min-height:641px){.viewer-layout{align-content:center;position:relative;top:0}}
.video-episode-bar{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.video-episode-bar>.video-episode-heading{flex:1;min-width:0}.video-episode-bar .viewer-episode-navigation{display:grid;grid-template-columns:40px 40px 132px;gap:7px;align-items:center;flex:none;margin:0;padding:0;border:0}.video-episode-bar .viewer-episode-navigation>button{display:flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:8px;border:1px solid #dce4d0;border-radius:10px;background:#f8faf3;color:#6d855e;font:inherit;font-size:22px;cursor:pointer}.video-episode-bar .viewer-episode-navigation>button:disabled{opacity:.4;cursor:default}.video-episode-bar .viewer-episode-navigation>button:hover:not(:disabled){background:#e6f0de;border-color:#bdd1ac}.video-episode-bar .viewer-episode-navigation>.viewer-episode-picker{gap:7px;background:#edf4e8;font-size:12px;font-weight:650;white-space:nowrap}.video-episode-bar .viewer-episode-picker svg{width:16px;height:16px;flex:none}.video-episode-bar .viewer-episode-picker>span{font-size:12px;color:#607e54}
@media(max-width:560px){.video-episode-bar{gap:8px;flex-wrap:wrap}.video-episode-bar>.video-episode-heading{flex:1 1 110px}.video-episode-bar .viewer-episode-navigation{grid-template-columns:36px 36px 116px;gap:5px;margin-left:auto}.video-episode-bar .viewer-episode-navigation>button{height:36px;min-height:36px;font-size:20px;padding:6px}.video-episode-bar .viewer-episode-picker>span{font-size:11px}}
.viewer-layout .video-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}.video-toolbar>.seek-toolbar{justify-self:center}.toolbar-side{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.video-toolbar .toolbar-side>.course-button.compact{flex:none;width:40px;height:40px;min-height:40px;padding:0;margin:0;border-radius:10px}.toolbar-side>.course-button svg{width:18px;height:18px}.toolbar-side>.speed-control{margin:0;flex:none}.scene-mode-control{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.scene-mode-control>svg{width:16px;height:16px;flex:none}.sound-control{max-width:150px}.subtitle-control{max-width:170px}.subtitle-control>svg{display:none}.video-toolbar .scene-mode-control select{min-width:0;flex:1;font-size:11px}.viewer-layout .toolbar-right .fragment-toolbar{flex:none;gap:2px;padding-left:4px}.viewer-layout .toolbar-right .fragment-toolbar button{padding:4px;font-size:10px;white-space:nowrap}.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="point-start"],.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="point-end"]{width:40px}.viewer-layout .toolbar-right .fragment-toolbar [id^="point-"]{width:auto;font-size:9px}.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="toggle-loop"]{width:42px}.viewer-layout .toolbar-right .fragment-toolbar .fragment-reset{width:20px}
@container(max-width:780px){.viewer-layout .video-toolbar{gap:8px}.video-toolbar .toolbar-side>.course-button.compact{width:34px;height:35px;min-height:35px}.toolbar-side{gap:4px}.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="point-start"],.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="point-end"]{width:27px}.viewer-layout .toolbar-right .fragment-toolbar [data-course-action="toggle-loop"]{width:39px}.viewer-layout .toolbar-right .fragment-toolbar [id^="point-"]{display:none}}
@container(max-width:680px){.viewer-layout .video-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.video-toolbar>.seek-toolbar{grid-column:1/-1;grid-row:1;order:0}.toolbar-left{grid-column:1;grid-row:2}.toolbar-right{grid-column:2;grid-row:2}.toolbar-side{flex-wrap:wrap;justify-content:space-between;row-gap:6px}.toolbar-side>.scene-mode-control{flex:1 1 100%;max-width:none}.toolbar-right>.subtitle-control{order:-1}.video-toolbar .toolbar-side>.fullscreen-button{margin-left:auto}.video-toolbar .toolbar-side>.course-button.compact{width:32px;height:32px;min-height:32px}.toolbar-side>.speed-control{margin-left:auto}.toolbar-side .scene-mode-control select{height:32px;min-height:32px}.toolbar-side>.scene-mode-control>svg{display:none}}
.video-toolbar .scene-mode-control :is(#audio-mode,#subtitle-mode){background:#fff;border:1px solid #dce4d4;border-radius:10px;color:#68805b;font-family:inherit;font-size:11px;padding:6px 4px}
.reading-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;overflow:hidden;background:#fffefb;color:#354a3a;text-align:left}.reading-overlay[hidden]{display:none}.reading-overlay>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid #e6ecdf;color:#7b906d;font-size:11px;font-weight:650;letter-spacing:1px;flex:none}.reading-overlay>header>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:0}.reading-transcript{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3dfc8 transparent;padding:22px clamp(18px,4vw,56px)}.reading-transcript>p{max-width:780px;margin:0 auto 15px;padding:12px 18px;border-left:3px solid transparent;border-radius:10px;white-space:pre-line;font-size:clamp(19px,2.2vw,28px);line-height:1.6;color:#97a18e;transition:background .18s,color .18s}.reading-transcript>p.is-current{background:#edf5e6;border-left-color:#a6c68f;color:#314831;font-weight:600}.reading-status{flex:none;margin:0;padding:25px;font-size:16px;line-height:1.7;color:#7c8f70}.reading-hint{flex:none;border-top:1px solid #edf0e6;margin:0;padding:11px 20px;font-size:10px;line-height:1.5;color:#94a387;text-align:center}.video-stage:fullscreen .reading-transcript>p,.video-stage.is-expanded .reading-transcript>p{font-size:clamp(24px,2.7vw,38px)}
@media(max-width:560px){.reading-overlay>header{padding:8px 14px;font-size:9px}.reading-transcript{padding:10px 12px}.reading-transcript>p{font-size:18px;line-height:1.5;padding:7px 10px;margin-bottom:9px}.reading-hint{font-size:8px;padding:6px 10px}.reading-status{font-size:13px;padding:15px}}
.reading-overlay{background:rgba(255,254,251,.9)}.reading-transcript>p{color:#7f8e75}.reading-transcript>p.is-current{background:rgba(237,245,230,.94);color:#314831}
.reading-type-controls{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #dce6d4;border-radius:9px;background:#ffffffa6;letter-spacing:0}.reading-type-controls>button{font:inherit;font-size:11px;line-height:1.2;font-weight:600;padding:5px 9px;min-height:26px;border:0;border-radius:6px;background:transparent;color:#7c8d6f;cursor:pointer;transform:none}.reading-type-controls>button[aria-pressed="true"]{background:#e3efdb;color:#4e6f3c}.reading-type-controls>button:hover{background:#eaf2e3}.reading-overlay[data-text-size="large"] .reading-transcript>p{font-size:clamp(25px,2.85vw,36px);line-height:1.65}.video-stage:fullscreen .reading-overlay[data-text-size="large"] .reading-transcript>p,.video-stage.is-expanded .reading-overlay[data-text-size="large"] .reading-transcript>p{font-size:clamp(32px,3.3vw,48px)}
@media(max-width:560px){.reading-type-controls>button{font-size:10px;padding:4px 6px}.reading-overlay[data-text-size="large"] .reading-transcript>p{font-size:24px;line-height:1.55}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.practice-method-row>.method-activate:disabled{background:#f0f2ec;border-color:#e1e6da;color:#9ba492;cursor:not-allowed}
.practice-method-row>.method-explain{padding-top:5px;padding-bottom:5px}.method-explain>.method-title{line-height:1.25}
.dual-subtitles{position:absolute;left:5%;right:5%;bottom:clamp(44px,10%,80px);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;text-align:center}.dual-subtitles[hidden],.dual-subtitles>p[hidden]{display:none}.dual-subtitles>p{max-width:100%;margin:0;padding:5px 12px;border-radius:7px;background:rgba(12,30,25,.82);color:#fff;font:600 clamp(14px,1.7vw,23px)/1.35 system-ui,sans-serif;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}.dual-subtitles>p[lang="ru"]{color:#e0edbf;font-size:clamp(12px,1.45vw,20px);font-weight:500}.video-stage:fullscreen .dual-subtitles>p,.video-stage.is-expanded .dual-subtitles>p{font-size:clamp(22px,2.2vw,36px)}.video-stage:fullscreen .dual-subtitles>p[lang="ru"],.video-stage.is-expanded .dual-subtitles>p[lang="ru"]{font-size:clamp(19px,1.9vw,31px)}
@media(max-width:560px){.dual-subtitles{left:3%;right:3%;bottom:38px;gap:5px}.dual-subtitles>p{padding:3px 7px;font-size:14px;line-height:1.25}.dual-subtitles>p[lang="ru"]{font-size:12px}}
.video-stage video::cue(.dual-en){color:#fff}.video-stage video::cue(.dual-ru){color:#e0edbf}

#thousand-section { padding-top: 23px; }
#thousand-section button, #thousand-section select { font: inherit; }
#thousand-section button { cursor: pointer; }
#thousand-section button:disabled { cursor: not-allowed; opacity: .45; }
.wl-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.wl-page-heading > div { flex-shrink: 0; }
.wl-page-heading .course-eyebrow { font-size: 9px; letter-spacing: 1.8px; }
.wl-page-heading h1 { margin: 0; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.2; letter-spacing: -1px; color: #2f5745; white-space: nowrap; }
.wl-draft { flex-shrink: 0; padding: 7px 10px; border: 1px solid #e4ddc0; border-radius: 8px; background: #f9f4e1; color: #92815b; font-size: 10px; }
.wl-course-layout { display: grid; grid-template-columns: 235px minmax(0, 1fr); align-items: start; gap: 20px; }
.wl-sidebar { position: sticky; top: 102px; min-width: 0; padding: 18px 12px 15px; border: 1px solid #dee6d7; border-radius: 16px; background: #f2f6eb; }
.wl-sidebar-heading { display: flex; flex-direction: column; gap: 5px; padding: 0 9px 15px; }
.wl-sidebar-heading strong { color: #54725c; font-size: 13px; }
.wl-sidebar-heading > span { color: #8c9a80; font-size: 10px; }
.wl-sidebar nav { display: flex; flex-direction: column; gap: 4px; }
.wl-sidebar nav button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px; border: 1px solid #d2ddc9; border-radius: 9px; background: transparent; text-align: left; color: #6b836a; transition: border-color .15s ease, background-color .15s ease; }
.wl-sidebar nav button:hover { border-color: #9bb793; background: #e8efe1; }
.wl-sidebar nav button[aria-pressed="true"] { background: #fffef7; border-color: #bdcfc0; box-shadow: 0 3px 9px #31583d06; }
.wl-planned-badge { margin-left: auto; color: #7a8b74; font-size: 9px; font-style: normal; }
.wl-lesson-number { display: grid; place-items: center; width: 26px; height: 28px; flex-shrink: 0; border-radius: 7px; background: #e6eddd; color: #839675; font-size: 10px; font-weight: 750; }
[aria-pressed="true"] > .wl-lesson-number { color: white; background: #407c62; }
.wl-sidebar nav button > span:last-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wl-sidebar nav small { color: #95a18a; font-size: 9px; }
.wl-sidebar nav strong { font-size: 11px; line-height: 1.3; font-weight: 650; }
.wl-sidebar-note { color: #98a38c; margin: 15px 9px 0; font-size: 9px; line-height: 1.7; }
.wl-lesson { min-width: 0; padding: 20px 24px 16px; border: 1px solid #dce6d7; border-radius: 17px; background: #fffef8; }
.wl-lesson-heading { padding-bottom: 12px; border-bottom: 1px solid #edf0e5; }
.wl-lesson-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9aa58c; font-size: 9px; line-height: 1.4; }
.wl-lesson-meta > span:first-child { color: #6b927b; letter-spacing: 1.4px; }
.wl-lesson-heading h2 { margin: 0; font-size: 26px; line-height: 1.2; letter-spacing: -.7px; color: #345e47; }
.wl-lesson-heading > p { margin: 0; color: #9aa48c; font-size: 11px; }
.wl-theory { padding-top: 16px; }
.wl-theory h3, .wl-practice h3 { margin: 0; color: #55745a; font-size: 13px; font-weight: 700; }
.wl-theory > p { margin: 0; font-size: 13px; line-height: 1.6; color: #5f735e; }
.wl-example { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 14px; padding: 12px 16px; border-left: 3px solid #bdcfb6; border-radius: 0 9px 9px 0; background: #f5f8ed; }
.wl-word-line { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 12px; }
.wl-example .wl-word-line { justify-content: flex-start; }
.wl-word { display: inline-flex; flex-direction: column; align-items: center; gap: 7px; min-width: 24px; }
.wl-word strong { font-size: 19px; line-height: 1.15; font-weight: 650; color: #396d53; }
.wl-ipa { font-family: "Segoe UI", Arial, sans-serif; color: #8f9e84; font-size: 12px; line-height: 1.3; font-weight: 400; white-space: nowrap; }
.wl-example .wl-word strong { font-size: 17px; }
.wl-example .wl-ipa { font-size: 11px; }
.wl-example-translation { font-size: 12px; line-height: 1.5; color: #829374; }
.wl-pronoun-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 15px 0 18px; }
.wl-pronoun-list > div { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 9px 6px 8px; border: 1px solid #e0e8d7; border-radius: 9px; background: #f5f8ed; }
.wl-pronoun-translation { color: #7c946d; font-size: 11px; line-height: 1.3; text-align: center; }
.wl-word-list { margin: 13px 0 16px; }
.wl-word-list summary { width: fit-content; cursor: pointer; font-size: 10px; color: #8b9b7d; }
.wl-word-list > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-top: 12px; }
.wl-vocabulary-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid #e8eddf; border-radius: 8px; background: #fbfcf5; }
.wl-vocabulary-item .wl-word { align-items: flex-start; }
.wl-vocabulary-item .wl-word strong { font-size: 14px; }
.wl-vocabulary-item .wl-ipa { font-size: 10px; }
.wl-vocabulary-item > span:last-child { color: #8d9a81; font-size: 10px; text-align: right; }
.wl-practice { padding: 18px; border: 1px solid #dce7d4; border-radius: 13px; background: #fafcf4; }
.wl-practice-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.wl-practice-heading > span { color: #94a086; font-size: 10px; white-space: nowrap; }
.wl-practice-instruction { margin: 7px 0 0; color: #94a087; font-size: 10px; line-height: 1.6; }
.wl-practice-card { min-height: 157px; padding: 27px 6px 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.wl-practice-card .wl-word-line { gap: 13px; }
.wl-practice-card .wl-word strong { font-size: clamp(27px, 2.9vw, 38px); letter-spacing: -.8px; }
.wl-practice-card .wl-ipa { font-size: 14px; }
.wl-practice-translation { max-width: 500px; min-height: 26px; margin: 21px 0 0; font-size: 17px; line-height: 1.5; color: #577a5d; text-align: center; }
.wl-practice-translation.is-hidden-answer { visibility: hidden; }
.wl-ready-title { color: #719174; font-size: 22px; font-weight: 600; letter-spacing: -.5px; }
[data-phase="idle"] .wl-practice-translation, [data-phase="finished"] .wl-practice-translation { max-width: 380px; margin-top: 12px; color: #97a58a; font-size: 12px; line-height: 1.7; }
.wl-countdown-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 15px; margin: 8px 0 8px; color: #8e9f80; font-size: 10px; line-height: 1.5; }
#lesson-timer-seconds { flex-shrink: 0; min-width: 31px; font-variant-numeric: tabular-nums; text-align: right; }
.wl-countdown { height: 5px; overflow: hidden; border-radius: 10px; background: #e6eddd; }
.wl-countdown > div { height: 100%; background: #81ae84; transform: scaleX(0); transform-origin: left; }
.wl-practice-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.wl-primary, .wl-secondary, .wl-next { border: 1px solid #d1dfc8; border-radius: 9px; padding: 10px 13px; font-size: 11px !important; font-weight: 650 !important; line-height: 1.3; }
.wl-primary { color: #fff; background: #3d7c60; border-color: #3d7c60; min-width: 134px; }
.wl-primary:hover { background: #326a50; }
.wl-secondary { background: #fffef6; color: #839771; }
.wl-next { color: #668b63; background: #edf4e5; margin-left: auto; }
.wl-secondary:hover:not(:disabled), .wl-next:hover:not(:disabled) { background: #e6f0dc; }
.wl-practice-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; margin-top: 12px; color: #9ba88c; font-size: 9px; }
.wl-practice-footer label { display: flex; align-items: center; gap: 6px; }
.wl-practice-footer select { max-width: 130px; padding: 4px 20px 4px 7px; color: #7d946d; background: #fffef6; border: 1px solid #e0e8d5; border-radius: 6px; font-size: 10px !important; }
.wl-lesson-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding-top: 16px; }
.wl-ipa-note { max-width: 480px; font-size: 10px; color: #91a080; line-height: 1.7; }
.wl-ipa-note summary { cursor: pointer; }
.wl-ipa-note p { margin: 8px 0 0; }
.wl-ipa-note a { text-decoration: underline; text-underline-offset: 2px; }
.wl-following { flex-shrink: 0; padding: 4px 0; border: 0; color: #63875d; background: transparent; font-size: 11px !important; }
.wl-accordion { display: grid; gap: 11px; margin-top: 19px; }
.wl-accordion-panel { min-width: 0; border: 1px solid #dfe7d5; border-radius: 12px; background: #fcfdf6; overflow: hidden; }
.wl-accordion-panel > summary { display: flex; align-items: center; gap: 12px; padding: 12px; cursor: pointer; list-style: none; color: #5d7d5c; }
.wl-accordion-panel > summary::-webkit-details-marker { display: none; }
.wl-accordion-panel > summary::marker { content: ''; }
.wl-accordion-number { display: grid; place-items: center; flex-shrink: 0; width: 26px; height: 26px; border-radius: 8px; background: #eaf0e1; font-size: 10px; font-weight: 700; color: #8d9e7a; }
.wl-accordion-panel > summary > span:nth-child(2) { display: flex; flex-direction: column; gap: 5px; }
.wl-accordion-panel > summary strong { font-size: 14px; font-weight: 650; }
.wl-accordion-panel > summary small { font-size: 10px; color: #96a48a; }
.wl-accordion-symbol { margin-left: auto; font-size: 23px; font-weight: 400; line-height: 1; color: #92aa80; }
.wl-accordion-panel[open] > summary { border-bottom: 1px solid #e4eadb; background: #f1f6e8; }
.wl-accordion-panel[open] .wl-accordion-symbol { transform: rotate(45deg); }
.wl-accordion-panel[open] .wl-accordion-number { background: #dbe9d2; color: #658954; }
.wl-accordion-body, .wl-exercise-intro { padding: 14px; }
.wl-accordion-body .wl-theory { padding-top: 0; }
.wl-accordion-body .wl-pronoun-list { margin-bottom: 0; }
.wl-exercise-intro h3 { margin: 0 0 10px; color: #4c714e; font-size: 20px; letter-spacing: -.4px; }
.wl-exercise-intro > p { max-width: 600px; margin: 0; color: #5f735e; font-size: 13px; line-height: 1.6; }
.wl-vocabulary-page > .wl-theory > p { font-size: 14px; }
.wl-theory-guide { padding: 16px 8px 18px 0; }
.wl-theory-guide-group + .wl-theory-guide-group { margin-top: 24px; }
.wl-theory-guide h3 { margin: 0 0 12px; color: #345e47; font-size: 16px; line-height: 1.4; }
.wl-theory-guide-item + .wl-theory-guide-item { margin-top: 16px; padding-top: 16px; border-top: 1px solid #edf0e5; }
.wl-theory-guide h4 { margin: 0 0 6px; color: #4c714e; font-size: 14px; line-height: 1.4; }
.wl-theory-guide p { margin: 0; color: #5f735e; font-size: 14px; line-height: 1.6; }
.wl-theory-guide .wl-theory-guide-intro { margin-bottom: 12px; }
.wl-theory-guide-examples { display: flex; flex-wrap: wrap; gap: 10px; }
.wl-theory-guide-examples .wl-example { flex: 1 1 220px; min-width: 0; margin-top: 10px; padding: 10px 12px; }
@media (min-width: 761px) {
  #thousand-section .wl-lesson-with-guide { display: flex; flex-direction: column; height: calc(100dvh - 186px); }
  .wl-lesson-with-guide > .wl-lesson-heading, .wl-lesson-with-guide .wl-exercise-intro { flex-shrink: 0; }
  .wl-lesson-with-guide > .wl-vocabulary-page { display: flex; flex: 1; flex-direction: column; min-height: 0; }
  .wl-lesson-with-guide .wl-theory-guide { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  #thousand-section .wl-lesson-with-guide { height: calc(100dvh - 224px); }
}
.wl-vocabulary-page > .wl-exercise-intro { padding: 18px 0 0; border-top: 1px solid #edf0e5; }
.wl-exercise-launch { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 22px; }
.wl-exercise-launch > span { color: #a0ac92; font-size: 10px; }
.wl-exercise-variants { display: flex; flex-wrap: nowrap; gap: 9px; max-width: 100%; margin-top: 17px; padding: 4px; overflow-x: auto; scrollbar-width: thin; }
.wl-exercise-variants > button { flex: 0 0 auto; min-width: 0; white-space: nowrap; }
.wl-grammar-menu { display: flex; flex-direction: column; gap: 6px; width: 50%; min-width: 320px; max-width: 100%; max-height: calc(100dvh - 260px); margin-top: 16px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.wl-grammar-menu-item { display: flex; align-items: center; flex-shrink: 0; gap: 12px; width: 100%; min-height: 52px; padding: 12px; border: 1px solid #d2ddc9; border-radius: 12px; background: #fcfdf6; color: #5d7d5c; text-align: left; transition: border-color .15s ease, background-color .15s ease; }
.wl-grammar-menu-item strong { font-size: 14px; font-weight: 650; line-height: 1.3; }
.wl-grammar-menu-item:hover { border-color: #9bb793; background: #e4efdc; }
.wl-grammar-menu-item:hover .wl-accordion-number { color: #658954; background: #dbe9d2; }
.wl-scene-tabs { display: flex; flex-shrink: 0; gap: 6px; margin-top: 16px; padding: 0 0 9px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.wl-scene-tabs > button { flex-shrink: 0; min-width: 0; padding: 8px 9px; white-space: nowrap; }
.wl-scene-tabs > button[aria-selected="true"] { color: #fff; background: #3d7c60; border-color: #3d7c60; }
.wl-scene-tabs > button[aria-selected="true"]:hover { background: #326a50; }
.wl-scene-content { min-width: 0; padding: 14px 8px 0 0; }
.wl-scene-intro h3 { margin: 0; color: #345e47; font-size: 20px; line-height: 1.35; }
.wl-scene-intro > p { margin: 7px 0 0; color: #5f735e; font-size: 13px; line-height: 1.6; }
.wl-scene-modes { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0 10px; }
.wl-scene-modes .wl-scene-vocabulary { margin-left: auto; }
.wl-scene-modes > button { min-width: 98px; }
.wl-scene-modes > button[aria-pressed="true"] { background: #3d7c60; border-color: #3d7c60; color: #fff; }
.wl-scene-stage { position: relative; width: 100%; height: clamp(200px, calc(100dvh - 455px), 380px); overflow: hidden; border: 1px solid #dce6d7; border-radius: 12px; background: #eaf0e3; }
.wl-scene-stage > video { display: block; width: 100%; height: 100%; object-fit: contain; background: #17281f; }
.wl-scene-video-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 100%; padding: 24px; text-align: center; background: radial-gradient(ellipse at 50% 35%, #fafcf4, #e6eedf); }
.wl-scene-play-mark { display: grid; place-items: center; width: 58px; height: 58px; padding-left: 4px; border: 1px solid #bccfba; border-radius: 50%; color: #62866a; background: #ffffff8a; font-size: 35px; line-height: 1; }
.wl-scene-video-empty h4 { margin: 0; color: #456b50; font-size: 18px; font-weight: 650; }
.wl-scene-video-empty p { margin: 0; color: #7d9074; font-size: 13px; line-height: 1.7; }
.wl-scene-reading { position: absolute; inset: 0; display: flex; flex-direction: column; background: #fffefb; }
.wl-scene-reading > header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px; padding: 9px 12px; border-bottom: 1px solid #e6ecdf; color: #7b906d; font-size: 10px; font-weight: 650; letter-spacing: .6px; }
.wl-scene-reading > header > div { display: flex; flex-wrap: wrap; max-width: 100%; gap: 6px; }
.wl-scene-reading[data-transcription="false"] .wl-ipa { display: none; }
.wl-scene-reader-button { padding: 6px 8px; border: 1px solid #dce6d2; border-radius: 7px; background: #f5f8ed; color: #7b926a; font-size: 10px !important; }
.wl-scene-reader-button[aria-pressed="true"] { border-color: #9dbb99; background: #e0ecd6; color: #456d43; }
.wl-scene-reading-text { flex: 1; min-height: 0; padding: 14px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.wl-scene-reading .wl-word strong { font-size: 20px; }
.wl-scene-reading .wl-scene-dialogue > li { background: transparent; border-color: #edf0e7; }
.wl-scene-reference { display: grid; gap: 8px; margin: 16px 0 20px; padding: 12px; border: 1px solid #e0e8d7; border-radius: 9px; background: #f5f8ed; }
.wl-scene-reference > div { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; font-size: 12px; line-height: 1.6; }
.wl-scene-reference dt { color: #4c714e; font-weight: 650; }
.wl-scene-reference dd { margin: 0; color: #718369; overflow-wrap: anywhere; }
.wl-scene-dialogue-title { margin: 0 0 12px; color: #345e47; font-size: 15px; }
.wl-scene-dialogue { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.wl-scene-dialogue > li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 13px; border: 1px solid #e0e8d7; border-radius: 10px; background: #fcfdf6; }
.wl-scene-speaker { display: grid; place-items: center; align-self: start; width: 26px; height: 26px; border-radius: 8px; background: #eaf0e1; color: #658954; font-size: 12px; font-weight: 650; }
.wl-scene-dialogue .wl-word-line { justify-content: flex-start; gap: 8px 10px; }
.wl-scene-dialogue .wl-word strong { font-size: 17px; }
.wl-scene-dialogue .wl-ipa { font-size: 11px; }
.wl-scene-translation { margin: 10px 0 0; color: #718369; font-size: 13px; line-height: 1.5; }
@media (min-width: 761px) {
  #thousand-section .wl-lesson-with-scenes { display: flex; flex-direction: column; height: calc(100dvh - 186px); }
  .wl-lesson-with-scenes > .wl-lesson-heading { flex-shrink: 0; }
  .wl-lesson-with-scenes .wl-scene-content { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  #thousand-section .wl-lesson-with-scenes { height: calc(100dvh - 224px); }
  .wl-scene-stage { height: clamp(170px, calc(100dvh - 493px), 330px); }
}
.wl-grammar-content { padding: 14px; background: #f8faf2; }
.wl-grammar-content h3, .wl-topic-placeholder h3 { margin: 0 0 10px; color: #345e47; font-size: 17px; }
.wl-grammar-content > p, .wl-topic-placeholder > p { margin: 8px 0 0; color: #5f735e; font-size: 13px; line-height: 1.6; }
.wl-grammar-content .wl-video-plan { padding-top: 12px; color: #8a967d; font-size: 11px; }
.wl-topic-placeholder { padding: 24px 0; }
.wl-exercise-tooltip { position: fixed; z-index: 100; top: 0; left: 0; max-width: min(300px, calc(100vw - 24px)); padding: 8px 11px; border: 1px solid #dce6d2; border-radius: 8px; background: #fffff5; color: #7b926a; box-shadow: 0 4px 16px #4f703316; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.wl-exercise-intro .wl-exercise-result { border-top: 1px solid #e4eadb; padding-top: 13px; margin-top: 17px; font-size: 11px; color: #719166; }
body.wl-practice-modal-open, body.wl-list-modal-open, body.wl-grammar-modal-open { overflow: hidden; }
.wl-starter-overview { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 18px; }
.wl-page-heading .wl-starter-overview { flex: 1; flex-wrap: nowrap; justify-content: flex-end; gap: 6px; min-width: 0; margin: 0; }
.wl-page-heading .wl-starter-overview > button { flex-shrink: 0; padding: 9px; white-space: nowrap; }
.wl-starter-overview > span, .wl-list-launch > span { color: #8b9a7e; font-size: 10px; line-height: 1.6; }
.wl-list-launch { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 16px; }
.wl-exercise-variants.wl-batch-exercises { flex-wrap: wrap; overflow: visible; gap: 7px; }
.wl-batch-exercises > button { padding: 9px 11px; font-variant-numeric: tabular-nums; }
.wl-direction-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.wl-direction-controls > button { padding: 8px 11px; border: 1px solid #dce6d2; border-radius: 8px; background: #f5f8ed; color: #7b926a; font-size: 11px; }
.wl-direction-controls > button[aria-pressed="true"] { background: #3d7c60; border-color: #3d7c60; color: #fff; }
.wl-direction-note { margin: 8px 0 0; color: #8b9a7e; font-size: 10px; line-height: 1.6; }
.wl-exercise-ready { padding: 40px 10px; text-align: center; }
.wl-exercise-ready h3 { margin: 0; color: #55745a; font-size: 23px; }
.wl-exercise-ready p { margin: 16px auto 22px; color: #5f735e; font-size: 13px; line-height: 1.8; }
.wl-list-dialog { width: min(820px, calc(100vw - 32px)) !important; }
.wl-list-dialog .wl-dialog-heading { margin-bottom: 12px; padding-bottom: 14px; }
.wl-list-dialog .wl-dialog-heading h2 { font-size: 23px; }
.wl-list-note { margin: 0 0 12px; color: #7d8b75; font-size: 11px; line-height: 1.7; }
.wl-table-scroll { max-height: min(55dvh, 500px); overflow: auto; border: 1px solid #e0e8d7; border-radius: 9px; scrollbar-width: thin; }
.wl-vocabulary-table { width: 100%; border-collapse: separate; border-spacing: 0; text-align: left; font-size: 12px; line-height: 1.5; }
.wl-vocabulary-table th, .wl-vocabulary-table td { padding: 7px 10px; border-bottom: 1px solid #e8eddf; vertical-align: top; }
.wl-vocabulary-table thead th { position: sticky; top: 0; z-index: 1; background: #edf4e5; color: #55745a; font-size: 11px; font-weight: 650; }
.wl-vocabulary-table tbody th { color: #396d53; font-weight: 600; }
.wl-vocabulary-table tbody td { color: #778b69; }
.wl-vocabulary-table tbody td[lang="en"] { font-family: "Segoe UI", Arial, sans-serif; white-space: nowrap; }
.wl-vocabulary-table tbody tr:nth-child(even) { background: #f5f8ed; }
.wl-vocabulary-table tbody tr:last-child > * { border-bottom: 0; }
.wl-list-source { margin: 13px 0 0; color: #8b9a7e; font-size: 10px; line-height: 1.6; }
.wl-list-source a { text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 761px) {
  #thousand-section { padding-top: 18px; padding-bottom: 8px; }
  #thousand-section .wl-sidebar { height: calc(100dvh - 186px); padding: 12px 10px; }
  #thousand-section .wl-sidebar-heading { padding: 0 7px 10px; }
  #thousand-section .wl-sidebar nav { display: grid; height: 100%; grid-template-rows: repeat(var(--lesson-count), minmax(0, 1fr)); gap: clamp(4px, .7vh, 8px); }
  #thousand-section .wl-sidebar nav button { height: 100%; min-height: 0; padding: clamp(3px, .5vh, 7px) 7px; gap: 9px; }
  #thousand-section .wl-sidebar nav strong { font-size: clamp(13px, 1.45vh, 15px); }
  #thousand-section .wl-lesson-number { width: clamp(22px, 3vh, 34px); height: clamp(22px, 3vh, 34px); }
  #thousand-section .wl-sidebar nav small, #thousand-section .wl-sidebar-note { display: none; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .wl-page-heading { flex-wrap: wrap; gap: 12px; }
  .wl-page-heading .wl-starter-overview { flex-basis: 100%; justify-content: space-between; }
  #thousand-section .wl-sidebar { height: calc(100dvh - 224px); }
  #thousand-section .wl-sidebar nav strong { font-size: 12px; }
  .wl-grammar-menu { max-height: calc(100dvh - 298px); }
}
@media (max-width: 760px) {
  .wl-page-heading .wl-starter-overview { flex: none; width: 100%; flex-wrap: wrap; justify-content: flex-start; }
  .wl-grammar-menu { width: 100%; min-width: 0; max-height: none; overflow: visible; }
}
@media (max-width: 460px) {
  .wl-vocabulary-table { font-size: 11px; }
  .wl-vocabulary-table th, .wl-vocabulary-table td { padding: 6px 7px; }
  .wl-list-dialog { padding: 16px 12px; }
}
.wl-practice-dialog { width: min(620px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 25px; margin: auto; overflow: auto; overscroll-behavior: contain; border: 1px solid #cbdcc3; border-radius: 19px; background: #fffef7; color: #36583f; box-shadow: 0 25px 100px #172d2359; }
.wl-practice-dialog::backdrop { background: #1d332b99; backdrop-filter: blur(5px); }
.wl-grammar-dialog { width: min(820px, calc(100vw - 32px)); }
.wl-grammar-dialog .wl-grammar-content { max-height: calc(100dvh - 210px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #dce6d7; border-radius: 12px; scrollbar-width: thin; }
.wl-practice-dialog.is-running .wl-dialog-heading { justify-content: flex-end; margin: 0; padding: 0; border: 0; }
.wl-practice-dialog.is-running .wl-dialog-heading > div { display: none; }
.wl-practice-dialog.is-running .wl-practice-heading { justify-content: flex-start; }
.wl-known-control { display: flex; justify-content: center; margin-top: 19px; }
.wl-known-control > button { flex: 0 0 auto; min-width: 134px; }
.wl-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid #e5ebdc; margin-bottom: 20px; }
.wl-dialog-heading > div > span { color: #8aa17a; font-size: 9px; letter-spacing: 1.5px; }
.wl-dialog-heading h2 { margin: 8px 0 0; color: #4c754c; font-size: 25px; font-weight: 650; letter-spacing: -.7px; line-height: 1.2; }
.wl-dialog-close { display: grid; place-items: center; flex-shrink: 0; width: 33px; height: 33px; padding: 0; border: 1px solid #e0e8d6; border-radius: 9px; background: #f5f8ee; color: #87a074; font-size: 23px !important; line-height: 1; }
.wl-dialog-close:hover { background: #e9f1e0; }
.wl-start-countdown { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-height: 315px; text-align: center; }
.wl-start-countdown > span { color: #8fa97d; font-size: 12px; }
.wl-start-countdown > strong { font-size: 100px; line-height: 1; font-weight: 500; letter-spacing: -4px; color: #62905c; font-variant-numeric: tabular-nums; }
.wl-start-countdown > p { margin: 0; color: #a1b08f; font-size: 12px; line-height: 1.6; }
.wl-practice-dialog .wl-practice { padding: 0; border: 0; background: transparent; }
.wl-practice-dialog .wl-practice-card { min-height: 240px; }
.wl-practice-dialog .wl-practice-card .wl-word strong { font-size: 65px; }
.wl-practice-dialog .wl-practice-card .wl-ipa { font-size: 20px; }
.wl-practice-dialog .wl-practice-translation { min-height: 36px; font-size: 25px; }
.wl-practice-dialog .wl-practice-translation.is-hidden-answer { font-size: 14px; }
.wl-practice-dialog .wl-practice-footer { margin-top: 15px; }
.wl-russian-prompt { color: #557e4f; font-size: clamp(31px, 4vw, 48px); font-weight: 650; line-height: 1.2; letter-spacing: -.7px; }
.wl-practice-dialog [data-direction="ru-en"] .wl-word-line { min-height: 92px; align-items: center; }
.wl-practice-dialog [data-direction="ru-en"] .wl-practice-translation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 16px; min-height: 70px; }
.wl-practice-dialog .wl-practice-translation .wl-word strong { font-size: 38px; }
.wl-practice-dialog .wl-practice-translation .wl-ipa { font-size: 17px; }
@media (max-width: 1000px) {
  .wl-course-layout { grid-template-columns: 210px minmax(0, 1fr); gap: 14px; }
  .wl-lesson { padding: 21px; }
  .wl-lesson-heading h2 { font-size: 23px; }
  .wl-lesson-meta { flex-wrap: wrap; gap: 5px; }
  .wl-word-list > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wl-sidebar nav button { gap: 8px; padding: 8px 7px; }
  .wl-sidebar nav strong { font-size: 10px; }
  .wl-draft { font-size: 9px; }
}
@media (max-width: 760px) {
  .wl-course-layout { grid-template-columns: minmax(0, 1fr); }
  .wl-sidebar { position: static; padding: 12px; }
  .wl-sidebar-heading { flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 10px; }
  .wl-sidebar nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; }
  .wl-sidebar-note { display: none; }
  .wl-page-heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 16px; }
  .wl-page-heading h1 { font-size: 27px; }
  .wl-lesson-meta { justify-content: flex-start; gap: 10px; }
}
@media (max-width: 460px) {
  .wl-accordion-panel > summary { padding: 13px; gap: 10px; }
  .wl-accordion-panel > summary small { font-size: 9px; }
  .wl-accordion-body, .wl-exercise-intro { padding: 15px 12px; }
  .wl-exercise-intro h3 { font-size: 18px; }
  .wl-exercise-intro > p { font-size: 11px; }
  .wl-practice-dialog { padding: 19px 15px; width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .wl-dialog-heading h2 { font-size: 23px; }
  .wl-start-countdown { min-height: 260px; }
  .wl-practice-dialog .wl-practice-card { min-height: 215px; }
  .wl-practice-dialog .wl-practice-card .wl-word strong { font-size: 56px; }
  .wl-pronoun-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  #thousand-section { padding-top: 18px; }
  .wl-lesson { padding: 18px 14px 15px; }
  .wl-sidebar { padding: 10px 7px; }
  .wl-sidebar-heading { padding-left: 6px; padding-right: 6px; }
  .wl-sidebar-heading strong { font-size: 12px; }
  .wl-sidebar nav button { padding: 7px 5px; gap: 7px; }
  .wl-sidebar nav strong { font-size: 10px; }
  .wl-lesson-number { width: 22px; height: 26px; font-size: 9px; }
  .wl-lesson-heading h2 { font-size: 23px; }
  .wl-theory > p { font-size: 11px; }
  .wl-example { padding: 12px; gap: 12px; }
  .wl-example-translation { font-size: 11px; }
  .wl-practice { padding: 15px 11px; }
  .wl-practice-heading { gap: 8px; }
  .wl-practice h3 { font-size: 12px; }
  .wl-practice-card .wl-word strong { font-size: 27px; }
  .wl-practice-card .wl-ipa { font-size: 12px; }
  .wl-practice-translation { font-size: 15px; }
  .wl-practice-card .wl-word-line { gap: 12px; }
  .wl-practice-controls { gap: 7px; }
  .wl-primary { min-width: 0; flex: 1; }
  .wl-primary, .wl-secondary, .wl-next { font-size: 10px !important; padding: 10px; }
  .wl-next { flex-basis: 100%; margin-left: 0; }
  .wl-lesson-footer { flex-direction: column; gap: 10px; }
  .wl-word-list > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wl-vocabulary-item { flex-direction: column; align-items: flex-start; padding: 9px; }
  .wl-vocabulary-item > span:last-child { text-align: left; }
}