:root{--ink:#15213B;--muted:#647572;--subtle:#8b9995;--green:#17394A;--green-dark:#15213B;--mint:#F7F3ED;--mint-line:#D8CCBC;--line:#EDE8E1;--bg:#f6f8f7;--white:#fff;--blue:#3268d6;--orange:#b66416;--gold:#fff0b5;--red:#c33e4e;--radius:20px;--shadow:0 5px 22px #15213B06;--sans:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.55 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,input,textarea,select{accent-color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #5A6579;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}button,summary{touch-action:manipulation}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.small{width:15px;height:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:12px;z-index:200;background:#fff;padding:10px}.skip:focus{top:10px}.container{width:min(1264px,calc(100% - 56px));margin:auto}.site-header{height:68px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:820;letter-spacing:-.8px}.brand-mark{width:33px;height:35px;background:var(--green);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff}.brand-mark .i{width:21px;height:21px}.nav{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:13px;font-weight:620;margin-right:auto;margin-left:34px}.nav .selected{color:var(--green)}.saved-button{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-height:42px;font-weight:650;font-size:12px}.count-badge{background:#eef3f0;border-radius:6px;padding:0 6px;min-width:21px;text-align:center;font-size:11px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:23px 0 12px}.breadcrumb .i{width:11px;height:11px}h1{font-size:clamp(23px,2.45vw,32px);line-height:1.24;letter-spacing:-1px;font-weight:780;max-width:1020px}.lesson-meta{margin:13px 0 25px;display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:var(--muted);font-size:12px}.lesson-meta .dot{width:3px;height:3px;border-radius:50%;background:#aebdb5}.level{border:1px solid var(--mint-line);background:var(--mint);border-radius:6px;padding:4px 8px;color:var(--green-dark);font-size:11px;font-weight:700;display:flex;gap:5px;align-items:center}.level .i{width:12px;height:12px}.workspace{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:23px;align-items:start}.left-column,.right-column{display:grid;gap:20px;min-width:0}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:23px}.eyebrow{font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:1.4px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-top h2{font-size:17px;font-weight:760;letter-spacing:-.35px}.sub{color:var(--muted);font-size:12px}.btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;line-height:1.3}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 8px #17394a12}.btn.soft{border-color:var(--mint-line);background:var(--mint);color:var(--green-dark)}.btn.danger{background:#fff2f3;color:var(--red);border-color:#f0c8cc}.btn.icon{width:42px;padding:9px}.text-button{border:0;background:none;padding:5px 0;display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:11px;font-weight:680;min-height:35px}.text-button.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#f7faf8;border-radius:100px;padding:4px 9px;font-size:10px;font-weight:650;white-space:nowrap}.pill.orange{border-color:#eddbba;background:#fff8ed;color:#955616}.divider{height:1px;background:var(--line);margin:17px 0}.video-details>summary{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;font-size:12px;font-weight:680}.video-details>summary::-webkit-details-marker{display:none}.summary-text{display:flex;align-items:center;gap:8px}.video-details[open]>summary .chev{transform:rotate(180deg)}.video-shell{position:relative;aspect-ratio:16/9;background:#15213b;overflow:hidden}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(130deg,#15213b,#17394a);color:#fff}.video-placeholder .eyebrow{color:#d8ccbc;letter-spacing:2px}.video-placeholder h3{font-size:26px;line-height:1.15;margin:10px 0 19px;letter-spacing:-.7px}.video-play{width:49px;height:49px;display:grid;place-items:center;background:#fff;border:0;border-radius:50%;color:var(--green)}.video-play .i{width:19px;height:19px;margin-left:3px;fill:currentColor}.video-shell iframe,.video-shell #yt-mount{position:absolute;inset:0;width:100%;height:100%;border:0}.video-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:9px;font-size:10px;color:var(--muted)}.video-footer a{display:flex;gap:5px;align-items:center;font-weight:680}.audio-source{margin:0 16px 16px;background:#f5f8f6;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:9px}.audio-source .i{color:var(--green)}.audio-source strong{display:block;font-size:11px}.audio-source small{font-size:10px;color:var(--muted)}.audio-source button{margin-left:auto}.record-head{display:flex;gap:10px;align-items:flex-start}.rec-icon{width:37px;height:39px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center}.record-head h2{font-size:17px;letter-spacing:-.4px}.record-head p{font-size:11px;color:var(--muted);margin-top:4px;max-width:320px}.capabilities{display:flex;gap:5px;flex-wrap:wrap;margin:16px 0}.capabilities span{padding:4px 7px;border-radius:6px;background:#f4f7f5;color:#61726b;font-size:10px}.rec-context{border-left:2px solid var(--mint-line);padding:3px 11px;margin:13px 0 15px}.rec-context small{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.rec-context strong{font-size:13px;font-weight:650}.record-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.record-main .btn:first-child{flex:1}.rec-status{font-size:11px;color:var(--muted);margin-top:10px;min-height:18px}.rec-status.error{color:#9c3447}.mic-dot{width:7px;height:7px;border-radius:50%;background:var(--red)}.rec-live{background:#fff5f5;border:1px solid #f0d7da;border-radius:12px;padding:12px;margin:14px 0}.rec-live-top{display:flex;justify-content:space-between;font-size:11px;font-weight:650;color:var(--red)}#waveform{width:100%;height:49px;display:block;margin-top:5px}.rec-live .mic-dot{display:inline-block;margin-right:5px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.recording-playback{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fafcfb;margin-top:14px}.take-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:8px}.take-top select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px;max-width:70%;font-size:10px}audio{width:100%;height:35px;margin-top:9px}.listen-pair{display:flex;gap:7px;margin-top:10px}.listen-pair .btn{font-size:10px;min-height:35px;flex:1;padding:7px}.record-options{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:14px}.record-options input{width:15px;height:15px;margin:0}.record-options .i{width:12px;height:12px}.example-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.helper-card{background:#f0f6f2;border-radius:14px;padding:16px 18px;border:1px solid #EDE8E1}.helper-card h3{font-size:12px;margin-bottom:8px}.help-links{display:flex;flex-wrap:wrap;gap:7px}.help-links button{border:1px solid #EDE8E1;background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;min-height:35px;color:#5a6579}.practice-head{padding:20px 22px 16px;border-bottom:1px solid var(--line)}.practice-head .section-top{margin-bottom:12px}.practice-head h2{font-size:17px;letter-spacing:-.4px}.sessions{display:flex;gap:7px;overflow:auto;padding:2px 0 5px;scrollbar-width:thin;scrollbar-color:#D8CCBC transparent}.session-tab{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;min-height:36px;font-size:11px;color:var(--muted);font-weight:580}.session-tab[aria-selected=true]{border-color:var(--mint-line);background:var(--mint);color:var(--green-dark);font-weight:750}.session-tab small{font-size:9px;opacity:.7;margin-left:6px}.session-summary{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-top:9px;gap:10px}.session-summary p{max-width:85%}.practice-body{padding:18px 22px 21px}.mode-legend{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700}.mode-legend .text-button{font-size:10px;min-height:auto;padding:0}.mode-picker{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.mode-choice{position:relative;display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:11px 12px;cursor:pointer;transition:background .15s}.mode-choice:has(input:checked){background:var(--mint);border-color:#a7b4ba;box-shadow:inset 0 0 0 1px #a7b4ba1a}.mode-choice input{width:14px;height:14px;margin:4px 0 0;flex:none}.mode-choice strong{font-size:12px;display:block;font-weight:740}.mode-choice small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.cycle-row{margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:9px}.cycle{display:flex;align-items:center;gap:3px;background:#f2f5f4;border-radius:10px;padding:5px;min-width:0;flex:1}.cycle-step{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:650;white-space:nowrap;padding:7px 8px;border-radius:7px;color:#75867d;flex:1}.cycle-step .i{width:14px;height:14px}.cycle-step.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #15213b09}.cycle-step.listen .i{color:var(--blue)}.cycle-step.repeat .i{color:var(--green)}.cycle-step.shadow .i{color:var(--orange)}.cycle .arrow{color:#a0b0a7;font-size:11px}.progress-box{display:flex;flex-direction:column;gap:5px;align-items:flex-end;min-width:64px}.pips{display:flex;gap:4px}.pips span{width:15px;height:4px;border-radius:5px;background:#ede8e1}.pips span.current{background:var(--green);width:21px}.pips span.complete{background:#a7b4ba}.progress-box small{font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap}.status-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px;padding:10px 0;font-size:11px;min-height:37px}.state-left{display:flex;align-items:center;gap:7px;font-weight:650}.state-left .state-dot{width:6px;height:6px;background:#91a69a;border-radius:50%}.status-bar[data-phase=listening] .state-dot{background:var(--blue)}.status-bar[data-phase=echo] .state-dot{background:var(--green)}.status-bar[data-phase=shadow] .state-dot{background:var(--orange)}.state-right{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.state-right button{font-size:10px;min-height:auto;padding:0}.sentence-list{max-height:180px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;scrollbar-width:thin;scrollbar-color:#D8CCBC transparent;overscroll-behavior:contain}.sentence-row{position:relative;display:flex;gap:9px;padding:13px 12px;border-bottom:1px solid #e9efeb;align-items:flex-start;outline-offset:-3px!important}.sentence-row:last-child{border-bottom:0}.sentence-row.active{background:#f7f3ed;box-shadow:inset 3px 0 0 var(--green)}.line-jump{margin-top:1px;border:0;background:#eff3f0;border-radius:7px;width:27px;height:29px;display:grid;place-items:center;font-size:10px;color:var(--muted);flex:none}.sentence-row.active .line-jump{background:var(--green);color:#fff}.sentence-copy{flex:1;min-width:0}.line-text{font-size:14px;line-height:1.85;font-weight:500;letter-spacing:-.1px}.sentence-row.active .line-text{color:#15213b;font-weight:550}.line-detail{font-size:9px;color:#87948c;margin-top:3px;display:flex;gap:7px;align-items:center}.dict-term{border:0;border-bottom:1px dotted #9bad9e;background:transparent;color:inherit;padding:0 1px;font:inherit;display:inline;cursor:help;position:relative}.dict-term.idiom{background:#fff0bb;border:0;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 4px;color:#614810}.dict-term.idiom:after{content:"?";position:absolute;font:700 8px/11px var(--sans);width:11px;height:11px;border-radius:50%;background:#fff;color:#766443;border:1px solid #dbcfa9;right:-5px;top:-7px}.save-line{border:0;background:transparent;color:#85988b;padding:5px;margin-top:0;min-height:30px;min-width:27px}.save-line .i{width:14px;height:14px}.save-line.saved{color:#ab791a}.save-line.saved svg{fill:#fff0bb}.sentence-list.hide-text .line-text{visibility:hidden}.sentence-list.hide-text .sentence-copy:before{content:"Text hidden. Listen, then repeat.";font-size:12px;color:var(--muted)}.list-tools{display:flex;align-items:center;justify-content:space-between;padding:6px 1px 3px;font-size:10px;color:var(--muted)}.list-tools .text-button{font-size:10px;min-height:29px}.play-controls{display:grid;grid-template-columns:40px 1fr 40px 40px;gap:7px;margin-top:9px}.play-controls .btn{min-height:44px}.play-controls .btn.primary{font-size:13px}.settings-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:13px;gap:10px}.settings-row .text-button{font-size:10px;min-height:22px}.inline-notice{margin-top:10px;border-radius:9px;background:#fff8e9;border:1px solid #eddfbf;color:#8b601c;font-size:11px;padding:10px}.complete-banner{padding:14px;margin-top:14px;border:1px solid #D8CCBC;border-radius:12px;background:var(--mint)}.complete-banner h3{font-size:14px;margin-bottom:3px}.complete-banner p{font-size:11px;color:#5a6579;margin-bottom:8px}.complete-actions{display:flex;gap:7px;flex-wrap:wrap}.exercise-card{padding:20px 22px}.exercise-card h2{font-size:17px;letter-spacing:-.3px}.exercise-tabs{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);margin-top:12px}.tab-button{border:0;background:none;border-bottom:2px solid transparent;padding:8px 1px;font-weight:600;color:var(--muted);font-size:11px;min-height:37px;white-space:nowrap}.tab-button[aria-selected=true]{border-bottom-color:var(--green);color:var(--green-dark);font-weight:750}.exercise-panel{padding-top:13px}.exercise-panel .question{font-weight:620;font-size:13px;line-height:1.7}.sentence-frame{background:#f5f8f5;border-radius:8px;padding:10px 12px;font-size:12px;margin-top:10px;color:#17394a}.exercise-panel textarea{width:100%;border:1px solid #D8CCBC;border-radius:9px;background:#fff;resize:vertical;min-height:70px;padding:11px;margin-top:10px;font-size:12px}.exercise-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.exercise-bottom .btn{min-height:36px;padding:7px 10px;font-size:11px}.answer{font-size:12px;background:#f7f3ed;border:1px solid var(--mint-line);padding:11px 12px;border-radius:9px;margin-top:10px}.answer small{display:block;color:var(--green);font-size:10px;margin-bottom:3px;font-weight:700}.quiz-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.quiz-options button{padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:11px;min-height:37px}.quiz-options button.correct{background:var(--mint);border-color:#a7b4ba}.quiz-options button.incorrect{background:#fff5ea;border-color:#e4bf81}.feedback-text{font-size:11px;color:var(--green-dark);margin-top:10px}.reference{margin-top:26px;padding:23px;margin-bottom:25px}.reference-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.reference h2{font-size:19px;letter-spacing:-.4px}.reference-tabs{display:flex;gap:19px;border-bottom:1px solid var(--line)}.reference-tabs .tab-button{font-size:12px}.ref-filter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0}.filter-input{display:flex;gap:7px;border:1px solid var(--line);padding:7px 10px;border-radius:8px;color:var(--muted);width:255px}.filter-input input{border:0;background:none;outline:none!important;font-size:11px;width:100%}.ref-filter select{border:1px solid var(--line);background:#fff;padding:8px;border-radius:8px;font-size:11px;color:var(--muted)}.vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vocab-card{border:1px solid var(--line);padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.vocab-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.vocab-card h3{font-size:14px;font-weight:740}.vocab-card .tag{font-size:9px;color:#858f88;padding:2px 5px;background:#f3f6f3;border-radius:4px}.vocab-card p{font-size:11px;color:var(--muted)}.vocab-card .example{font-size:11px;color:#17394a;font-style:italic;margin-top:4px}.vocab-card details{width:100%;margin-top:auto;padding-top:4px;font-size:11px}.vocab-card summary{cursor:pointer;font-size:10px;font-weight:650;color:var(--green);min-height:30px;display:flex;align-items:center;justify-content:space-between}.vocab-card details p{padding-top:8px}.vocab-bottom{display:flex;justify-content:space-between;width:100%;margin-top:5px}.vocab-bottom .text-button{font-size:10px}.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.pattern-note{border:1px solid var(--line);border-radius:12px;padding:18px}.pattern-note h3{font-size:14px;margin-bottom:8px}.pattern-note p{font-size:12px;color:var(--muted);line-height:1.8}.pattern-note code{font:inherit;color:#17394a;background:#f7f3ed;padding:2px 4px;border-radius:3px}.bottom-note{font-size:11px;color:var(--muted);padding:18px 0 12px}.footer{border-top:1px solid var(--line);padding:23px 0 30px;color:var(--muted);font-size:11px}.footer .container{display:flex;justify-content:space-between;gap:15px}.footer a{color:var(--green)}dialog{border:1px solid var(--line);border-radius:21px;box-shadow:0 20px 90px #15213b40;padding:0;width:min(580px,calc(100vw - 32px));max-height:90dvh;color:var(--ink);background:#fff;overscroll-behavior:contain}dialog::backdrop{background:#15213b66;backdrop-filter:blur(3px)}dialog.wide{width:min(830px,calc(100vw - 32px))}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid var(--line);gap:12px;position:sticky;top:0;background:#fff;z-index:4}.modal-top h2{font-size:19px;font-weight:750;letter-spacing:-.5px}.modal-top p{font-size:11px;color:var(--muted);margin-top:3px}.close-button{border:1px solid var(--line);border-radius:9px;background:#fff;width:34px;height:34px;display:grid;place-items:center;color:var(--muted);flex:none}.modal-body{padding:22px 23px}.modal-bottom{padding:15px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;position:sticky;bottom:0;z-index:3}.modal-bottom .sub{font-size:10px}.setting-group{margin-bottom:23px}.setting-group h3{font-size:13px;margin-bottom:6px}.setting-group p{font-size:11px;color:var(--muted);margin-bottom:9px}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:11px;min-height:38px}.segmented button[aria-pressed=true]{background:var(--mint);color:var(--green-dark);border-color:#a7b4ba;font-weight:750}.settings-help{font-size:11px;color:var(--muted);margin-top:8px}.dictionary-dialog{width:min(385px,calc(100vw - 28px))}.dictionary-dialog .modal-body{padding:19px}.dict-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.dict-heading h3{font-size:21px;letter-spacing:-.5px}.dictionary-dialog .meaning{font-size:14px;margin:10px 0}.dict-type{display:flex;gap:6px;margin:8px 0;color:var(--muted);font-size:10px}.dictionary-dialog blockquote{border-left:2px solid #D8CCBC;margin:12px 0;padding:3px 0 3px 10px;font-size:12px;color:#617369}.dict-situation{font-size:11px;color:var(--muted);margin:10px 0}.dict-situation strong{display:block;color:var(--ink);margin-bottom:2px}.dictionary-popover{position:fixed;z-index:80;width:295px;max-width:calc(100vw - 24px);border:1px solid #D8CCBC;border-radius:14px;background:#fff;box-shadow:0 9px 38px #15213b29;padding:17px}.dictionary-popover h3{font-size:17px}.dictionary-popover p{font-size:12px;margin-top:7px}.dictionary-popover .muted{font-size:10px;color:var(--muted)}.popover-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.popover-top button{border:0;background:transparent;color:var(--muted);width:29px;height:29px;display:grid;place-items:center}.popover-actions{display:flex;justify-content:space-between;margin-top:9px;border-top:1px solid var(--line);padding-top:6px}.popover-actions .text-button{font-size:10px}.fb-context{padding:13px 23px;background:#f8faf8;border-bottom:1px solid var(--line);font-size:12px}.fb-context strong{color:var(--green-dark)}.example-label{display:inline-flex;gap:5px;align-items:center;color:#945d18;background:#fff7e6;border:1px solid #e9d8b6;border-radius:6px;font-size:9px;font-weight:700;padding:3px 7px;vertical-align:middle;margin-left:8px}.fb-tabs{display:flex;gap:20px;overflow:auto;padding:0 23px;border-bottom:1px solid var(--line);scrollbar-width:thin}.fb-tabs .tab-button{font-size:11px;padding:12px 0}.fb-body{padding:20px 23px 23px}.focus-card{border:1px solid var(--mint-line);background:var(--mint);border-radius:13px;padding:17px 18px}.focus-card .eyebrow{color:var(--green);font-size:9px}.focus-card h3{font-size:20px;letter-spacing:-.4px;margin:6px 0}.focus-card p{font-size:12px;color:#17394a}.focus-phrase{margin:16px 0 7px;font-size:21px;font-weight:550;letter-spacing:.1px}.focus-phrase b{color:var(--green);font-size:25px;border-bottom:3px solid #A7B4BA}.positive-note{font-size:11px;color:#5a6579;display:flex;align-items:center;gap:6px;margin-top:14px}.positive-note .i{width:14px;height:14px;color:var(--green)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.feature-button{text-align:left;border:1px solid var(--line);border-radius:11px;padding:12px 10px;background:#fff}.feature-button strong{display:block;font-size:11px;margin:5px 0}.feature-button small{font-size:9px;color:#718174}.feature-button .feature-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f1f5f2;color:var(--green)}.feature-button .feature-icon .i{width:15px;height:15px}.feature-button.focus{border-color:#d8ccbc;background:#fbfdfa}.feature-button small.focus{color:#9a6823}.chart-card{border:1px solid var(--line);border-radius:13px;padding:16px;margin-top:15px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.chart-head h4{font-size:12px}.legend{display:flex;gap:12px;color:var(--muted);font-size:9px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:4px}.line-swatch{height:0;width:17px;border-top:2px solid var(--green)}.line-swatch.attempt{border-top:2px dashed #be873a}.pitch-chart{width:100%;height:144px;display:block}.chart-caption{font-size:10px;color:var(--muted);margin-top:4px}.detail-title{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin-bottom:7px}.detail-intro{font-size:12px;color:var(--muted)}.comparison-block{padding:16px 0;display:grid;gap:15px}.comparison-label{font-size:10px;color:var(--muted);margin-bottom:6px}.stress-words{display:flex;gap:7px;align-items:flex-end;flex-wrap:wrap;font-size:14px}.stress-word{padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#5a6579}.stress-word.strong{background:var(--mint);border-color:#a7b4ba;font-size:20px;font-weight:800;color:var(--green-dark)}.stress-word.medium{font-size:16px;background:#f8f7ef}.stress-word.weak{font-size:12px;color:#839386}.link-words{font-size:24px;letter-spacing:-.5px;color:var(--green-dark);padding:17px 0 5px}.link-words .join{font-size:28px;color:var(--green)}.detail-coach{border-left:3px solid var(--green);padding:10px 14px;background:#f3f8f4;border-radius:0 10px 10px 0;font-size:12px;color:#17394a;margin:13px 0}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.detail-actions .btn{font-size:11px}.range-row{display:flex;align-items:center;gap:14px;margin:14px 0;font-size:11px}.range-row strong{min-width:88px;font-size:10px;color:var(--muted)}.range-track{height:10px;background:#f0f4f1;border-radius:100px;flex:1;position:relative}.range-track i{position:absolute;top:0;height:10px;border-radius:100px;background:#a7b4ba}.range-track i.attempt{background:#cfa665}.feature-unavailable{padding:25px;border:1px dashed var(--line);border-radius:12px;background:#fcfdfb;font-size:12px;color:var(--muted);text-align:center}.saved-item{border:1px solid var(--line);border-radius:11px;padding:14px;margin-bottom:10px}.saved-item h3{font-size:15px}.saved-item p{font-size:11px;color:var(--muted);margin:5px 0}.session-list-modal{display:grid;gap:8px}.session-list-modal button{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff;gap:12px}.session-list-modal button.active{border-color:#a7b4ba;background:var(--mint)}.session-list-modal strong{display:block;font-size:13px}.session-list-modal small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px);border-radius:10px;padding:11px 17px;max-width:calc(100vw - 24px);z-index:150;background:#15213b;color:#fff;box-shadow:0 7px 24px #15213b30;font-size:12px;opacity:0;transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@media(min-width:1400px){.container{width:min(1280px,calc(100% - 80px))}.workspace{grid-template-columns:520px minmax(0,1fr)}}@media(max-width:1080px){.container{width:calc(100% - 36px)}.workspace{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:17px}.practice-head,.practice-body,.exercise-card{padding-left:17px;padding-right:17px}.mode-choice{padding:10px 8px;gap:6px}.mode-choice strong{font-size:11px}.mode-choice small{font-size:9px}.cycle-step{font-size:9px;padding:6px 4px}.progress-box small{font-size:9px}.line-text{font-size:13px}.nav{gap:18px;margin-left:12px}.card-pad{padding:19px}.record-head h2{font-size:16px}}@media(max-width:780px){.container{width:calc(100% - 28px)}.site-header{height:59px}.nav{display:none}.brand{font-size:19px}.saved-button{padding:8px 10px;min-height:37px}.breadcrumb{margin-top:17px;font-size:10px}.breadcrumb .last{display:none}h1{font-size:24px;letter-spacing:-.7px;line-height:1.3}.lesson-meta{margin:11px 0 18px;font-size:10px;gap:8px}.workspace{display:flex;flex-direction:column;gap:15px}.left-column,.right-column{display:contents}.media-card{order:1;width:100%}.lesson-card{order:2;width:100%}.record-card{order:3;width:100%}.exercise-card{order:4;width:100%}.helper-card{order:5;width:100%}.video-details>summary{padding:12px 15px;font-size:11px}.audio-source{margin:0 14px 13px;padding:9px 11px}.video-details:not([open])+.audio-source{display:none}.video-footer{padding:10px 15px}.practice-head{padding:15px 16px 11px}.practice-head h2{font-size:16px}.practice-body{padding:14px 15px 16px}.mode-choice strong{font-size:11px}.mode-choice small{font-size:9px}.mode-legend{font-size:10px}.cycle-row{margin-top:13px;gap:8px}.cycle-step{font-size:10px;padding:6px 4px;gap:4px}.cycle-step .i{width:13px;height:13px}.line-text{font-size:14px}.sentence-list{max-height:207px}.sentence-row{padding:11px 10px;gap:8px}.status-bar{margin-top:9px}.list-tools,.list-tools .text-button{font-size:9px}.record-head h2{font-size:17px}.record-head p,.record-main .btn{font-size:12px}.record-options{font-size:11px}.reference{padding:18px 16px;margin-top:18px}.reference-head h2{font-size:18px}.reference-head .pill{display:none}.reference-tabs{gap:15px}.reference-tabs .tab-button{font-size:11px}.vocab-grid{grid-template-columns:1fr 1fr;gap:9px}.vocab-card{padding:12px}.vocab-card h3{font-size:13px}.vocab-card p,.reference-head .sub{font-size:11px}.filter-input{max-width:57%;padding:7px}.pattern-grid{grid-template-columns:1fr}.footer .container{flex-wrap:wrap}.modal-top,.modal-body,.fb-body,.modal-bottom{padding-left:18px;padding-right:18px}.features-grid{grid-template-columns:1fr 1fr}.fb-tabs{gap:16px;padding:0 18px}.fb-tabs .tab-button{font-size:10px}.focus-card h3{font-size:18px}.chart-head{align-items:flex-start;flex-direction:column;gap:6px}.modal-bottom .sub{max-width:160px;font-size:9px}.modal-bottom .btn{font-size:11px;padding:9px 11px}.fb-context{padding:12px 18px}.modal-top h2{font-size:17px}.example-label{font-size:8px;margin-left:0}.detail-title{font-size:20px}.video-placeholder h3{font-size:24px}}@media(max-width:370px){.container{width:calc(100% - 20px)}h1{font-size:22px}.practice-body,.practice-head{padding-left:12px;padding-right:12px}.mode-choice{padding:9px 7px}.mode-choice small{font-size:8px}.cycle-step{font-size:9px;gap:3px}.cycle-step .i{width:11px;height:11px}.pips{gap:3px}.pips span{width:9px}.pips span.current{width:15px}.vocab-grid{grid-template-columns:1fr}.play-controls{grid-template-columns:35px 1fr 35px 35px;gap:5px}.btn.icon{width:35px}.line-text{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.routine-card .practice-body{padding-bottom:18px}.routine-card .cycle-row{margin-bottom:0}.session-card .practice-head{border-bottom:0}.transport-inner{padding:13px 18px 16px}.transport-inner .list-tools{padding-top:0}.transport-inner .play-controls{margin-top:5px}.transport-inner .settings-row{padding-top:10px;margin-top:12px}.workspace .left-column,.workspace .right-column{gap:20px}.workspace .lesson-card .practice-body{display:flex;flex-direction:column}.workspace .lesson-card .status-bar{margin-top:0}.workspace .lesson-card .sentence-list{min-height:340px;max-height:470px;overflow-y:auto}.workspace .lesson-card .settings-row{margin-top:10px}#exercises{margin-top:26px}@media(min-width:781px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:780px){.media-card{order:1}.routine-card{order:2;width:100%}.session-card{order:3;width:100%}.lesson-card{order:5;width:100%}.transport-card{order:4;width:100%}.record-card{order:6;width:100%}.helper-card{order:7;width:100%}.workspace .lesson-card .sentence-list{min-height:0;max-height:290px}.routine-card .practice-body{padding:14px 15px 16px}.transport-inner{padding:12px 15px 15px}#exercises{margin-top:18px}}.more-videos{margin-top:26px;padding:23px;margin-bottom:25px}.more-videos h2{font-size:19px;letter-spacing:-.4px}.more-videos .reference-head{margin-bottom:10px}.video-level-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}.video-level-tabs .tab-button{font-size:12px}.more-video-panel{padding-top:18px}.more-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-video{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.related-poster{aspect-ratio:16/9;background:linear-gradient(130deg,#15213b,#17394a);padding:19px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#fff;position:relative}.related-poster .eyebrow{color:#d8ccbc;font-size:9px;letter-spacing:1.4px}.related-poster strong{font-size:20px;font-weight:720;line-height:1.24;letter-spacing:-.45px;max-width:85%;margin:12px 0}.related-poster .related-play{position:absolute;right:17px;bottom:17px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center}.related-play svg{width:14px;height:14px;margin-left:2px;fill:currentColor}.related-video-body{padding:14px 16px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;flex:1}.related-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);width:100%;justify-content:space-between}.related-video h3{font-size:14px;line-height:1.45;font-weight:720;letter-spacing:-.2px}.related-video .text-button{margin-top:3px;font-size:11px}.more-video-footer{display:flex;justify-content:flex-end;margin-top:15px}@media(max-width:1000px){.related-poster strong{font-size:18px}}@media(max-width:780px){.more-videos{padding:18px 16px;margin-top:18px}.more-videos h2{font-size:18px}.more-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-poster{padding:15px}.related-poster strong{font-size:17px;max-width:95%}.related-poster .related-play{width:27px;height:27px;right:12px;bottom:12px}.related-video-body{padding:12px}.video-level-tabs{gap:20px}}@media(max-width:480px){.more-video-grid{grid-template-columns:1fr}.related-poster strong{font-size:22px;max-width:80%}.related-poster{padding:21px}.related-poster .related-play{width:35px;height:35px;right:18px;bottom:18px}}.group-card{overflow:hidden;display:grid;gap:0}.left-column,.right-column{gap:0}.group-card>.merged-section{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible}.group-card>.merged-section+.merged-section{border-top:1px solid var(--line)!important}.left-group-card .media-card,.left-group-card .transport-card,.left-group-card .record-card{background:#fff!important}.left-group-card .helper-card{background:#f0f6f2!important;border:0!important;border-radius:0!important}.right-group-card .routine-card,.right-group-card .session-card,.right-group-card .lesson-card{background:#fff!important}.right-group-card .practice-head,.right-group-card .practice-body{padding-left:22px;padding-right:22px}.left-group-card .card-pad{padding:23px}@media(max-width:780px){.workspace{display:flex;flex-direction:column;gap:15px}.left-column,.right-column{display:block}.group-card{width:100%}.left-group-card .media-card,.left-group-card .transport-card,.left-group-card .record-card,.left-group-card .helper-card,.right-group-card .routine-card,.right-group-card .session-card,.right-group-card .lesson-card{order:initial;width:auto}}:root{--green:#17394A;--green-dark:#15213B;--mint:#F7F3ED;--mint-line:#EDE8E1;--line:#EDE8E1;--bg:#f7faf8;--blue:#17394A;--orange:#17394A}.group-card>.merged-section+.merged-section{border-top:1px solid #edf3ef!important}.right-group-card .practice-head{border-bottom-color:#edf3ef!important}.settings-row,.exercise-tabs,.reference-tabs,.modal-top,.modal-bottom{border-color:#edf3ef!important}.cycle{background:#f1f7f3}.cycle-step.listen .i,.cycle-step.repeat .i,.cycle-step.shadow .i{color:var(--green)}.status-bar[data-phase=listening] .state-dot,.status-bar[data-phase=echo] .state-dot,.status-bar[data-phase=shadow] .state-dot{background:var(--green)}.capabilities span,.pill{background:#f2f8f4;color:#5a6579;border-color:#ede8e1}.helper-card{background:#f1f8f4!important}.help-links button{border-color:#ede8e1;background:#fff;color:#17394a}.mode-choice:has(input:checked){background:var(--mint);border-color:#d8ccbc}.sentence-row.active{background:#f1f8f4}.line-jump{background:#f1f6f3}.btn.soft{background:var(--mint);border-color:var(--mint-line);color:var(--green-dark)}.inline-notice{background:#f5faf7;border-color:#ede8e1;color:#17394a}.complete-banner{border-color:#d8ccbc;background:#f7f3ed}.exercise-tabs,.reference-tabs{border-bottom-color:#edf3ef}.exercise-panel textarea{border-color:#ede8e1}.sentence-frame{background:#f4f8f5}.vocab-card,.pattern-note,.sentence-list{border-color:#ede8e1}.recording-playback{border-color:#ede8e1;background:#fbfdfc}.rec-status.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #17394A}.skip,.site-header{background:#fffdfa}.count-badge{background:#f6f1ea}.lesson-meta .dot{background:#beb9b3}.card,.btn{background:#fffdfa}.btn.primary{box-shadow:0 3px 8px #17394a12}.pill{background:#fcf9f4}.video-placeholder{background:linear-gradient(130deg,#17394a,#17394a)}.video-placeholder .eyebrow{color:#d2cdc7}.video-play{background:#fffdfa}.audio-source{background:#fbf7f1}.capabilities span{background:#faf6f0;color:#746d69}.recording-playback{background:#fefbf8}.take-top select{background:#fffdfa}.helper-card{background:#f9f4ed;border:1px solid #E9E4DE}.help-links button{border:1px solid #E9E3DD;background:#fffdfa;color:#665f5b}.sessions{scrollbar-color:#CFC9C3 transparent}.session-tab{background:#fffdfa}.mode-choice:has(input:checked){border-color:#a7b4ba;box-shadow:inset 0 0 0 1px #17394a1a}.cycle{background:#f9f4ed}.cycle-step{color:#87817c}.cycle-step.active{background:#fffdfa;box-shadow:0 1px 3px #17394a09}.cycle .arrow{color:#b1aba6}.pips span{background:#eee9e3}.pips span.complete{background:#17394a}.state-left .state-dot{background:#a6a09b}.sentence-list{scrollbar-color:#D0CAC4 transparent}.sentence-row{border-bottom:1px solid #F2EDE6}.sentence-row.active{background:#faf5ef}.line-jump{background:#f6f1ea}.sentence-row.active .line-text{color:#211917}.line-detail{color:#96908b}.dict-term{border-bottom:1px dotted #ADA7A2}.dict-term.idiom:after{background:#fffdfa}.save-line{color:#99928d}.complete-banner{border:1px solid #A7B4BA}.complete-banner p{color:#6c6561}.sentence-frame{background:#fbf7f1;color:#615a56}.exercise-panel textarea{border:1px solid #E5E0D9;background:#fffdfa}.answer{background:#faf5ef}.quiz-options button{background:#fffdfa}.quiz-options button.correct{border-color:#a7b4ba}.ref-filter select{background:#fffdfa}.vocab-card .tag{color:#928b87;background:#f9f5ee}.vocab-card .example{color:#625b58}.pattern-note code{color:#211917;background:#f7f2eb}dialog{box-shadow:0 20px 90px #17394a40;background:#fffdfa}dialog::backdrop{background:#17394a66}.modal-top,.close-button,.modal-bottom,.segmented button{background:#fffdfa}.segmented button[aria-pressed=true]{border-color:#a7b4ba}.dictionary-dialog blockquote{border-left:2px solid #CEC8C2;color:#746e6a}.dictionary-popover{border:1px solid #DFDAD4;background:#fffdfa;box-shadow:0 9px 38px #17394a29}.fb-context{background:#fcf9f5}.focus-card p{color:#625b57}.focus-phrase b{border-bottom:3px solid #A7B4BA}.positive-note{color:#6e6763}.feature-button{background:#fffdfa}.feature-button small{color:#827c77}.feature-button .feature-icon{background:#f8f3ed}.feature-button.focus{border-color:#ddd8d1;background:#fefcf9}.stress-word{color:#6a6360}.stress-word.strong{border-color:#c8c2bc}.stress-word.weak{color:#948e89}.detail-coach{background:#faf6f0;color:#605955}.range-track{background:#f7f2eb}.range-track i{background:#17394a}.feature-unavailable{background:#fffcf9}.session-list-modal button{background:#fffdfa}.session-list-modal button.active{border-color:#a7b4ba}.toast{background:#17394a;box-shadow:0 7px 24px #17394a30}.related-video{background:#fffdfa}.related-poster{background:linear-gradient(130deg,#17394a,#17394a)}.related-poster .eyebrow{color:#dbd6cf}.related-poster .related-play{background:#fffdfa}.left-group-card .media-card,.left-group-card .transport-card,.left-group-card .record-card{background:#fffdfa!important}.left-group-card .helper-card{background:#f9f4ed!important}.right-group-card .routine-card,.right-group-card .session-card,.right-group-card .lesson-card{background:#fffdfa!important}.group-card>.merged-section+.merged-section{border-top:1px solid #F6F1EA!important}.right-group-card .practice-head{border-bottom-color:#f6f1ea!important}.settings-row,.exercise-tabs,.reference-tabs,.modal-top,.modal-bottom{border-color:#f6f1ea!important}.cycle{background:#f9f5ef}.capabilities span,.pill{background:#faf6f0;color:#6f6864;border-color:#f0eae4}.helper-card{background:#faf6f0!important}.help-links button{border-color:#eee8e2;background:#fffdfa;color:#635c59}.mode-choice:has(input:checked){border-color:#a7b4ba}.sentence-row.active{background:#faf6f0}.line-jump{background:#f9f4ee}.inline-notice{background:#fcf8f3;border-color:#ede8e1;color:#68615d}.complete-banner{border-color:#e1dcd5;background:#faf6f0}.exercise-tabs,.reference-tabs{border-bottom-color:#f6f1ea}.exercise-panel textarea{border-color:#eae5de}.sentence-frame{background:#faf6f1}.vocab-card,.pattern-note,.sentence-list{border-color:#ebe6df}.recording-playback{border-color:#ece7e0;background:#fefcf9}:root{--bg:#F8F3EC;--white:#FFFDFA;--ink:#211917;--muted:#5F564F;--subtle:#6A5F58;--line:#E8DED1;--line-strong:#D8CCBC;--shadow:0 6px 22px rgba(33,25,23,.05);--green:#17394A;--green-dark:#0F2A37;--mint:#E6E3DE;--mint-line:#A7B4BA;--nav:#17394A;--nav-hi:#0F2A37;--nav-soft:#EDE8E1;--nav-line:#A7B4BA;--action:#D2461C;--action-hi:#B63A14;--action-soft:#F6E4D9;--action-line:#EDBFAE;--listen:#2C6485;--listen-soft:#ECEFF1;--listen-line:#B7C6CF;--blue:var(--listen);--orange:var(--action);--gold:#F6DC9C;--sans:"Archivo","Segoe UI",Arial,sans-serif;--serif:"Newsreader",Georgia,"Times New Roman",serif}body{font-family:var(--sans)}h1,h2:not(#session-title),.helper-head h3,.complete-banner h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em}h1{font-size:clamp(28px,3.2vw,38px);line-height:1.12}.job>summary h2,#record-title,.helper-head h3,#more-videos-title{font-size:21px}dialog h2{font-size:22px}.complete-banner h3{font-size:19px}.btn{font-size:13.5px}.btn.primary{background:var(--action);border-color:var(--action);color:#fff;font-size:15px;box-shadow:0 6px 16px -7px #d2461c80}.btn.primary:hover{background:var(--action-hi);border-color:var(--action-hi)}button,input,textarea,select{accent-color:var(--nav)}.text-button{color:var(--nav);font-size:12.5px}.video-play,.related-poster .related-play,.feature-button .feature-icon{color:var(--nav)}.tab-button{font-size:13px}.tab-button[aria-selected=true]{border-bottom-color:var(--nav);color:var(--ink)}.sentence-row.active .line-jump{background:var(--nav);color:#fff}.session-tab[aria-selected=true],.mode-choice:has(input:checked),.segmented button[aria-pressed=true],.session-list-modal button.active,.btn.soft{background:var(--nav-soft);border-color:var(--nav-line);color:var(--nav)}.session-tab[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--nav-line);font-weight:700}.rec-icon{background:var(--nav-soft);color:var(--nav)}.pips span{background:var(--line)}.pips span.complete,.pips span.current{background:var(--nav)}.complete-banner{background:var(--nav-soft);border-color:var(--nav-line)}.quiz-options button.correct{background:var(--nav-soft);border-color:var(--nav);color:var(--nav)}.positive-note .i{color:var(--nav)}.line-detail{font-size:11px;color:var(--muted)}.line-detail>span{color:var(--nav);font-weight:600}.status-bar{font-size:12.5px}.status-bar[data-phase=listening] .state-dot{background:var(--listen)}.status-bar[data-phase=echo] .state-dot,.status-bar[data-phase=shadow] .state-dot{background:var(--action)}.status-bar[data-phase=complete] .state-dot{background:var(--nav)}.sentence-row.active{background:var(--nav-soft);box-shadow:inset 4px 0 0 var(--nav)}#practice-card:has(.status-bar[data-phase=listening]) .sentence-row.active{background:var(--listen-soft);box-shadow:inset 4px 0 0 var(--listen)}#practice-card:has(.status-bar[data-phase=echo]) .sentence-row.active,#practice-card:has(.status-bar[data-phase=shadow]) .sentence-row.active{background:var(--action-soft);box-shadow:inset 4px 0 0 var(--action)}.group-card{transition:box-shadow .25s ease}.group-card:has(#practice-card .status-bar[data-phase=listening]){box-shadow:0 0 0 2px var(--listen-line),0 14px 34px -18px #2c648566}.group-card:has(#practice-card .status-bar[data-phase=echo]),.group-card:has(#practice-card .status-bar[data-phase=shadow]){box-shadow:0 0 0 2px var(--action-line),0 14px 34px -18px #d2461c80}.group-card:has(#practice-card .status-bar[data-phase=complete]){box-shadow:0 0 0 2px var(--nav-line)}.dict-term.idiom{background:var(--gold);color:#4a3a12}.level{background:#dde9ec;border-color:#c3d7dc;color:#2f5d6b}.video-shell{background:#17394a}.video-placeholder,.related-poster{background:linear-gradient(130deg,#0f2a37,#21506a)}.toast{background:#17394a}dialog::backdrop{background:#0f2a3773}.video-details>summary{align-items:center}.video-time{margin-left:auto;margin-right:10px;display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--sans);font-variant-numeric:tabular-nums;color:var(--nav);background:var(--nav-soft);border:1px solid var(--line);border-radius:999px;padding:5px 10px;white-space:nowrap}.video-time .i{width:14px;height:14px}.video-time.is-none{color:var(--muted)}.mode-legend{font-size:13px;font-weight:700;color:var(--ink)}.mode-choice{padding:12px;gap:10px;align-items:flex-start}.mode-choice strong{font-size:13.5px}.mode-choice small{font-size:11.5px;line-height:1.35;color:var(--muted)}.mode-preview-icons{display:inline-flex;align-items:center;gap:9px;margin-top:7px;color:var(--nav)}.mode-preview-icons .i{width:15px;height:15px}.cycle-row{flex-wrap:wrap;margin-top:14px!important}.cycle{flex:1 1 100%;position:relative;background:var(--nav-soft)!important;border:1px solid var(--nav-line);border-radius:11px;padding:5px}.cycle:before{content:"";position:absolute;top:-7px;left:calc(25% - 6px);width:12px;height:12px;background:var(--nav-soft);border-left:1px solid var(--nav-line);border-top:1px solid var(--nav-line);transform:rotate(45deg);transition:left .25s ease}.routine-card:has(input[value=echo-shadow]:checked) .cycle:before{left:calc(75% - 6px)}.cycle-step{font-size:12.5px!important;padding:8px 6px!important;gap:6px!important;color:var(--muted)}.cycle-step .i{color:var(--nav)}.cycle-step.active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #2119171a}.cycle-step.listen.active .i{color:var(--listen)}.cycle-step.repeat.active .i,.cycle-step.shadow.active .i{color:var(--action)}.cycle .arrow{color:var(--subtle)}.progress-box{margin-left:auto;margin-top:8px}.progress-box small{font-size:12px}@media(prefers-reduced-motion:reduce){.cycle:before,.group-card{transition:none}}.sentence-list{max-height:min(64vh,580px)}.sentence-row .line-text{font-size:15.5px;line-height:1.6;letter-spacing:-.1px}.sentence-row.active .line-text{font-size:21px;line-height:1.5;letter-spacing:-.2px;color:var(--ink)}.sentence-row.active .line-jump{margin-top:4px}@media(max-width:780px){.sentence-row .line-text{font-size:15px}.sentence-row.active .line-text{font-size:19px}}.left-column,.right-column,.group-card>*,.practice-head{min-width:0}.left-group-card .session-card .practice-head{padding:16px 22px;border-bottom:0}.session-card .section-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.session-card #session-title{font:800 11px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}.session-rail{display:flex;align-items:center;gap:6px;min-width:0}.session-rail .sessions{flex:1;min-width:0}.session-tab{font-size:13px;min-height:40px;padding:8px 12px;color:var(--muted)}.session-tab small{margin-left:6px}.session-summary{font-size:12.5px}.rail-arrow{flex:none;width:30px;height:40px;border-radius:9px;border:1px solid var(--line);background:var(--white);display:grid;place-items:center;color:var(--muted);cursor:pointer}.rail-arrow:hover:not(:disabled){color:var(--nav);border-color:var(--nav-line)}.rail-arrow:disabled{opacity:.35;cursor:default}.rail-arrow[hidden]{display:none}.record-slot-mobile #record-card{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:18px;box-shadow:var(--shadow)}@media(max-width:780px){.right-group-card .lesson-card{order:-1;border-top:0!important}.right-group-card .routine-card{border-top:1px solid var(--line)!important}}.transport-card .list-tools,#practice-card .settings-row{display:none}.settings-row,#settings-summary,.list-tools{font-size:12px}.jobs{display:grid;gap:12px;margin-top:18px}.jobs .job-card{padding:0!important;margin:0!important;background:var(--white)!important;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.job>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 22px}.job>summary::-webkit-details-marker{display:none}.job>summary:hover{background:#fbf8f3}.job>summary:focus-visible{outline:3px solid var(--nav);outline-offset:-3px}.job>summary>:first-child{flex:1;min-width:0;margin:0!important}.job>summary h2,.job>summary h3{margin:0}.job-chev{width:18px;height:18px;flex:none;color:var(--muted);transition:transform .2s ease}.job[open]>summary .job-chev{transform:rotate(180deg)}.job[open]>summary{border-bottom:1px solid var(--line)}.job-body{padding:18px 22px 22px}.helper-head p{margin:3px 0 0;color:var(--muted);font-size:12.5px}@media(max-width:780px){.job>summary{padding:16px}.job-body{padding:16px}}@media(prefers-reduced-motion:reduce){.job-chev{transition:none}}.help-links button{font-size:12.5px}.quiz-options button{font-size:13px}.filter-input input,.ref-filter select{font-size:12.5px}.pill{font-size:11.5px}.vocab-top .tag{font-size:11px;color:var(--muted)}.cycle>.cycle-step:not(.active){color:var(--muted)}nav.breadcrumb a,nav.breadcrumb span,.lesson-meta span{font-size:12px}.text-button.muted span,.text-button.muted{font-size:12px}.rec-context small{font-size:11.5px}.video-placeholder .eyebrow,.related-poster .eyebrow{font-size:11px!important;letter-spacing:.08em}.related-meta span{font-size:11.5px}#practice-card .progress-box{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}#practice-card .progress-box small{flex:none;font-size:11px;font-weight:650;color:var(--muted);white-space:nowrap}#practice-card .pips{flex:1;min-width:48px;gap:5px}#practice-card .pips span,#practice-card .pips span.current{flex:1;width:auto;height:5px}:root{--ink:#15213B;--ink-2:#34425B;--muted:#5A6579;--subtle:#5A6579;--link:#0058BE;--idiom-ink:#0F6E7E;--idiom-line:#B8D7DC;--success:#146B4B;--success-soft:#E6F2EB;--success-line:#B4D9C7}p.example,.pill,.help-links button,.sentence-frame,.arrow,.complete-banner p{color:var(--muted)!important}.breadcrumb a,.breadcrumb span,.lesson-meta span,.session-tab,#session-title,.cycle-step,.settings-row button,.list-tools button,.text-button.muted,.nav a,.line-jump{color:var(--ink-2)}.session-tab[aria-selected=true],.nav a.selected,.cycle-step.active{color:var(--nav)}#session-title{color:var(--ink-2)!important}.text-button:not(.muted),#all-sessions,.popover-actions .text-button,.vocab-bottom .text-button:not(.muted){color:var(--link)}.pips span.complete{background:var(--success)}.line-detail>span{color:var(--success)}.line-detail:empty{display:none}.status-bar[data-phase=idle] .state-dot{display:none}#practice-card .progress-box.status-strip{display:block!important;padding:0!important;margin:0 0 14px!important;border:0!important;background:none!important;border-radius:0!important}.strip-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:22px}.strip-top .status-bar{flex:1;min-width:0;min-height:0!important;margin:0!important;padding:0!important;border:0!important}.strip-top .state-left{display:flex;align-items:center;gap:8px;min-width:0}#phase-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:650;color:var(--ink)}.strip-top #line-count{flex:none;font-size:11.5px!important;color:var(--ink-2)!important}.strip-bottom{display:flex;align-items:center;gap:12px;margin-top:8px;height:22px}.strip-bottom .pips{flex:1;display:flex;gap:5px}#practice-card .pips span,#practice-card .pips span.current{flex:1;height:5px!important;border-radius:3px;background:#e8ded1}#practice-card .pips span.complete{background:#91b9a8}#practice-card .pips span.current,#practice-card .pips span.complete.current{background:var(--nav)}.strip-bottom .state-right{flex:none;display:flex;align-items:center;gap:8px}.strip-bottom .state-right button{font-size:12px;font-weight:680;min-height:22px}#all-sessions,.session-summary span:last-child{white-space:nowrap}.complete-banner{background:var(--success-soft);border-color:var(--success-line)}.status-bar[data-phase=complete] .state-dot{background:var(--success)}.group-card:has(#practice-card .status-bar[data-phase=complete]){box-shadow:0 0 0 2px var(--success-line)}.dict-term.idiom{color:var(--idiom-ink)!important;font-weight:650;background:none!important;padding:0 1px!important;border-radius:0}.dict-term.idiom:after{color:var(--idiom-ink)!important;border-color:var(--idiom-line)!important}.vocab-card h3{color:var(--idiom-ink)}#practice-card .sentence-row.active{box-shadow:none!important}#practice-card .sentence-row.active .line-text{font-size:19px;font-weight:500;letter-spacing:-.1px}@media(max-width:780px){#practice-card .sentence-row.active .line-text{font-size:17px}}#practice-card .sentence-row.active .line-jump{background:var(--white)!important;color:var(--nav)!important;box-shadow:inset 0 0 0 1px var(--nav-line)}#practice-card .sentence-row.active .line-jump:hover{background:var(--nav-soft)!important}#video-details>summary{display:none!important}@media(max-width:780px){.workspace>.left-column,.workspace>.right-column{width:100%;align-self:stretch}.right-group-card .session-slot-mobile{order:-1}.session-slot-mobile .session-card{border-top:1px solid var(--line)!important}}.session-bar{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:-4px 0 16px}.session-bar .video-time{margin:0;flex:none}.session-intro{margin:0;font-size:16px;line-height:1.5;color:var(--ink)}.session-intro strong{color:var(--nav);font-weight:750}@media(max-width:780px){.session-bar{justify-content:space-between;gap:12px;margin:-6px 0 14px}.session-intro{font-size:15px}.session-bar .video-time{padding:4px 8px;font-size:12px}.session-bar #all-sessions .i{width:18px;height:18px}}.session-tablist{display:flex;gap:7px;flex:none}.all-sessions-tab{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--link);font:680 13px/1.2 var(--sans);white-space:nowrap;cursor:pointer}.all-sessions-tab:hover{border-color:var(--nav-line);background:var(--nav-soft)}.all-sessions-tab .i{width:16px;height:16px}.sec-title{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center}.sec-title>.sec-icon{grid-row:auto;width:40px;height:40px;border-radius:11px;background:var(--nav-soft);color:var(--nav);display:grid;place-items:center}.sec-title>.sec-icon .i{width:20px;height:20px}.sec-title>:not(.sec-icon){grid-column:2}.sec-title:has(>:nth-child(3))>.sec-icon{grid-row:1 / span 2}@media(max-width:780px){.sec-title{grid-template-columns:34px minmax(0,1fr);column-gap:12px}.sec-title>.sec-icon{width:34px;height:34px}.sec-title>.sec-icon .i{width:18px;height:18px}}.mode-choice{align-items:center}.level-dialog{width:min(640px,calc(100vw - 32px))}.level-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.level-options button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--ink-2);text-align:left;cursor:pointer}.level-options button strong{font-size:14px;font-weight:740}.level-options button small{font-size:11.5px;color:var(--muted)}.level-options .lc:before{content:" · "}.level-options button[aria-selected=true]{background:var(--nav-soft);border-color:var(--nav-line);box-shadow:inset 0 0 0 1px var(--nav-line);color:var(--nav)}.level-lessons{display:grid;gap:8px}.level-lesson{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:inherit;text-decoration:none}.level-lesson img{display:block;width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#0f2a37}.level-lesson strong{display:block;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--ink)}.level-lesson small{font-size:11.5px;color:var(--muted)}.level-lesson .ll-go{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:680;color:var(--link);white-space:nowrap}.level-lesson .ll-here{font-size:11.5px;font-weight:700;color:var(--nav);white-space:nowrap}.level-lesson.is-current{background:var(--nav-soft);border-color:var(--nav-line)}a.level-lesson:hover{border-color:var(--nav-line)}a.level-lesson:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.more-video-empty{padding:6px 0 4px}@media(max-width:560px){.level-options{gap:6px}.level-options button{min-height:48px;padding:9px 10px}.level-options button strong{font-size:13px}.level-options .lc{display:block}.level-options .lc:before{content:none}.level-lesson{grid-template-columns:88px minmax(0,1fr)}.level-lesson img{width:88px}.level-lesson .ll-go,.level-lesson .ll-here{grid-column:2}}@media(max-width:380px){.level-options button{padding:9px 7px}.level-options button strong{font-size:12.5px}}.record-head{justify-content:center;text-align:center;margin-bottom:14px}.idiom-text{color:var(--idiom-ink);font-weight:650}.session-rail{align-items:center}.sessions{padding:2px 0!important;scrollbar-width:none}.sessions::-webkit-scrollbar{display:none}.rail-arrow{width:36px;height:40px;color:var(--ink-2)}.rail-arrow:disabled{opacity:.4;border-color:transparent;background:transparent}.session-rail:has(.rail-arrow.next:not(:disabled)) .sessions{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.session-rail:has(.rail-arrow.prev:not(:disabled)) .sessions{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}.session-rail:has(.rail-arrow.prev:not(:disabled)):has(.rail-arrow.next:not(:disabled)) .sessions{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.related-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.related-link:focus-visible{outline:3px solid var(--nav);outline-offset:-3px;border-radius:12px}.related-poster.has-thumb{padding:0;background:#0f2a37;overflow:hidden}.related-poster.has-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-poster.has-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f2a3700 55%,#0f2a3780)}.related-poster.has-thumb .related-play{z-index:1}.related-video{transition:border-color .2s ease,box-shadow .2s ease}.related-video:hover{border-color:var(--nav-line);box-shadow:0 10px 26px -16px #15213b59}.related-video:hover .related-poster img{transform:scale(1.03)}.related-cta{display:inline-flex;align-items:center;gap:5px;margin-top:3px;color:var(--link);font-size:12px;font-weight:680}.ff-footer{margin-top:56px;background:#0f2a37;color:#c9d4da}.ff-inner{width:min(1264px,calc(100% - 56px));margin:auto;padding:48px 0 22px}.ff-grid{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:32px}.ff-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:20px;text-decoration:none}.ff-logo .brand-mark{background:#fffdfa;color:#0f2a37}.ff-tag{margin-top:14px;color:#fff;font-family:var(--serif);font-size:19px}.ff-lede{margin-top:6px;font-size:13px;line-height:1.6;color:#afbec6;max-width:30ch}.ff-cta{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#fff;font-size:13px;font-weight:680;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px}.ff-cta:hover{border-color:#fff}.ff-col h2{margin:4px 0 14px;font-family:var(--sans)!important;font-size:11px;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase;color:#fff}.ff-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ff-col a{color:#c9d4da;font-size:13px;line-height:1.4;text-decoration:none}.ff-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.ff-footer a:focus-visible{outline:3px solid #FFFDFA;outline-offset:2px;border-radius:3px}.ff-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#afbec6}.ff-bottom a{color:#c9d4da;text-decoration:none}.ff-bottom a:hover{color:#fff}@media(max-width:1000px){.ff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ff-brand{grid-column:1/-1}}@media(max-width:520px){.ff-inner{width:calc(100% - 32px);padding-top:36px}.ff-grid{gap:26px 18px}}.mode-preview-icons{display:none!important}.session-tab small,.line-jump{font-size:11px}.sentence-list{background:var(--white)}.dictionary-popover .muted{font-size:11px}.vocab-card summary,.vocab-bottom .text-button,.popover-actions .text-button{font-size:11px}#practice-card{position:relative;isolation:isolate;overflow:hidden}#practice-card>.practice-body{position:relative;z-index:1}.phase-orb{position:absolute;z-index:0;top:-150px;right:-140px;width:340px;height:340px;pointer-events:none;transform-origin:50% 50%;transition:transform .12s linear}.phase-orb span{position:absolute;inset:0;border-radius:50%;background:#ede8e1;opacity:.6;transition:background-color .6s ease,opacity .6s ease}.phase-orb[data-phase=listening] span{background:#e1e9ee;opacity:1;animation:orb-breathe 3.2s ease-in-out infinite}.phase-orb[data-phase=echo] span{background:#f8e7de;opacity:1}.phase-orb[data-phase=shadow] span{background:#f8e7de;opacity:1;animation:orb-breathe 3.2s ease-in-out infinite}.phase-orb[data-phase=complete] span{background:var(--success-soft);opacity:1;animation:orb-bloom 1.4s ease-out both}.phase-orb.paused span{animation-play-state:paused}@keyframes orb-breathe{0%,to{transform:scale(.95)}50%{transform:scale(1)}}@keyframes orb-bloom{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}#practice-card #sentence-list .sentence-row.active .line-jump.live{border-color:transparent!important;background:transparent!important;box-shadow:none!important;position:relative}.wave{display:inline-flex;align-items:center;gap:2px;height:16px}.wave i{display:block;width:3px;height:6px;border-radius:2px;background:var(--listen);animation:wave 1.4s ease-in-out infinite}.wave.shadow i{background:var(--action)}.wave i:nth-child(2){animation-delay:.2s}.wave i:nth-child(3){animation-delay:.4s}.wave i:nth-child(4){animation-delay:.6s}@keyframes wave{0%,to{height:6px}50%{height:14px}}.line-jump.paused .wave i{animation-play-state:paused}.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3.5}.ring-track{stroke:#f6e4d9}.ring-arc{stroke:var(--action);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset .12s linear}.ring-num{position:relative;font:700 14px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}#practice-card.visual-timer #phase-time{visibility:hidden}@media(max-width:780px){.phase-orb{width:240px;height:240px;top:-110px;right:-100px}}@media(prefers-reduced-motion:reduce){.phase-orb span,.wave i{animation:none!important}.phase-orb,.ring-arc{transition:none}.wave i{height:10px}}.phase-orb{display:none!important}.cycle-step{--phase-left:0%;background:var(--white)}.cycle-step.listen{--phase-fill:#E1E9EE}.cycle-step.repeat,.cycle-step.shadow{--phase-fill:#F8E7DE}.cycle-step.active.phase-timed{background:linear-gradient(90deg,var(--phase-fill) 0,var(--phase-fill) var(--phase-left),var(--white) var(--phase-left),var(--white) 100%);box-shadow:inset 0 0 0 1px #15213b14}.speed{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.speed b{font-weight:700;color:var(--ink)}.speed-track{position:relative;width:64px;height:5px;border-radius:3px;background:#e8ded1;overflow:hidden}.speed-track span{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--nav)}.speed-chip .i{width:14px;height:14px}.lesson-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:4px 0 6px;font-size:12.5px;color:var(--ink-2)}.ll-text .speed{margin-left:12px;vertical-align:middle}@media(max-width:780px){.session-bar{flex-wrap:wrap;justify-content:flex-start;gap:8px}.session-intro{flex:1 1 100%}.session-bar .speed-chip{padding:4px 8px;font-size:12px}}:root{--lv-elementary:#7F570B;--lv-elementary-soft:#F5EAD2;--lv-intermediate:#3552A3;--lv-intermediate-soft:#E6EAF5;--lv-advanced:#2F5D6B;--lv-advanced-soft:#DDE9EC}.hub .breadcrumb .here{color:var(--ink-2)}.hub h1{margin-bottom:8px}.hub-lede{margin:0 0 20px;font-size:17px;line-height:1.5;color:var(--ink-2);max-width:62ch}.lv-icon{width:18px;height:18px;flex:none}.lv-icon rect.on{fill:currentColor}.lv-icon rect.off{fill:currentColor;opacity:.22}.lv-elementary{--lv:var(--lv-elementary);--lv-soft:var(--lv-elementary-soft)}.lv-intermediate{--lv:var(--lv-intermediate);--lv-soft:var(--lv-intermediate-soft)}.lv-advanced{--lv:var(--lv-advanced);--lv-soft:var(--lv-advanced-soft)}.hub-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:660px;margin:0 0 22px}.hub-level{display:flex;align-items:center;gap:11px;min-height:56px;padding:9px 14px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.hub-level .lv-icon{color:var(--lv)}.hub-level strong{display:block;font:740 14px/1.2 var(--sans)}.hub-level small{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}.hub-level:hover{border-color:var(--nav-line)}.hub-level[aria-checked=true]{background:var(--nav-soft);border-color:var(--nav-line);box-shadow:inset 0 0 0 1px var(--nav-line)}.hub-level[aria-checked=true] strong{color:var(--nav)}.hub-level:focus-visible,.hub a:focus-visible,.hub summary:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.lv-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:999px;background:var(--lv-soft);color:var(--lv);font:700 11.5px/1.2 var(--sans)}.lv-pill .lv-icon{width:14px;height:14px}.hub-poster{padding:0}.hub-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hub-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f2a3700 45%,#0f2a3759)}.hub-poster .video-play{position:relative;z-index:1;box-shadow:0 6px 18px #0f2a374d}.transport-card .play-controls #continue-lesson{flex:1;justify-content:center;text-decoration:none}.transport-card .play-controls #continue-lesson .i{margin-left:2px}.depth-card{margin-top:16px}.depth-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:16px 20px}.depth-label{display:block;font-size:11.5px;font-weight:650;color:var(--muted)}.depth-copy h3{margin:2px 0 6px;font:500 17px/1.3 var(--serif);letter-spacing:-.1px}.depth-copy h3 a{color:var(--ink);text-decoration:none}.depth-copy h3 a:hover{text-decoration:underline}.depth-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--ink-2)}.depth-cta{grid-column:2;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid var(--nav-line);border-radius:10px;background:var(--white);color:var(--nav);font:700 13.5px/1.2 var(--sans);text-decoration:none;white-space:nowrap}.depth-cta:hover{background:var(--nav-soft)}.depth-nudge{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0;font-size:13px;color:var(--ink-2)}.depth-nudge button{border:0;background:none;padding:0;color:var(--link);font:680 13px/1.4 var(--sans);cursor:pointer}.depth-nudge button:hover{text-decoration:underline}.depth-nudge .sep{margin:0 8px;color:var(--muted)}#practice-card .list-tools{display:flex;justify-content:flex-end;margin-top:10px}.hub .lesson-card .sentence-list{min-height:0;max-height:none}.hub-section{margin-top:22px;padding:24px 26px}.hub-section .sec-title{margin-bottom:18px}.hub-section .sec-title h2{margin:0;font:500 24px/1.25 var(--serif);letter-spacing:-.3px;color:var(--ink)}.hub-library .video-level-tabs{margin-bottom:16px}.hub-library .tab-button{display:inline-flex;align-items:center;gap:7px}.hub-library .tab-button .lv-icon{width:16px;height:16px;color:var(--lv)}.hub-library .tab-button small{font-size:11.5px;font-weight:650;color:var(--ink-2)}.hub-library .more-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-take{display:grid;gap:10px;margin-top:12px}.hub-take audio{width:100%;height:40px}.hub-take .depth-cta{justify-self:center}.hub-library .related-meta{justify-content:flex-start;gap:8px;margin-bottom:6px}.start-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--nav-soft);color:var(--nav);font:700 11.5px/1.2 var(--sans)}.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.problem{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.problem h3{margin:0 0 8px;font:500 19px/1.3 var(--serif);color:var(--ink)}.problem p{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--ink-2)}.problem ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.problem a,.hub-guide a{display:inline-flex;align-items:center;gap:5px;color:var(--link);font:650 13.5px/1.4 var(--sans);text-decoration:none}.problem a:hover,.hub-guide a:hover{text-decoration:underline}.problem a .i,.hub-guide a .i{width:13px;height:13px;flex:none}.hub-guide{margin:16px 0 0}.faq-list{border-top:1px solid var(--line)}.faq{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:12px 4px;font:650 15px/1.4 var(--sans);color:var(--ink);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{flex:none;color:var(--muted);transition:transform .2s ease}.faq[open] summary .chev{transform:rotate(180deg)}.faq p{margin:0 0 16px;padding:0 4px;max-width:70ch;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.faq p a{color:var(--link);font-weight:650}@media(max-width:1000px){.hub-library .more-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.hub-lede{font-size:15px;margin-bottom:16px}.hub-levels{gap:6px;margin-bottom:16px}.hub-level{flex-direction:column;align-items:flex-start;min-height:0;padding:8px 10px;gap:4px}.hub-level strong{font-size:13px}.hub-level .lv-icon{width:16px;height:16px}.left-group-card .media-card{order:1}.left-group-card .transport-card{order:2}.right-group-card #practice-card{order:1}.right-group-card .routine-card{order:2;border-top:1px solid var(--line)!important}.right-group-card .record-card{order:3;border-top:1px solid var(--line)!important}.depth-body{grid-template-columns:minmax(0,1fr);padding:14px 16px}.depth-cta{grid-column:1;justify-content:center}.depth-nudge{grid-column:1;grid-row:auto;justify-self:start}.hub-section{padding:18px 16px;margin-top:16px}.hub-section .sec-title h2{font-size:20px}.hub-library .more-video-grid{grid-template-columns:1fr;gap:12px}.hub-library .video-level-tabs{gap:14px}.hub-library .tab-button{font-size:12.5px;gap:5px}.problem-grid{grid-template-columns:1fr}.problem{padding:16px}.problem h3{font-size:17px}}@media(max-width:374px){.hub-level{padding:8px}.hub-level strong{font-size:12.5px}}.brand-logo{display:block;flex:none;width:48px;height:48px;object-fit:contain}.brand{gap:10px}.ff-logo{gap:12px}.ff-logo .brand-logo{width:56px;height:56px}.hub-lede{max-width:80ch;margin-bottom:20px;font-size:16px;line-height:1.55}.hub-lede>strong{display:block;color:var(--nav);font-size:18px;font-weight:650;margin-bottom:2px}.hero-reassurance{display:flex;align-items:center;gap:8px;margin-top:9px;font:550 12.5px/1.4 var(--sans);color:var(--muted)}.hero-reassurance .i{width:15px;height:15px;color:var(--nav)}.right-group-card>.depth-card{margin:0!important;order:4;background:#fcf8f2!important;border-top:1px solid var(--line)!important}.right-group-card .depth-body{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;padding:19px 22px 21px}.right-group-card .depth-label{font-size:11.5px;font-weight:700;color:var(--muted)}.right-group-card .depth-copy h3{font-size:20px;line-height:1.3;margin:4px 0 10px}.right-group-card .depth-facts{gap:8px;font-size:12.5px}.right-group-card .depth-cta{grid-column:1;justify-content:center;width:100%;min-height:43px;font-size:13.5px;border-color:var(--nav-line);background:var(--white)}.right-group-card .depth-cta:hover{background:var(--nav-soft)}.right-group-card .depth-nudge{grid-column:1;grid-row:auto;justify-self:stretch;line-height:1.7}.right-group-card .depth-body{padding:18px 22px}.right-group-card .depth-cta{margin:0}.problems-accordion{padding:0!important;overflow:hidden}.problems-summary{display:flex;align-items:center;gap:20px;padding:24px 26px;list-style:none;cursor:pointer}.problems-summary::-webkit-details-marker{display:none}.problems-summary::marker{content:""}.problems-summary:hover{background:#fcf8f2}.problems-summary .sec-title{flex:1;min-width:0;margin:0}.problems-expand{display:flex;align-items:center;gap:9px;flex:none;color:var(--nav);font:650 12px/1.3 var(--sans);white-space:nowrap}.problems-chevron{width:20px!important;height:20px!important;transition:transform .2s ease}.problems-accordion[open]>.problems-summary{border-bottom:1px solid var(--line)}.problems-accordion[open] .problems-chevron{transform:rotate(180deg)}.problems-accordion[open] .problems-expand>span{font-size:0}.problems-accordion[open] .problems-expand>span:after{content:"Hide fixes";font-size:12px}.problems-body{padding:22px 26px 26px}@media(max-width:780px){.problems-summary{padding:18px 16px;gap:12px}.problems-expand>span{display:none}.problems-body{padding:16px}}@media(prefers-reduced-motion:reduce){.problems-chevron{transition:none}}.hub-topics{margin-top:22px;scroll-margin-top:24px}.topics-summary{display:flex;align-items:center;gap:20px;padding:24px 26px;list-style:none;cursor:pointer}.topics-summary::-webkit-details-marker{display:none}.topics-summary::marker{content:""}.topics-summary:hover{background:#fcf8f2}.topics-summary:focus-visible{outline-offset:-4px!important}.topics-summary .sec-title{flex:1;min-width:0;margin:0}.topics-summary .sec-icon{background:#f3e7d9;color:var(--nav)}.topics-summary h2{margin:0;font:500 24px/1.25 var(--serif);letter-spacing:-.3px;color:var(--ink)}.topics-summary .sec-title p{font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}.topic-peek{display:flex;align-items:center;padding-right:5px;flex:none}.topic-peek>span{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--white);border-radius:50%;background:#f4ece1;font-size:18px;margin-left:-6px}.topic-peek>span:nth-child(2){background:#e8f0f5}.topic-peek>span:nth-child(3){background:#ede8f5}.topic-peek>span:nth-child(4){background:#f8e8e4}.topic-expand{display:flex;gap:12px;align-items:center;flex:none;color:var(--nav)}.topic-expand-label{font-size:12px;font-weight:650;white-space:nowrap}.topic-chevron{width:20px!important;height:20px!important;transition:transform .2s ease}.topics-accordion[open]>.topics-summary{border-bottom:1px solid var(--line)}.topics-accordion[open] .topic-chevron{transform:rotate(180deg)}.topics-body{padding:22px 26px 26px}.topic-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topic-choice{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:88px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--white);text-align:left;transition:border-color .15s,background-color .15s,box-shadow .15s}.topic-choice:hover{border-color:var(--nav-line);background:#fcf8f2}.topic-choice[aria-selected=true]{border-color:var(--nav);background:#f5f2eb;box-shadow:inset 0 0 0 1px var(--nav)}.topic-choice-copy{display:block;min-width:0;padding-right:5px}.topic-choice strong{display:block;font-size:13px;line-height:1.35;font-weight:700;color:var(--ink)}.topic-choice small{display:block;font-size:11.5px;line-height:1.4;color:var(--muted);margin-top:4px}.topic-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1}.tone-peach{background:#f8e5d7}.tone-cream{background:#f3ead9}.tone-sky{background:#e4edf4}.tone-lilac{background:#ebe5f5}.tone-rose{background:#f7e3e4}.tone-gold{background:#f8eecf}.tone-sage{background:#e7ede2}.tone-lavender{background:#efe5f6}.topic-selected-mark{position:absolute;right:8px;top:8px;width:12px!important;height:12px!important;color:var(--nav);opacity:0}.topic-choice[aria-selected=true] .topic-selected-mark{opacity:1}.topic-results{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);scroll-margin-top:20px}.topic-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topic-results-head h3{font:500 21px/1.3 var(--serif);letter-spacing:-.2px;color:var(--ink)}.topic-result-count{font-size:12px;color:var(--muted);white-space:nowrap}.topic-lesson-list{display:grid;gap:10px}.topic-lesson{border:1px solid var(--line);border-radius:12px;background:var(--white);overflow:hidden}.topic-lesson-link{display:flex;align-items:center;gap:16px;padding:10px 16px 10px 10px;text-decoration:none;color:inherit;min-width:0}.topic-lesson:hover{border-color:var(--nav-line);background:#fcfaf5}.topic-lesson-link:focus-visible{outline-offset:-3px!important}.topic-lesson-thumb{position:relative;flex:none;width:116px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--nav)}.topic-lesson-thumb img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.topic-play{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--white);color:var(--nav);box-shadow:0 1px 6px #15213b30}.topic-play .i{width:11px;height:11px;fill:currentColor;transform:translate(1px)}.topic-lesson-copy{flex:1;min-width:0}.topic-lesson-copy h4{font:680 14px/1.4 var(--sans);color:var(--ink)}.topic-lesson-copy p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--muted)}.topic-lesson-go{display:flex;align-items:center;gap:6px;flex:none;font-size:12px;font-weight:650;color:var(--link)}.problem-intro{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.problem-grid{gap:14px}.problem{display:flex;flex-direction:column;padding:20px;background:#fffdfa}.problem-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:11px}.problem-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#f2ece3;color:var(--nav)}.problem-icon .i{width:17px;height:17px}.problem h3{margin:3px 0 0;font-size:20px;line-height:1.3;letter-spacing:-.2px}.problem p{font-size:14px;line-height:1.65;margin:0 0 15px}.problem p strong{font-weight:650;color:var(--ink)}.problem-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:auto}.problem .problem-action{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid var(--nav-line);border-radius:8px;color:var(--nav);background:#fcf9f4;font-size:12.5px;font-weight:700;text-decoration:none;line-height:1.4}.problem .problem-action:hover{background:var(--nav-soft);border-color:var(--nav);text-decoration:none}.problem .problem-guide{font-size:12px;font-weight:550;min-height:36px}#record-card,#practice-card{scroll-margin-top:24px}@media(max-width:1120px){.topic-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-choice{flex-direction:column;align-items:flex-start;gap:9px;padding:13px;min-height:131px}.topic-choice strong{font-size:13px}.topic-peek{display:none}}@media(max-width:780px){.brand-logo{width:43px;height:43px}.hub-lede{font-size:14.5px;margin-bottom:17px;max-width:62ch}.hub-lede>strong{font-size:16.5px}.hero-reassurance{font-size:12px}.right-group-card .depth-body{padding:17px 16px 19px}.right-group-card .depth-copy h3{font-size:20px}.hub-topics{margin-top:16px}.topics-summary{padding:18px 16px;gap:12px;align-items:center}.topics-summary h2{font-size:20px}.topics-summary .sec-title p{font-size:12.5px}.topic-expand{gap:8px}.topic-expand-label{display:none}.topics-body{padding:16px}.topic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-choice{flex-direction:row;align-items:center;min-height:92px;gap:10px;padding:13px}.topic-icon{width:38px;height:38px;font-size:23px;border-radius:10px}.topic-results{margin-top:18px;padding-top:17px}.topic-results-head h3{font-size:20px}.topic-lesson-link{gap:12px;padding:10px}.topic-lesson-thumb{width:100px}.topic-lesson-go{font-size:0;gap:0}.topic-lesson-go .i{width:17px;height:17px}.topic-lesson-copy h4{font-size:13px}.problem{padding:17px}.problem h3{font-size:19px}.problem-actions{gap:4px 12px}}@media(max-width:460px){.topic-choice{flex-direction:column;align-items:flex-start;min-height:130px;padding:13px;gap:9px}.topic-choice-copy{padding:0}.topic-choice strong{font-size:13px;min-height:35px}.topic-icon{width:38px;height:38px;font-size:24px}.topic-lesson-link{gap:10px;align-items:center}.topic-lesson-thumb{width:76px}.topic-lesson-go{display:none}.topic-lesson-copy p{gap:6px;font-size:11.5px}.topic-results-head h3{font-size:19px}.topic-result-count{font-size:11px}.problem-actions{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.topic-choice,.topic-chevron{transition:none}}.left-group-card>.session-bar{display:flex;align-items:center;justify-content:flex-start;gap:10px 12px;margin:0!important;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.left-group-card>.session-bar .session-intro{flex:1 1 auto;min-width:0;margin:0}.left-group-card>.session-bar .video-time{margin:0;flex:none}@media(max-width:780px){.left-group-card>.session-bar{padding:11px 15px;gap:8px;flex-wrap:wrap}.left-group-card>.session-bar .session-intro{flex:1 1 100%;font-size:14px}}.hub-poster,.related-poster.has-thumb,.topic-lesson-thumb{background:transparent!important}.hub-poster:after,.related-poster.has-thumb:after{display:none!important;content:none!important}.hub-poster img,.related-poster.has-thumb img,.topic-lesson-thumb img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;visibility:visible!important}.hub-poster .video-play,.related-poster.has-thumb .related-play,.topic-lesson-thumb .topic-play{z-index:2}.tr-blur{filter:blur(var(--tr-blur,5px));transition:filter .2s ease;border-radius:6px;cursor:default}.tr-blur:hover,.tr-blur.is-shown,.tr-blur:focus-visible{filter:none}.tr-blur.is-hidden{filter:blur(var(--tr-blur,5px))}.tr-blur.is-pinned,html.tr-all-shown .tr-blur{filter:none}.tr-row{display:flex;direction:ltr;align-items:flex-start;gap:4px;min-width:0}.tr-row>.tr-blur{flex:1;min-width:0}.tr-row[hidden]{display:none}.tr-pin{display:grid;place-items:center;width:32px;height:32px;flex:none;margin:-2px -6px 0 0;padding:0;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer}.tr-pin .i{width:17px;height:17px;fill:none;stroke:currentColor}.tr-pin:hover{background:var(--nav-soft);color:var(--ink)}.tr-pin[aria-pressed=true]{background:var(--nav-soft);color:var(--nav)}.tr-pin:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.tr-blur:focus-visible{outline:2px solid var(--nav);outline-offset:3px}@media(prefers-reduced-motion:reduce){.tr-blur{transition:none}}.sf-save{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border:0;border-radius:11px;background:none;color:var(--muted);cursor:pointer}.sf-save .i{width:19px;height:19px;fill:none;stroke:currentColor}.sf-save:hover{background:var(--nav-soft);color:var(--ink)}.sf-save[aria-pressed=true]{color:var(--nav)}.sf-save[aria-pressed=true] .i{fill:currentColor}.sf-save:focus-visible{outline:3px solid var(--nav);outline-offset:2px}#reference-lines .sentence-row>div{flex:1;min-width:0}#reference-lines .sentence-row .sf-save{margin:-8px -6px -8px 0}.saved-line .line-text{margin:0 0 4px;font-size:16px}.saved-line .tr-row{margin:0 0 6px}.saved-line .tr-blur{margin:0;font-size:14px;line-height:1.8;color:var(--ink-2)}html[lang=fa] main>.workspace,html[lang=fa] main>.session-bar,html[lang=fa] main>#mode-slot-mobile,html[lang=fa] main>#record-slot-mobile,html[lang=fa] main>.workspace[hidden]{display:none!important}.sf{--sf-turn:#FBEFE8;--sf-lfill:#E1E9EE;--sf-afill:#F6E4D9;--sf-ofill:#E6F2EB;--sf-sage:#91B9A8;--sf-track:rgba(21,33,59,.045);--p:0;--left:calc((1 - var(--p)) * 100%);direction:ltr;font-family:var(--sans);color:var(--ink);margin:0 0 28px;position:relative}.sf *{box-sizing:border-box}.sf button,.sf summary{font-family:var(--sans)}.sf button:focus-visible,.sf summary:focus-visible,.sf input:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.sf .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sf .i{width:18px;height:18px;flex:none}.sf-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sf-session{position:relative}.sf-session>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 2px;cursor:pointer;font:650 14.5px/1.5 var(--sans);color:var(--ink)}.sf-session>summary::-webkit-details-marker{display:none}.sf-session>summary .lbl{color:var(--muted);font-weight:500}.sf-session>summary .i{width:15px;height:15px;color:var(--ink-2);transition:transform .15s}.sf-session[open]>summary .i{transform:rotate(180deg)}.sf-ses-menu{position:absolute;z-index:30;top:100%;inset-inline-start:0;min-width:300px;max-width:calc(100vw - 32px);background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px -12px #15213b47;padding:6px}.sf-ses-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;border:0;background:none;border-radius:10px;text-align:left;font:600 14px/1.5 var(--sans);color:var(--ink);cursor:pointer}.sf-ses-menu button:hover{background:#fbf8f3}.sf-ses-menu button[aria-current=true]{background:var(--nav-soft)}.sf-ses-menu b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--nav-soft);font-size:12px;flex:none}.sf-ses-menu span{flex:1}.sf-ses-menu small{color:var(--muted);font-size:12px}.sf-count{font:500 13.5px/1.5 var(--sans);color:var(--muted)}.sf-count b{font-weight:650;color:var(--ink-2)}.sf-speed{display:inline-flex;align-items:center;gap:8px;font:500 12.5px/1.5 var(--sans);color:#eaf0f3}.sf-speed b{font-weight:700;color:#fff}.sf-track{position:relative;width:48px;height:5px;border-radius:3px;background:#ffffff47;overflow:hidden;flex:none}.sf-track i{position:absolute;inset:0 0 0 auto;border-radius:3px;background:#fff}.sf-steps{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.sf:not([data-along="1"]) .sf-steps li[data-sf-step=along]{display:none}.sf-steps li{--fill:var(--sf-lfill);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 8px;border-radius:11px;background:var(--sf-track);font:650 14px/1.4 var(--sans);color:var(--muted);cursor:default;user-select:none;transition:color .2s}.sf-steps li[data-sf-step=repeat],.sf-steps li[data-sf-step=along]{--fill:var(--sf-afill)}.sf-steps .n{position:relative;display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--white);border:1px solid #D8CCBC;font:700 12px/1 var(--sans);color:var(--ink-2)}.sf-steps .n .i{display:none;width:13px;height:13px}.sf-steps li[data-state=active]{color:var(--ink);background:linear-gradient(to right,var(--fill) 0,var(--fill) var(--left),var(--sf-track) var(--left),var(--sf-track) 100%);box-shadow:inset 0 0 0 1px var(--listen-line)}.sf-steps li[data-sf-step=repeat][data-state=active],.sf-steps li[data-sf-step=along][data-state=active]{box-shadow:inset 0 0 0 1px var(--action-line)}.sf-steps li[data-state=done]{color:var(--ink-2)}.sf-steps li[data-state=done] .n{background:var(--sf-sage);border-color:var(--sf-sage);color:#fff}.sf-steps li[data-state=done] .n b{display:none}.sf-steps li[data-state=done] .n .i{display:block}.sf-sentence{position:relative;display:block;margin-top:16px;padding:18px 20px;border-radius:16px;background:#fcfaf6;border:1px solid var(--line);transition:background-color .25s,border-color .25s}.sf[data-phase=listening] .sf-sentence{background:var(--listen-soft);border-color:var(--listen-line)}.sf:is([data-phase=repeat],[data-phase=along]) .sf-sentence{background:var(--sf-turn);border-color:var(--action-line)}.sf-num{position:relative;width:48px;height:48px;display:grid;place-items:center;flex:none}.sf-num b{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:1px solid #D8CCBC;font:650 15px/1 var(--sans);color:var(--ink-2)}.sf-num>svg:not(.sf-done-mark){position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg)}.sf-num circle{fill:none;stroke-width:3;opacity:0;transition:opacity .2s}.sf-num .trk{stroke:var(--action-line)}.sf-num .arc{stroke:var(--action);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(var(--p) * 100)}.sf:is([data-phase=repeat],[data-phase=along]) .sf-num circle{opacity:1}.sf-done-mark{position:absolute;inset:0;margin:auto;width:22px!important;height:22px!important;color:#fff;display:none}.sf[data-phase=done] .sf-sentence{background:#e6f2eb;border-color:#b4d9c7}.sf[data-phase=done] .sf-num b{background:#146b4b;border-color:#146b4b;color:transparent}.sf[data-phase=done] .sf-done-mark{display:block}.sf-line{display:flex;direction:ltr;gap:12px;align-items:flex-start}.sf-wave{flex:none;width:24px;height:30px;display:flex;align-items:center;gap:3px;margin-top:4px;opacity:0;transition:opacity .2s}.sf-wave i{display:block;width:3px;height:8px;border-radius:2px;background:var(--listen);animation:sfwave 1.4s ease-in-out infinite}.sf-wave i:nth-child(2){animation-delay:.18s}.sf-wave i:nth-child(3){animation-delay:.36s}.sf-wave i:nth-child(4){animation-delay:.54s}.sf:is([data-phase=listening],[data-phase=along])[data-paused="0"] .sf-wave{opacity:1}.sf:is([data-phase=listening],[data-phase=along])[data-paused="1"] .sf-wave{opacity:.5}.sf:is([data-phase=listening],[data-phase=along])[data-paused="1"] .sf-wave i{animation-play-state:paused}@keyframes sfwave{0%,to{height:8px}50%{height:22px}}.sf-en{margin:0;flex:1;min-width:0;font:500 26px/1.5 Archivo,Arial,sans-serif;color:var(--ink);text-align:left}.sf[data-hide-en="1"] .sf-en{filter:blur(9px);user-select:none;pointer-events:none}.sf-fa-row{margin-top:12px}.sf-fa{margin:0;font:500 16.5px/1.9 var(--sans);color:var(--ink-2);direction:ltr;text-align:left}.sf-line .sf-save{margin:-2px -8px 0 0}.sf-say{margin:18px 2px 12px;display:grid;gap:2px}.sf-say strong{font:700 18px/1.6 var(--sans);color:var(--ink)}.sf-say span{font:400 14px/1.8 var(--sans);color:var(--muted)}.sf-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;padding:0 20px;border-radius:13px;border:1px solid var(--action);background:var(--action);color:#fff;font:700 17px/1.3 var(--sans);cursor:pointer;box-shadow:0 8px 20px -8px #d2461c8c;transition:background-color .15s,color .15s,transform .05s}.sf-main:hover{background:var(--action-hi);border-color:var(--action-hi)}.sf-main:active{transform:translateY(1px)}.sf-main .i{width:20px;height:20px}.sf[data-phase=next] .sf-main .i,.sf[data-phase=done][data-last-ses="0"] .sf-main .i{transform:none}.sf:is([data-phase=listening],[data-phase=along])[data-paused="0"] .sf-main{background:var(--white);color:var(--ink);border-color:#a7b4ba;box-shadow:none}.sf:is([data-phase=listening],[data-phase=along])[data-paused="0"] .sf-main:hover{background:var(--nav-soft)}.sf-tools{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.sf-tools .grow{flex:1}.sf-qbtn{min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:none;color:var(--ink-2);font:600 14px/1.4 var(--sans);display:inline-flex;align-items:center;gap:7px;cursor:pointer}.sf-qbtn:hover{background:var(--nav-soft)}.sf-qbtn:disabled{opacity:.38;cursor:default;background:none}.sf-qbtn .i{width:17px;height:17px}.sf-qbtn.is-rec{color:var(--action)}.sf-set{position:relative}.sf-set>summary{list-style:none;min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:11px;color:var(--ink-2);font:600 14px/1.4 var(--sans);cursor:pointer}.sf-set>summary::-webkit-details-marker{display:none}.sf-set>summary:hover{background:var(--nav-soft)}.sf-set-body{position:absolute;z-index:30;bottom:calc(100% + 6px);inset-inline-end:0;width:290px;max-width:calc(100vw - 32px);background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px -12px #15213b47;padding:14px 16px;display:grid;gap:14px}.sf-lbl{font:650 13.5px/1.6 var(--sans);color:var(--ink);margin-bottom:6px}.sf-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sf-seg button{min-height:42px;border-radius:10px;border:1px solid #D8CCBC;background:var(--white);font:650 14px var(--sans);color:var(--ink-2);cursor:pointer}.sf-seg button[aria-pressed=true]{background:var(--nav-soft);border-color:#a7b4ba;color:var(--ink)}.sf-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 14px/1.6 var(--sans);color:var(--ink)}.sf-row input{width:20px;height:20px;accent-color:var(--nav);flex:none}.sf-row small{display:block;margin-top:2px;font:400 12.5px/1.7 var(--sans);color:var(--muted)}.sf-small{margin:0;font:400 12.5px/1.8 var(--sans);color:var(--muted)}.sf-take{display:flex;align-items:center;gap:10px;margin-top:10px;font:500 13px var(--sans);color:var(--ink-2)}.sf-take[hidden]{display:none}.sf-take audio{height:36px;max-width:100%}.sf-dots{display:flex;gap:8px;justify-content:center;list-style:none;margin:16px 0 0;padding:0}.sf-dots li{width:30px;height:6px;border-radius:3px;background:#d8ccbc;transition:background-color .2s}.sf-dots li[data-state=current]{background:var(--nav)}.sf-dots li[data-state=done]{background:var(--sf-sage)}.sf-all{margin-top:12px;border-top:1px solid #EBE6DF}.sf-all>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:46px;cursor:pointer;font:650 14px/1.5 var(--sans);color:var(--ink-2)}.sf-all>summary::-webkit-details-marker{display:none}.sf-all>summary .i{width:15px;height:15px;transition:transform .15s}.sf-all[open]>summary .i{transform:rotate(180deg)}.sf-list{list-style:none;margin:0;padding:0}.sf-list>li{display:grid;direction:ltr;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;align-items:start;padding:10px 2px;border-top:1px solid #F2EDE6;cursor:pointer}.sf-list>li[data-cur]{cursor:default}.sf-list .mk{position:relative;display:grid;place-items:center;width:30px;height:30px;margin-top:1px;padding:0;border:0;border-radius:50%;background:var(--nav-soft);cursor:pointer}.sf-list .mk b{font:600 12.5px/1 var(--sans);color:var(--muted)}.sf-list:not([data-sf-list=rich]) li[data-state=current] .mk{background:var(--white);box-shadow:inset 0 0 0 1px #a7b4ba}.sf-list:not([data-sf-list=rich]) li[data-state=current] .mk b{color:var(--ink);font-weight:700}.sf-list:not([data-sf-list=rich]) li[data-state=done] .mk{background:#eef5f0;box-shadow:inset 0 0 0 1px #b4d9c7}.sf-list:not([data-sf-list=rich]) li[data-state=done] .mk b{color:#146b4b}.sf-list .t{display:grid;gap:2px;min-width:0}.sf-list .el{display:flex;gap:10px;align-items:flex-start;min-width:0}.sf-list .e{flex:1;min-width:0;margin:0;direction:ltr;text-align:left;font:500 16px/1.55 Archivo,Arial,sans-serif;color:var(--ink)}.sf-list .f{margin:0;direction:ltr;text-align:left;font:400 14px/1.8 var(--sans);color:var(--ink-2)}.sf-list .idiom-text{color:var(--idiom-ink);font-weight:650}.sf-list .sf-save{margin:-7px -6px 0 0}.sf-list[data-sf-list=rich]>li{column-gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fcfaf6;transition:opacity .2s,background-color .25s,border-color .25s}.sf-list[data-sf-list=rich] .mk{width:48px;height:48px;margin-top:-4px;background:none}.sf-list[data-sf-list=rich] .mk b{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:1px solid #E8DED1;font:600 14px/1 var(--sans);color:var(--muted)}.sf-list[data-sf-list=rich] li[data-cur] .mk b{border-color:#a7b4ba;font-size:15px;font-weight:700;color:var(--ink)}.sf-list[data-sf-list=rich] li[data-state=done] .mk b{background:#eef5f0;border-color:#b4d9c7;color:#146b4b}.sf-list[data-sf-list=rich] .mk svg{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg)}.sf-list[data-sf-list=rich] .mk circle{fill:none;stroke-width:3;opacity:0;transition:opacity .2s}.sf-list[data-sf-list=rich] .mk .trk{stroke:var(--action-line)}.sf-list[data-sf-list=rich] .mk .arc{stroke:var(--action);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(var(--p) * 100)}.sf:is([data-phase=repeat],[data-phase=along]) .sf-list[data-sf-list=rich] li[data-cur] .mk circle{opacity:1}.sf-list[data-sf-list=rich] .t{gap:6px}.sf-list[data-sf-list=rich] .sf-wave{width:20px;margin-top:2px}.sf-list[data-sf-list=rich] li:not([data-cur]) .sf-wave{opacity:0!important}.sf-list[data-sf-list=rich] .e{font-size:21px;line-height:1.5}.sf-list[data-sf-list=rich] .f{font:500 15.5px/1.85 var(--sans)}.sf[data-phase=listening] .sf-list[data-sf-list=rich] li[data-cur]{background:var(--listen-soft);border-color:var(--listen-line)}.sf:is([data-phase=repeat],[data-phase=along]) .sf-list[data-sf-list=rich] li[data-cur]{background:var(--sf-turn);border-color:var(--action-line)}.sf[data-hide-en="1"] .sf-list[data-sf-list=rich] li:not([data-state=done]) .e{filter:blur(8px);pointer-events:none}.sf-list[data-sf-list=rich]{align-content:start}@media(max-width:860px){.sf-list[data-sf-list=rich]>li{grid-template-areas:"mk en sv" "fa fa fa";column-gap:8px}.sf-list[data-sf-list=rich] .t{display:contents}.sf-list[data-sf-list=rich] .mk{grid-area:mk;width:40px;height:40px;margin-top:-2px}.sf-list[data-sf-list=rich] .mk svg{width:40px;height:40px}.sf-list[data-sf-list=rich] .mk b{width:32px;height:32px;font-size:14px}.sf-list[data-sf-list=rich] .el{grid-area:en;min-width:0}.sf-list[data-sf-list=rich] .tr-row{grid-area:fa;margin-top:8px}.sf-list[data-sf-list=rich] .sf-save{grid-area:sv}}.sf-stage{width:100%;max-width:100%;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(130deg,#0f2a37,#21506a);color:#fff;display:grid;place-items:center;text-align:center;padding:24px 24px 64px;min-height:260px;aspect-ratio:16/9;transition:box-shadow .25s}.sf-poster{display:grid;gap:10px;justify-items:center;transition:opacity .25s}.sf-poster .eyebrow{font:700 12px/1 Archivo,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b8cbd5}.sf-poster h3{margin:0;font:600 26px/1.3 Archivo,Arial,sans-serif;direction:ltr;color:#fff}.sf[data-phase=repeat] .sf-poster{opacity:0}.sf:is([data-phase=repeat],[data-phase=along]) .sf-stage{box-shadow:inset 0 0 0 3px #edbfaeb3}.sf-wave-big{position:absolute;inset:22px 0 auto;display:flex;justify-content:center;align-items:center;gap:5px;height:34px;opacity:0;transition:opacity .2s}.sf-wave-big i{display:block;width:4px;height:10px;border-radius:2px;background:#fff;animation:sfwave2 1.4s ease-in-out infinite}.sf-wave-big i:nth-child(2){animation-delay:.12s}.sf-wave-big i:nth-child(3){animation-delay:.24s}.sf-wave-big i:nth-child(4){animation-delay:.36s}.sf-wave-big i:nth-child(5){animation-delay:.48s}.sf-wave-big i:nth-child(6){animation-delay:.6s}.sf-wave-big i:nth-child(7){animation-delay:.72s}.sf:is([data-phase=listening],[data-phase=along])[data-paused="0"] .sf-wave-big{opacity:1}@keyframes sfwave2{0%,to{height:10px}50%{height:30px}}.sf-mic{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s}.sf-mic span{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#f6e4d929;box-shadow:0 0 0 2px #edbfaeb3}.sf-mic .i{width:38px;height:38px;color:#f6e4d9}.sf[data-phase=repeat] .sf-mic{opacity:1}.sf-stage-foot{position:absolute;inset:auto 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sf-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.sf-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#ffffff24;font:500 12.5px/1.5 var(--sans);color:#eaf0f3}.sf-note{font:400 12.5px/1.6 var(--sans);color:#d3dee4}.sf[data-phase=idle][data-ran="0"] .sf-main,.sf[data-phase=idle][data-ran="0"] .sf-ringbtn{animation:sfbreathe 3.2s ease-in-out infinite}@keyframes sfbreathe{0%,to{box-shadow:0 8px 20px -8px #d2461c8c,0 0 #d2461c00}50%{box-shadow:0 8px 20px -8px #d2461c8c,0 0 0 8px #d2461c24}}@media(prefers-reduced-motion:reduce){.sf[data-phase=idle][data-ran="0"] .sf-main,.sf[data-phase=idle][data-ran="0"] .sf-ringbtn{animation:none}.sf-wave i,.sf-wave-big i{animation:none;height:16px}.sf *{transition:none!important}}@media(max-width:780px){.sf-sentence{padding:14px}.sf-en{font-size:21px;line-height:1.45}.sf-fa{font-size:15px;line-height:1.8}.sf-fa-row{margin-top:8px}.sf-say{margin:14px 2px 10px}.sf-steps li{font-size:13px;padding:0 4px;gap:6px}.sf[data-along="1"] .sf-steps li{font-size:12px;gap:4px;padding:0 3px}.sf[data-along="1"] .sf-steps .n{width:20px;height:20px;font-size:11px}.sf-stage{min-height:200px;padding:18px 16px 56px}.sf-poster h3{font-size:21px}.sf-set-body{inset-inline-end:auto;inset-inline-start:0}}.sf[data-kara="1"] :not(.dict-term.idiom)>.w:not(.said){color:var(--muted)}.sf[data-kara="1"] .w.now{box-shadow:inset 0 -3px 0 var(--listen)}.sf[data-kara="1"]:is([data-phase=repeat],[data-phase=along]) .w.now{box-shadow:inset 0 -3px 0 var(--action)}.sf-card{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px 24px 22px}@media(max-width:860px){.sf-card{padding:12px 14px 18px}}.sf>*,.sf-card,.sf-a-card{min-width:0}.sf .nb{white-space:nowrap}.sf-p1-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.sf-p1-card{padding:18px 22px 16px}.sf-p1-card .sf-say{margin-top:16px}.sf-p1-sentences{margin-top:22px}.sf-p1 .sf-top{margin-bottom:10px}.sf-p1 .sf-banner{--tr-blur:6px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:8px;border-radius:18px;background:#fcfaf6;border:1px solid var(--line);max-height:min(64vh,600px);overflow:auto;overscroll-behavior:contain}.sf-p1 .sf-banner>li{align-items:center;padding:8px 10px 8px 12px;border-color:transparent;background:none;opacity:.7}.sf-p1 .sf-banner>li:hover{opacity:.95;background:#f7f3ed}.sf-p1 .sf-banner>li[data-state=done]{opacity:.85}.sf-p1 .sf-banner>li[data-cur]{align-items:start;padding:14px 10px 14px 12px;opacity:1;background:var(--white);border-color:var(--line)}.sf-p1[data-phase=done] .sf-banner>li[data-cur]{background:#e6f2eb;border-color:#b4d9c7}.sf-p1 .sf-banner .t{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:28px;align-items:center}.sf-p1 .sf-banner li[data-cur] .t{align-items:start}.sf-p1 .sf-banner .e{font-size:16px}.sf-p1 .sf-banner .tr-row{padding-left:22px;border-left:1px solid var(--line)}.sf-p1 .sf-banner .f{font-size:14px;line-height:1.8}.sf-p1 .sf-banner li[data-cur] .e{font-size:19px;line-height:1.55}.sf-p1 .sf-banner li[data-cur] .f{font-size:15.5px;line-height:1.85}.sf-p1[data-phase=listening] .sf-banner li[data-cur] .tr-row{border-left-color:var(--listen-line)}.sf-p1:is([data-phase=repeat],[data-phase=along]) .sf-banner li[data-cur] .tr-row{border-left-color:var(--action-line)}.sf-p1 .sf-banner .mk{width:44px;height:44px;margin-top:-6px}.sf-p1 .sf-banner .mk svg{width:44px;height:44px}.sf-p1 .sf-banner .mk b{width:32px;height:32px;font-size:13.5px}.sf-p1 .sf-banner li[data-cur] .mk b{width:36px;height:36px;font-size:14.5px}@media(max-width:860px){.sf-p1{display:flex;flex-direction:column}.sf-p1-row{display:contents}.sf-p1-card{order:1;padding:12px 14px 14px}.sf-p1-sentences{order:2;margin:16px 0}.sf-p1 .sf-stage{order:3}.sf-p1 .sf-banner{padding:6px;max-height:none}.sf-p1 .sf-banner .t{grid-template-columns:minmax(0,1fr)}.sf-p1 .sf-banner .tr-row{padding-left:0;border-left:0}.sf-p1 .sf-banner li[data-cur]{padding:14px 6px 14px 10px}.sf-p1 .sf-banner li[data-cur] .e{font-size:17px}.sf-p1 .sf-banner li[data-cur] .f{font-size:14.5px;line-height:1.8}.sf-p1 .sf-banner .mk,.sf-p1 .sf-banner .mk svg{width:40px;height:40px}.sf-p1 .sf-banner li:not([data-cur]){padding:2px 6px 2px 10px}.sf-p1 .sf-banner li:not([data-cur]) .tr-row{display:none}.sf-p1 .sf-banner li:not([data-cur]) .e{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}}.sf-p1-card .sf-meta-slot .lesson-meta{margin:0 0 14px!important;gap:8px 10px}.sf-p1 .sf-tabs-row{align-items:center;gap:10px 16px;margin-bottom:12px}.sf-ses-tabs{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.sf-ses-tab{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border:1px solid #E8DED1;border-radius:9px;background:transparent;font:580 13.5px/1.4 var(--sans);color:var(--muted);cursor:pointer;text-align:left}.sf-ses-tab small{font-size:11.5px;font-weight:500;opacity:.75;white-space:nowrap}.sf-ses-tab:hover{background:var(--nav-soft);color:var(--ink)}.sf-ses-tab[aria-selected=true]{background:var(--white);border-color:#a7b4ba;box-shadow:0 1px 3px #15213b14;color:var(--ink);font-weight:700;cursor:default}.sf-ses-tab:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.sf-p1 .sf-tabs-row .sf-count{margin-inline-start:auto;white-space:nowrap}@media(max-width:860px){.sf-ses-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sf-ses-tab{padding:7px 10px;font-size:13px;justify-content:space-between}.sf-p1 .sf-tabs-row .sf-count{margin-inline-start:0}}.sf-p1 .sf-banner{min-height:0!important}.sf-p1 .sf-banner>li,.sf-p1 .sf-banner>li[data-cur]{align-items:start;padding:10px 10px 10px 12px}.sf-p1 .sf-banner>li,.sf-p1 .sf-banner>li[data-state=done]{opacity:1}.sf-p1 .sf-banner>li:not([data-cur]) .e{color:var(--ink-2)}.sf-p1 .sf-banner .e,.sf-p1 .sf-banner li[data-cur] .e{font-size:17px;line-height:1.6}.sf-p1 .sf-banner .f,.sf-p1 .sf-banner li[data-cur] .f{font-size:14.5px;line-height:1.85}.sf-p1 .sf-banner .mk b,.sf-p1 .sf-banner li[data-cur] .mk b{width:34px;height:34px;font-size:14px}@media(max-width:860px){.sf-p1 .sf-banner>li[data-cur]{padding:10px 6px 10px 10px}.sf-p1 .sf-banner>li:not([data-cur]){padding:2px 6px 2px 10px}.sf-p1 .sf-banner .e,.sf-p1 .sf-banner li[data-cur] .e,.sf-p1 .sf-banner li:not([data-cur]) .e{font-size:16px}.sf-p1 .sf-banner .f,.sf-p1 .sf-banner li[data-cur] .f{font-size:14px}}.sf-think{display:none;place-items:center;flex:none;width:30px;height:30px;margin:-3px -4px 0 0}.think-bubble{width:28px;height:28px;flex:none}.think-bubble .tb-cloud,.think-bubble .tb-tail{fill:var(--white);stroke:var(--action);stroke-width:1.6}.think-bubble .tb-dot{fill:var(--action);opacity:.28}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot{animation:sf-think-dot 1.5s ease-in-out infinite}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot.d2{animation-delay:.25s}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .tb-dot.d3{animation-delay:.5s}@keyframes sf-think-dot{0%,60%,to{opacity:.28}25%{opacity:1}}@media(prefers-reduced-motion:reduce){.sf .tb-dot{animation:none!important;opacity:.7}}.sf:not([data-mode=challenge]) .sf-steps li[data-sf-step=think]{display:none}.sf[data-mode=challenge] .sf-steps li[data-sf-step=along]{display:none}.sf-steps li[data-sf-step=think]{--fill:var(--sf-afill)}.sf-steps li[data-sf-step=think][data-state=active]{box-shadow:inset 0 0 0 1px var(--action-line)}.sf-hint-link{display:none;justify-self:start;align-items:center;gap:6px;min-height:36px;margin-top:4px;padding:0 2px;border:0;background:none;font:600 13.5px/1.5 var(--sans);color:var(--link,#1F5C99);cursor:pointer;direction:ltr}.sf-hint-link .i{width:16px;height:16px}.sf-hint-link:hover{text-decoration:underline;text-underline-offset:3px}.sf[data-mode=challenge][data-phase=think][data-hinted="0"] .sf-list li[data-cur] .sf-hint-link{display:inline-flex}.sf[data-mode=challenge] .sf-list .tr-pin{display:none}.sf[data-mode=challenge] .sf-list .tr-blur{filter:none!important;cursor:text}.sf[data-mode=challenge] .sf-list li[data-cur] .f{color:var(--ink)}.sf[data-mode=challenge] .sf-list li:not([data-state=done]) .fa-chunk{color:inherit!important;font-weight:inherit!important}.sf[data-mode=challenge]:is([data-phase=listening],[data-phase=repeat],[data-phase=next],[data-phase=done]) .sf-list li[data-cur] .fa-chunk{color:var(--idiom-ink)!important;font-weight:650!important}.sf[data-mode=challenge] .sf-list li:not([data-state=done]) .e{filter:blur(7px);user-select:none;pointer-events:none}.sf[data-mode=challenge]:is([data-phase=listening],[data-phase=repeat],[data-phase=next],[data-phase=done]) .sf-list li[data-cur] .e{filter:none;user-select:auto;pointer-events:auto}.sf[data-mode=challenge][data-phase=think] .sf-list li[data-cur] .sf-think{display:inline-grid}.sf[data-mode=challenge][data-phase=think] .sf-list[data-sf-list=rich] li[data-cur]{background:var(--sf-turn);border-color:var(--action-line)}.sf[data-mode=challenge] .sf-p2-list .t .tr-row{order:-1}.sf-list .hint{justify-self:start;margin:6px 0 0;padding:5px 10px;border-radius:9px;background:var(--white);border:1px dashed var(--action-line);font:600 15px/1.6 Archivo,Arial,sans-serif;letter-spacing:.03em;color:var(--ink);direction:ltr;text-align:left}.sf-list .also{margin:6px 0 0;font:500 12.5px/1.7 var(--sans);color:var(--muted);direction:ltr;text-align:left}.sf-list .also p{margin:2px 0 0;font:500 14.5px/1.55 Archivo,Arial,sans-serif;color:var(--ink-2);direction:ltr;text-align:left}.sf-banner .hint,.sf-banner .also,.sf-banner .sf-hint-link{grid-column:1/-1}.sf-modebar{display:none}.sf[data-mode=challenge] .sf-modebar{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px;padding:6px 8px 6px 12px;border:1px solid #E8DED1;border-radius:12px;background:var(--white)}.sf-mode-chip{display:inline-flex;align-items:center;gap:8px;font:650 14px/1.5 var(--sans);color:var(--ink)}.sf-mode-chip .think-bubble{width:24px;height:24px}.sf-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 4px;border:0;background:none;font:600 14px/1.5 var(--sans);color:var(--link,#1F5C99);cursor:pointer}.sf-link .i{width:16px;height:16px}.sf-link:hover{text-decoration:underline;text-underline-offset:3px}.sf-link:focus-visible{outline:3px solid var(--nav);outline-offset:2px;border-radius:6px}.sf-after{display:none}.sf[data-phase=done] .sf-after{display:grid;gap:8px;justify-items:start;margin-top:12px}.sf-after>*{display:none}.sf[data-model=a][data-mode=shadow][data-phase=done] .sf-preview,.sf[data-model=a][data-mode=shadow][data-phase=done] .sf-link-next{display:flex}.sf[data-mode=challenge][data-phase=done] .sf-link-again{display:inline-flex}.sf-preview{flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;padding:10px 12px;border-radius:12px;background:#fbefe8;border:1px solid var(--action-line)}.sf-preview p{flex:1;min-width:0;margin:0;font:500 14.5px/1.8 var(--sans);color:var(--ink)}.sf-preview .pv-q{flex-basis:100%;font:600 15px/1.5 Archivo,Arial,sans-serif;letter-spacing:.04em;color:var(--muted);direction:ltr;text-align:left}.sf-preview .think-bubble{width:26px;height:26px}.sf-decide,.sf[data-model=b][data-mode=shadow][data-phase=done] .sf-face{display:none}.sf[data-model=b][data-mode=shadow][data-phase=done] .sf-decide{display:grid;gap:4px}.sf-decide-h{display:flex;align-items:center;gap:8px;font:700 18px/1.6 var(--sans);color:var(--ink)}.sf-decide-h>.i{width:24px;height:24px;padding:4px;border-radius:50%;background:#146b4b;color:#fff;stroke-width:2.4}.sf-decide-sub{font:400 14px/1.8 var(--sans);color:var(--muted)}.sf-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}.sf-choice{display:grid;align-content:start;gap:6px;min-height:132px;padding:14px;border:1px solid #E8DED1;border-radius:14px;background:#15213b09;text-align:left;color:var(--ink-2);cursor:pointer;font-family:var(--sans)}.sf-choice:hover{background:var(--nav-soft)}.sf-choice[aria-pressed=true]{background:var(--white);border-color:#a7b4ba;box-shadow:0 1px 3px #15213b14;color:var(--ink)}.sf-choice:focus-visible{outline:3px solid var(--nav);outline-offset:2px}.sf-choice{justify-items:center;text-align:center}.sf-choice .ic{display:block;width:112px;height:112px;margin:0 auto 2px}.sf-choice .ic img{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 8px rgba(21,33,59,.1))}.sf-choice .tt{font:700 15px/1.6 var(--sans)}.sf-choice .tt em{font-style:normal;font-weight:600;font-size:11.5px;padding:1px 7px;margin-inline-start:4px;border-radius:999px;background:#fbefe8;color:#9a3412;white-space:nowrap}.sf-choice .ds{font:400 13px/1.8 var(--sans);color:var(--muted)}.sf-ses-tab.is-finished>span:before{content:"✓ ";color:#146b4b;font-weight:700}@media(max-width:860px){.sf-choices{grid-template-columns:minmax(0,1fr);gap:8px}.sf-choice{min-height:0;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"ic tt" "ic ds";justify-items:start;text-align:left;align-items:center;column-gap:12px;row-gap:2px}.sf-choice .ic{grid-area:ic;width:84px;height:84px;margin:0}.sf-choice .tt{grid-area:tt}.sf-choice .ds{grid-area:ds}.sf[data-mode=challenge] .sf-list[data-sf-list=rich]>li{grid-template-areas:"mk fa sv" "en en en"}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .tr-row{margin-top:0}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li[data-cur] .el{margin-top:8px}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .tr-row{display:flex}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .el{display:none}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] li:not([data-cur]) .f{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .hint,.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .also,.sf[data-mode=challenge] .sf-list[data-sf-list=rich] .sf-hint-link{grid-column:1/-1}}.sf-stage .hub-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.sf-stage .hub-scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0f2a374d,#0f2a3700 36%,#0f2a3780);transition:background .25s}.sf[data-phase=listening] .hub-scrim,.sf[data-phase=along] .hub-scrim{background:#0f2a3780}.sf[data-phase=repeat] .hub-scrim{background:#0f2a37ad}.sf-stage .sf-wave-big,.sf-stage .sf-mic,.sf-stage .sf-stage-foot{z-index:1}html[lang=en] .sf-meta-slot .lesson-meta{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0}html[lang=en] .sf-meta-slot .lesson-meta>#session-intro{flex-basis:100%;font-size:13.5px;color:var(--ink-2)}html[lang=en] .sf-meta-slot .lesson-meta>#session-intro strong{color:var(--ink)}.sf-p1-sentences .sf-tabs-row{justify-content:flex-end}html[lang=en] .sf-qbtn{padding:0 9px;gap:6px}html[lang=en] .sf-set>summary{padding:0 9px;gap:6px}html[lang=en] .sf-tools{position:relative;gap:4px}html[lang=en] .sf-set{position:static}html[lang=en] .sf-set-body{left:0;right:auto;inset-inline-start:0;inset-inline-end:auto}html[lang=en] .sf-say strong,html[lang=en] .sf-choice .tt{text-wrap:balance}html[lang=en] .sf-say span,html[lang=en] .sf-choice .ds{text-wrap:pretty}html[lang=en] .sf-choice .tt em{font-size:12px}html[lang=en] #sf:focus{outline:none}.sf-take{flex-wrap:wrap}.sf-take .sf-link{margin-left:auto}.hub .depth-card{margin-top:16px}.sf-stage .sf-chip,.sf-stage .sf-speed{background:#0f2a37c7;color:#fff;border-radius:999px;padding:6px 11px}.sf-stage .sf-note{background:#0f2a37c7;color:#fff;border-radius:8px;padding:4px 9px}.problems-accordion[open] .problems-expand>span{font-size:12px}.problems-accordion[open] .problems-expand>span:after{content:none}