.sf-p2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.sf-p2-col{display:flex;flex-direction:column;gap:16px;min-width:0}.sf-p2-info{padding:16px 22px 22px}.sf-p2-act{padding:16px 22px 18px}.sf-p2-act .sf-say{margin-top:0}@media(max-width:860px){.sf-p2{display:flex;flex-direction:column;gap:16px}.sf-p2-col{display:contents}.sf-p2-info{order:1;padding:12px 14px 16px}.sf-p2-act{order:2;padding:12px 14px 14px}.sf-p2 .sf-stage{order:3}}.sf-p2 .sf-p2-list{--tr-blur:5px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin-top:14px;max-height:min(58vh,480px);overflow:auto;overscroll-behavior:contain;padding:2px}.sf-p2 .sf-p2-list>li{align-items:start;padding:8px 8px 8px 10px;border-color:transparent;background:none;opacity:.72}.sf-p2 .sf-p2-list>li:hover{opacity:.95;background:#f7f3ed}.sf-p2 .sf-p2-list>li[data-state=done]{opacity:.85}.sf-p2 .sf-p2-list>li[data-cur]{padding:14px 8px 14px 10px;opacity:1;background:var(--white);border-color:var(--line)}.sf-p2[data-phase=done] .sf-p2-list>li[data-cur]{background:#e6f2eb;border-color:#b4d9c7}.sf-p2 .sf-p2-list .e{font-size:16px;line-height:1.55}.sf-p2 .sf-p2-list .f{font-size:13.5px;line-height:1.8}.sf-p2 .sf-p2-list li[data-cur] .e{font-size:19px;line-height:1.55}.sf-p2 .sf-p2-list li[data-cur] .f{font-size:15px;line-height:1.85}.sf-p2 .sf-p2-list .mk{width:44px;height:44px;margin-top:-6px}.sf-p2 .sf-p2-list .mk svg{width:44px;height:44px}.sf-p2 .sf-p2-list .mk b{width:32px;height:32px;font-size:13.5px}.sf-p2 .sf-p2-list li[data-cur] .mk b{width:36px;height:36px;font-size:14.5px}@media(max-width:860px){.sf-p2 .sf-p2-list{max-height:400px}.sf-p2 .sf-p2-list li:not([data-cur]){align-items:center;padding:2px 6px 2px 10px}.sf-p2 .sf-p2-list li:not([data-cur]) .tr-row{display:none}.sf-p2 .sf-p2-list li:not([data-cur]) .e{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.sf-p2 .sf-p2-list li[data-cur]{padding:14px 6px 14px 10px}.sf-p2 .sf-p2-list li[data-cur] .e{font-size:17px}.sf-p2 .sf-p2-list li[data-cur] .f{font-size:14.5px}.sf-p2 .sf-p2-list .mk,.sf-p2 .sf-p2-list .mk svg{width:40px;height:40px}}@media(min-width:861px){.sf-p2 .sf-p2-list{min-height:0!important}}.sf-p2 .sf-p2-list>li,.sf-p2 .sf-p2-list>li[data-cur]{padding:10px 8px 10px 10px}.sf-p2 .sf-p2-list>li,.sf-p2 .sf-p2-list>li[data-state=done]{opacity:1}.sf-p2 .sf-p2-list>li:not([data-cur]) .e{color:var(--ink-2)}.sf-p2 .sf-p2-list .e,.sf-p2 .sf-p2-list li[data-cur] .e{font-size:17px;line-height:1.6}.sf-p2 .sf-p2-list .f,.sf-p2 .sf-p2-list li[data-cur] .f{font-size:14.5px;line-height:1.85}.sf-p2 .sf-p2-list .mk b,.sf-p2 .sf-p2-list li[data-cur] .mk b{width:34px;height:34px;font-size:14px}@media(max-width:860px){.sf-p2 .sf-p2-list>li[data-cur]{padding:10px 6px 10px 10px}.sf-p2 .sf-p2-list>li:not([data-cur]){padding:2px 6px 2px 10px}.sf-p2 .sf-p2-list .e,.sf-p2 .sf-p2-list li[data-cur] .e,.sf-p2 .sf-p2-list li:not([data-cur]) .e{font-size:16px}.sf-p2 .sf-p2-list .f,.sf-p2 .sf-p2-list 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(--fa);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(--fa);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(--fa);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(--fa);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(--fa);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(--fa);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(--fa);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(--fa)}.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(--fa)}.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(--fa);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}}