.bf-lesson{--bf-ink:#111827;--bf-muted:#4b5563;--bf-soft:#6b7280;--bf-line:#94a3b83d;--bf-card:#ffffffd9;--bf-alt:#f5f5f7;--bf-blue:#0071e3;--bf-green:#16a34a;--bf-red:#ef4444;--bf-amber:#d97706;width:100%;max-width:860px;color:var(--bf-ink);margin:0 auto;padding:28px 12px 96px}.bf-paid-lesson-label{color:#4b5563;background:#1118270f;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 11px;font-size:12px;font-weight:750;display:inline-flex}.bf-vip-gate{text-align:center;background:radial-gradient(circle at 50% -15%,#0071e329,#0000 38%),#ffffffe6;border:1px solid #00000012;border-radius:30px;flex-direction:column;align-items:center;max-width:720px;margin:42px auto 80px;padding:clamp(30px,6vw,56px);display:flex;box-shadow:0 22px 60px #0f172a17}.bf-vip-gate-icon{color:#0071e3;background:linear-gradient(145deg,#eef6ff,#e8f1ff);border-radius:21px;place-items:center;width:62px;height:62px;display:grid;box-shadow:inset 0 1px #ffffffe6}.bf-vip-gate-kicker{color:#0071e3;letter-spacing:.13em;margin-top:18px;font-size:11px;font-weight:850}.bf-vip-gate h1{color:#111827;letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,5vw,42px);line-height:1.12}.bf-vip-gate>p{color:#5f6368;max-width:560px;margin:0;font-size:15px;line-height:1.75}.bf-vip-gate-summary{text-align:left;background:#f5f5f7;border-radius:18px;gap:9px;width:min(100%,470px);margin-top:24px;padding:16px 18px;display:grid}.bf-vip-gate-summary span{color:#374151;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.bf-vip-gate-summary svg{color:#16a34a;flex:none}.bf-vip-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.bf-vip-gate-primary,.bf-vip-gate-secondary{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.bf-vip-gate-primary{background:#0071e3;box-shadow:0 8px 22px #0071e33d;color:#fff!important}.bf-vip-gate-secondary{background:#f5f5f7;color:#374151!important}.bf-vip-gate-note{color:#8b8b90;margin-top:15px;font-size:12px}.bf-lesson-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bf-topbar-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.bf-back-link{color:var(--bf-blue);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.bf-back-link:hover{text-decoration:underline}.bf-reset-btn{border:1px solid var(--bf-line);background:var(--bf-card);color:var(--bf-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.bf-reset-btn:hover{color:var(--bf-red);border-color:#ef44444d}.bf-lesson-header{margin-bottom:20px}.bf-lesson-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bf-lesson-title-row h1{margin:0;font-size:clamp(26px,4vw,36px);font-weight:850;line-height:1.1}.bf-lesson-fr-title{color:var(--bf-soft);align-items:center;gap:8px;margin:4px 0 0;font-size:16px;font-style:italic;display:flex}.bf-level-badge{color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.bf-goal-card{border:1px solid var(--bf-line);background:var(--bf-card);border-radius:18px;margin:16px 0;padding:16px 18px}.bf-goal-card .bf-goal-label{color:var(--bf-blue);margin-bottom:4px;font-size:12px;font-weight:800}.bf-goal-card p{color:var(--bf-ink);margin:0;font-size:15px;line-height:1.6}.bf-inline-grammar{background:linear-gradient(145deg,#f8f6ffe6,#f2f8ffc2);border:1px solid #7057d929;border-radius:15px;margin-top:15px;padding:13px 14px}.bf-inline-grammar-head{color:#5c43be;align-items:center;gap:7px;font-size:12px;display:flex}.bf-inline-grammar-head svg{flex:none}.bf-inline-grammar-head span{color:#7969b2;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.bf-inline-grammar>p{color:#5f5c70;margin:5px 0 9px;font-size:11px;line-height:1.55}.bf-inline-grammar-links{flex-wrap:wrap;gap:6px;display:flex}.bf-inline-grammar-links a{color:#57459d;background:#ffffffc7;border:1px solid #7057d926;border-radius:9px;align-items:center;gap:4px;max-width:100%;padding:6px 8px;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.bf-inline-grammar-links a:hover{background:#fff;border-color:#7057d959}.bf-goal-card .bf-teacher-tip{border-top:1px dashed var(--bf-line);color:var(--bf-muted);margin-top:10px;padding-top:10px;font-size:13px}.bf-coach-jump{color:#5c43be;background:linear-gradient(145deg,#eef6ff,#f1edff);border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-top:12px;padding:8px 12px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.bf-coach-jump:hover{transform:translateY(-1px);box-shadow:0 7px 18px #5c43be1f}.bf-path-list{color:var(--bf-muted);margin:14px 0 0;padding-left:20px;font-size:13px;line-height:1.8}.bf-section{margin:28px 0;scroll-margin-top:80px}.bf-section-head{align-items:center;gap:8px;margin:0 0 12px;font-size:20px;font-weight:800;display:flex}.bf-section-head svg{color:var(--bf-blue)}.bf-section-count{color:var(--bf-soft);margin-left:auto;font-size:12px;font-weight:600}.bf-card{border:1px solid var(--bf-line);background:var(--bf-card);border-radius:18px;margin-bottom:12px;padding:18px 18px 16px}.bf-dlg-turn{border-bottom:1px solid var(--bf-line);grid-template-columns:28px 1fr;gap:12px;padding:12px 0;display:grid}.bf-dlg-turn:last-child{border-bottom:none}.bf-dlg-speaker{background:var(--bf-alt);width:28px;height:28px;color:var(--bf-blue);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.bf-dlg-speaker.b{background:#0071e31f}.bf-dlg-fr{color:var(--bf-ink);font-size:16px;font-weight:600;line-height:1.5}.bf-teaching-line{display:block}.bf-spoken-line{color:var(--bf-blue);flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:5px;font-size:14px;display:flex}.bf-spoken-label{color:var(--bf-soft);font-size:11px;font-weight:700}.bf-dlg-zh,.bf-dlg-en{color:var(--bf-muted);margin-top:2px;font-size:13px}.bf-dlg-en{color:var(--bf-soft);font-style:italic}.bf-vocab-focus{background:linear-gradient(145deg,#eff7ffe0,#f9fcfff0);border:1px solid #0071e31f;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin:-2px 0 14px;padding:11px 12px;display:flex}.bf-vocab-focus>div{flex-direction:column;gap:3px;min-width:0;display:flex}.bf-vocab-focus strong{color:var(--bf-ink);font-size:13px}.bf-vocab-focus span{color:var(--bf-muted);font-size:11px;line-height:1.5}.bf-vocab-beginner-note{color:#64748b;background:#f8fafceb;border-radius:11px;margin:10px 0 0;padding:9px 11px;font-size:11px;line-height:1.55}.bf-vocab-toggle{color:var(--bf-blue);font:inherit;cursor:pointer;white-space:nowrap;background:#ffffffd1;border:1px solid #0071e329;border-radius:9px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:11px;font-weight:750;display:inline-flex}.bf-vocab-toggle:hover{background:#fff;border-color:#0071e352}.bf-vocab-loop{background:linear-gradient(145deg,#f2fcf7eb,#f9fdfaf5);border:1px solid #238a5829;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin:-2px 0 14px;padding:12px;display:flex}.bf-vocab-loop-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.bf-vocab-loop-kicker{color:#238a58;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.bf-vocab-loop-copy strong{color:#24523d;font-size:13px}.bf-vocab-loop-copy p{color:#688174;margin:0;font-size:11px;line-height:1.5}.bf-vocab-loop-links{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.bf-vocab-loop-links a{color:#23754d;white-space:nowrap;background:#ffffffc7;border:1px solid #238a582e;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:750;text-decoration:none}.bf-vocab-loop-links a:hover{background:#fff;border-color:#238a585c}.bf-vocab-loop-practice{border-top:1px dashed #238a5833;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:11px;padding-top:11px;display:grid}.bf-vocab-loop-sample{background:#ffffffb3;border-radius:10px;min-width:0;padding:9px 10px}.bf-vocab-loop-sample-label{color:#238a58;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.bf-vocab-loop-sample-fr{overflow-wrap:anywhere;color:#24523d;font-size:13px;font-weight:700;line-height:1.5}.bf-vocab-loop-sample-fr .speakable-text{display:inline}.bf-vocab-loop-sample small{color:#688174;margin-top:3px;font-size:11px;line-height:1.5;display:block}.bf-vocab-loop-blank{color:#557665;font-weight:600}.bf-vocab-table{border-collapse:collapse;width:100%;font-size:14px}.bf-vocab-table th,.bf-vocab-table td{text-align:left;border-bottom:1px solid var(--bf-line);vertical-align:top;padding:10px 12px}.bf-vocab-table th{color:var(--bf-soft);font-size:12px;font-weight:700}.bf-vocab-fr{color:var(--bf-ink);font-weight:700}.bf-vocab-fr-line{justify-content:space-between;align-items:center;gap:10px;min-width:148px;display:flex}.bf-vocab-word{overflow-wrap:anywhere;min-width:0}.bf-vocab-actions{flex:none;align-items:center;gap:5px;display:inline-flex}.bf-vocab-pos{background:var(--bf-alt);color:var(--bf-muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.bf-grammar-card .bf-grammar-title{margin:0 0 6px;font-size:16px;font-weight:800}.bf-grammar-formula{color:var(--bf-blue);background:#0071e314;border-radius:8px;margin-bottom:8px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.bf-grammar-expl{color:var(--bf-muted);margin:0 0 8px;font-size:14px;line-height:1.65}.bf-grammar-warn{color:var(--bf-amber);font-size:12px;font-weight:600}.bf-example{border-bottom:1px solid var(--bf-line);padding:12px 0}.bf-example:last-child{border-bottom:none}.bf-example-fr{color:var(--bf-ink);font-size:16px;font-weight:600}.bf-example-zh,.bf-example-en{color:var(--bf-muted);margin-top:2px;font-size:13px}.bf-ex-starter-note{background:linear-gradient(135deg,#eff8fff5,#f8fafceb);border:1px solid #0071e329;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:14px 16px;display:flex}.bf-ex-starter-note>div{gap:3px;display:grid}.bf-ex-starter-note strong{color:var(--bf-ink);font-size:14px}.bf-ex-starter-note span{color:var(--bf-muted);font-size:12px;line-height:1.5}.bf-ex-expand-button{color:var(--bf-blue);cursor:pointer;background:#ffffffd1;border:1px solid #0071e338;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.bf-ex-expand-button:hover{background:#fff;border-color:#0071e36b}.bf-ex-visible-note{color:var(--bf-soft);text-align:center;margin:4px 0 14px;font-size:12px}.bf-ex-progress{z-index:5;border:1px solid var(--bf-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex;position:sticky;top:60px}.bf-ex-progress-bar{background:#94a3b838;border-radius:999px;flex:1;height:6px;overflow:hidden}.bf-ex-progress-bar>span{background:linear-gradient(90deg,#34d399,#0071e3);height:100%;transition:width .4s;display:block}.bf-ex-card{border:1px solid var(--bf-line);background:var(--bf-card);border-radius:18px;margin-bottom:14px;padding:18px}.bf-ex-type-pill{background:var(--bf-alt);color:var(--bf-muted);border-radius:999px;margin-bottom:8px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.bf-ex-question{margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.55}.bf-ex-question-fr{color:var(--bf-blue);font-size:16px;font-weight:700}.bf-options{flex-direction:column;gap:8px;display:flex}.bf-option{border:1px solid var(--bf-line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.bf-option:hover:not(.disabled){background:#0071e30a;border-color:#0071e366}.bf-option.selected{border-color:var(--bf-blue);background:#0071e314}.bf-option.correct{border-color:var(--bf-green);background:#16a34a1a}.bf-option.wrong{border-color:var(--bf-red);background:#ef444414}.bf-option.disabled{cursor:default}.bf-option-mark{flex-shrink:0;width:20px;height:20px}.bf-input-row{flex-wrap:wrap;gap:10px;display:flex}.bf-text-input{border:1px solid var(--bf-line);border-radius:12px;flex:1;min-width:200px;padding:10px 14px;font-family:inherit;font-size:15px}.bf-text-input:focus{border-color:var(--bf-blue);outline:none}.bf-check-btn{background:var(--bf-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700}.bf-check-btn:disabled{opacity:.5;cursor:default}.bf-reorder-chips{border:1px dashed var(--bf-line);background:var(--bf-alt);border-radius:12px;flex-wrap:wrap;gap:8px;min-height:40px;margin-bottom:12px;padding:10px;display:flex}.bf-chip{border:1px solid var(--bf-line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;padding:6px 12px;font-size:14px}.bf-chip.used{opacity:.3;cursor:default}.bf-reorder-built{border:1px solid var(--bf-line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:10px;display:flex}.bf-built-chip{color:var(--bf-blue);cursor:pointer;background:#0071e31a;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:600}.bf-feedback{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.6}.bf-feedback.correct{color:#15803d;background:#16a34a1a}.bf-feedback.wrong{color:#b91c1c;background:#ef444414}.bf-feedback.open{color:#92400e;background:#d977061a}.bf-feedback-answer{margin-top:4px;font-weight:700}.bf-feedback-expl{color:var(--bf-muted);margin-top:6px}.bf-review-card{background:#ecfdf599;border:1px solid #16a34a4d;border-radius:20px;margin-top:26px;padding:20px 22px}.bf-review-card h3{margin:0 0 8px;font-size:18px;font-weight:800}.bf-review-card p{color:var(--bf-muted);margin:0 0 10px;font-size:14px;line-height:1.6}.bf-cando-list{color:var(--bf-muted);margin:0;padding-left:20px;font-size:14px;line-height:1.8}.bf-lesson-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;display:flex}.bf-lesson-nav a{border:1px solid var(--bf-line);background:var(--bf-card);color:var(--bf-ink);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.bf-lesson-nav a:hover{border-color:var(--bf-blue);color:var(--bf-blue)}.bf-lesson-nav a.next{background:var(--bf-blue);color:#fff;border-color:var(--bf-blue)}.bf-lesson-nav a.next:hover{filter:brightness(1.05)}.bf-lesson-nav .bf-nav-disabled{visibility:hidden}@media (max-width:600px){.bf-ex-starter-note{flex-direction:column;align-items:stretch}.bf-ex-expand-button{width:100%}.bf-vocab-focus{flex-direction:column;align-items:flex-start}.bf-vocab-table{font-size:13px}.bf-vocab-loop{flex-direction:column;align-items:flex-start}.bf-vocab-loop-links{justify-content:flex-start}.bf-vocab-loop-practice{grid-template-columns:1fr}.bf-vocab-table th:nth-child(4),.bf-vocab-table td:nth-child(4){display:none}.bf-vocab-table th,.bf-vocab-table td{padding-inline:8px}.bf-vocab-fr-line{flex-direction:column;align-items:flex-start;gap:6px;min-width:108px}}.bf-unit-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.bf-unit-card{border:1px solid var(--bf-line);background:#ffffffad;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.bf-unit-icon{color:var(--bf-blue)}.bf-unit-title{color:var(--bf-ink);font-size:14px;font-weight:750}.bf-unit-summary{color:var(--bf-soft);font-size:12px;line-height:1.5}.bf-unit-min{color:var(--bf-soft);margin-top:2px;font-size:11px;font-weight:600}.bf-dlg-title{color:var(--bf-muted);margin:0 0 10px;font-size:14px;font-weight:700}.bf-dlg-hint{color:var(--bf-soft);margin-top:4px;font-size:12px;font-style:italic}.bf-dictation-blank{color:var(--bf-blue);font-family:Courier New,monospace}.bf-dictation-reveal{margin-top:6px}.bf-dictation-reveal summary{cursor:pointer;color:var(--bf-blue);font-size:12px;font-weight:600}.bf-dictation-reveal summary:hover{text-decoration:underline}.bf-more-note{text-align:center;color:var(--bf-soft);margin:0;padding:10px 0;font-size:13px}.bf-mistakes-card{background:#fffbeb99;border-color:#d977064d}.bf-mistakes-card .bf-mistakes-label{color:var(--bf-amber);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.bf-mistakes-card p{color:#92400e;margin:0 0 6px;font-size:14px;line-height:1.6}.bf-wrong-ex{font-family:Courier New,monospace;color:#dc2626!important;font-size:13px!important}.bf-correct-ex{font-family:Courier New,monospace;color:#16a34a!important;font-size:13px!important}.bf-lesson-loading{text-align:center;min-height:200px;color:var(--bf-soft);padding:60px 0;font-size:15px}.bf-vocab-review-btn{border:1px solid var(--bf-line);color:var(--bf-soft);cursor:pointer;vertical-align:middle;background:0 0;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;transition:all .15s;display:inline-block}.bf-vocab-review-btn:hover{color:#0071e3;border-color:#0071e34d}