.bfe-page{--bfe-ink:#111827;--bfe-muted:#4b5563;--bfe-soft:#6b7280;--bfe-line:#94a3b83d;--bfe-blue:#0071e3;width:min(100% - 24px,940px);color:var(--bfe-ink);margin:0 auto;padding:28px 0 90px}.bfe-topbar,.bfe-module-head,.bfe-bottom-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.bfe-topbar{margin-bottom:16px}.bfe-back-link,.bfe-nav-link{color:var(--bfe-blue);align-items:center;gap:7px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.bfe-back-link:hover,.bfe-nav-link:hover{text-decoration:underline}.bfe-kicker,.bfe-eyebrow,.bfe-progress-label,.bfe-practice-head{color:var(--bfe-blue);letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.bfe-hero{background:radial-gradient(circle at 4% 0,#0071e324,#0000 32%),radial-gradient(circle at 98% 100%,#7057d921,#0000 38%),#ffffffe6;border:1px solid #0071e324;border-radius:28px;grid-template-columns:auto minmax(0,1fr) minmax(190px,.5fr);align-items:center;gap:18px;padding:clamp(24px,5vw,42px);display:grid;box-shadow:0 18px 50px #0f172a12}.bfe-hero-icon{width:62px;height:62px;color:var(--bfe-blue);background:linear-gradient(145deg,#eef6ff,#f0edff);border-radius:21px;place-items:center;display:grid}.bfe-hero h1{letter-spacing:-.045em;margin:7px 0 6px;font-size:clamp(28px,5vw,44px);line-height:1.08}.bfe-hero p{color:var(--bfe-soft);margin:0;font-size:14px;line-height:1.65}.bfe-hero-note{color:#55409d;background:#f4f1ffc7;border-radius:16px;gap:5px;padding:14px;font-size:11px;line-height:1.6;display:grid}.bfe-hero-note strong{color:#46368d;font-size:12px}.bfe-progress-card{border:1px solid var(--bfe-line);background:#ffffffd1;border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;margin-top:15px;padding:14px 17px;display:grid}.bfe-starter-guide{background:linear-gradient(145deg,#f9f7fff0,#ffffffe0);border:1px solid #7057d92e;border-radius:22px;margin-top:16px;padding:20px}.bfe-starter-guide-head h2{letter-spacing:-.03em;margin:6px 0 5px;font-size:clamp(19px,3vw,25px)}.bfe-starter-guide-head p{max-width:680px;color:var(--bfe-muted);margin:0;font-size:12px;line-height:1.6}.bfe-starter-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.bfe-starter-guide-grid article{background:#ffffffbd;border:1px solid #7057d921;border-radius:15px;min-width:0;padding:13px}.bfe-guide-step{color:#7057d9;letter-spacing:.09em;margin-bottom:8px;font-size:10px;font-weight:900;display:block}.bfe-starter-guide-grid strong{color:var(--bfe-ink);font-size:12px;display:block}.bfe-starter-guide-grid p{color:var(--bfe-soft);margin:4px 0 0;font-size:11px;line-height:1.55}.bfe-stuck-note{color:#2563a8;background:#0071e312;border-radius:12px;flex-wrap:wrap;gap:6px 10px;margin-top:13px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.bfe-stuck-note strong{color:#15518b}.bfe-progress-card>div{gap:3px;min-width:116px;display:grid}.bfe-progress-card strong{font-size:14px}.bfe-progress-bar{background:#94a3b833;border-radius:999px;height:7px;overflow:hidden}.bfe-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, #34d399, var(--bfe-blue));height:100%;transition:width .3s;display:block}.bfe-module-list{gap:20px;margin-top:22px;display:grid}.bfe-module{border:1px solid var(--bfe-line);background:#ffffffdb;border-radius:24px;padding:22px;box-shadow:0 12px 34px #0f172a0b}.bfe-module.is-done{background:linear-gradient(145deg,#f0fdf494,#ffffffe6);border-color:#22c55e52}.bfe-module-number{color:var(--bfe-blue);letter-spacing:.1em;flex:none;font-size:12px;font-weight:900}.bfe-module-title{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.bfe-module-icon{width:34px;height:34px;color:var(--bfe-blue);background:#0071e31a;border-radius:11px;flex:none;place-items:center;display:grid}.bfe-module-title h2{letter-spacing:-.025em;margin:0;font-size:21px}.bfe-module-title p{color:var(--bfe-muted);margin:4px 0 0;font-size:12px;line-height:1.55}.bfe-done-btn{border:1px solid var(--bfe-line);min-height:34px;color:var(--bfe-soft);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.bfe-done-btn.done{color:#15803d;background:#dcfce7cc;border-color:#16a34a47}.bfe-module-open-btn{border:1px solid var(--bfe-line);min-height:34px;color:var(--bfe-muted);cursor:pointer;background:#f8fafcd1;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.bfe-module-open-btn:hover{color:var(--bfe-blue);border-color:#0071e347}.bfe-module-collapsed-note{color:var(--bfe-soft);margin:16px 0 2px;font-size:12px;line-height:1.55}.bfe-why{color:var(--bfe-muted);background:#f5f5f7;border-radius:13px;align-items:flex-start;gap:8px;margin:17px 0;padding:11px 13px;font-size:12px;line-height:1.6;display:flex}.bfe-why svg{color:#7057d9;flex:none;margin-top:2px}.bfe-pattern-grid,.bfe-sound-grid,.bfe-phrase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.bfe-pattern-card,.bfe-sound-card,.bfe-phrase-card{background:#f8fafcb8;border:1px solid #94a3b833;border-radius:16px;min-width:0;padding:14px}.bfe-french-line,.bfe-number-fr{color:var(--bfe-ink);font-size:16px;font-weight:800;line-height:1.45}.bfe-pattern-card>p,.bfe-phrase-card>p{color:var(--bfe-muted);margin:3px 0 0;font-size:12px}.bfe-pattern-card small,.bfe-phrase-card small{color:var(--bfe-soft);margin-top:8px;font-size:11px;line-height:1.5;display:block}.bfe-formula{color:#2563a8;background:#0071e314;border-radius:7px;margin-top:9px;padding:4px 7px;font-size:10px;font-weight:750;display:inline-block}.bfe-sound-label{color:#5c43be;font-size:11px;font-weight:850}.bfe-sound-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:11px;display:grid}.bfe-sound-word{min-width:0}.bfe-sound-word>span:last-child{color:var(--bfe-muted);margin-top:3px;font-size:11px;display:block}.bfe-sound-vs{color:var(--bfe-soft);font-weight:800}.bfe-sound-card>p{color:var(--bfe-soft);margin:10px 0 0;font-size:11px;line-height:1.55}.bfe-number-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.bfe-number-card{text-align:center;background:#f8fafcb8;border:1px solid #94a3b833;border-radius:11px;gap:3px;min-width:0;padding:9px 7px;display:grid}.bfe-number-card>span{color:var(--bfe-soft);font-size:10px;font-weight:800}.bfe-number-fr{font-size:12px}.bfe-practice{border-top:1px dashed var(--bfe-line);margin-top:17px;padding-top:16px}.bfe-practice-head{color:#15803d}.bfe-practice-list{gap:8px;margin-top:10px;display:grid}.bfe-practice-list article{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:9px;display:grid}.bfe-practice-list article>span{color:#15803d;background:#22c55e1f;border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:850;display:grid}.bfe-practice-list strong{color:var(--bfe-ink);font-size:12px;line-height:1.5}.bfe-practice-list p{color:var(--bfe-soft);margin:2px 0 0;font-size:11px;line-height:1.5}.bfe-bottom-nav{margin-top:28px}.bfe-nav-link{border:1px solid var(--bfe-line);min-height:42px;color:var(--bfe-ink);background:#ffffffdb;border-radius:999px;padding:0 15px;text-decoration:none}.bfe-nav-link.primary{border-color:var(--bfe-blue);background:var(--bfe-blue);color:#fff}.bfe-nav-link.primary:hover{filter:brightness(1.04);text-decoration:none}@media (max-width:760px){.bfe-hero{grid-template-columns:auto minmax(0,1fr)}.bfe-hero-note{grid-column:1/-1}.bfe-module-head{align-items:flex-start}.bfe-pattern-grid,.bfe-sound-grid,.bfe-phrase-grid{grid-template-columns:1fr}.bfe-starter-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bfe-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:520px){.bfe-page{width:min(100% - 20px,940px);padding-top:20px}.bfe-hero{border-radius:22px;padding:22px 17px}.bfe-hero-icon{border-radius:16px;width:48px;height:48px}.bfe-module{border-radius:20px;padding:17px 14px}.bfe-starter-guide{border-radius:19px;padding:17px 14px}.bfe-starter-guide-grid{grid-template-columns:1fr}.bfe-module-head{grid-template-columns:auto minmax(0,1fr);display:grid}.bfe-done-btn,.bfe-module-open-btn{grid-column:2;width:fit-content}.bfe-number-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bfe-bottom-nav{display:grid}.bfe-nav-link{justify-content:center}}[data-theme=green] .bfe-page,[data-theme=black] .bfe-page{--bfe-ink:var(--theme-text-primary);--bfe-muted:var(--theme-text-secondary);--bfe-soft:var(--theme-text-tertiary);--bfe-line:var(--theme-border);--bfe-blue:var(--theme-accent);color:var(--theme-text-primary)!important}[data-theme=green] .bfe-page :is(.bfe-hero,.bfe-progress-card,.bfe-starter-guide,.bfe-module),[data-theme=black] .bfe-page :is(.bfe-hero,.bfe-progress-card,.bfe-starter-guide,.bfe-module){box-shadow:0 14px 38px color-mix(in srgb, var(--theme-text-primary) 8%, transparent);border-color:var(--theme-border)!important;background:var(--theme-card-bg)!important;color:var(--theme-text-primary)!important}[data-theme=green] .bfe-page .bfe-hero,[data-theme=black] .bfe-page .bfe-hero{background:radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 32%), radial-gradient(circle at 98% 100%, #7057d91a, transparent 38%), var(--theme-card-bg)!important}[data-theme=green] .bfe-page :is(.bfe-hero-note,.bfe-stuck-note,.bfe-why,.bfe-pattern-card,.bfe-sound-card,.bfe-phrase-card,.bfe-number-card,.bfe-module-open-btn,.bfe-done-btn,.bfe-nav-link),[data-theme=black] .bfe-page :is(.bfe-hero-note,.bfe-stuck-note,.bfe-why,.bfe-pattern-card,.bfe-sound-card,.bfe-phrase-card,.bfe-number-card,.bfe-module-open-btn,.bfe-done-btn,.bfe-nav-link){border-color:var(--theme-border)!important;background:var(--theme-bg-secondary)!important;color:var(--theme-text-secondary)!important}[data-theme=green] .bfe-page .bfe-starter-guide-grid article,[data-theme=black] .bfe-page .bfe-starter-guide-grid article{border-color:var(--theme-border)!important;background:var(--theme-bg-secondary)!important}[data-theme=green] .bfe-page :is(h1,h2,h3,strong,.bfe-french-line,.bfe-number-fr),[data-theme=black] .bfe-page :is(h1,h2,h3,strong,.bfe-french-line,.bfe-number-fr){color:var(--theme-text-primary)!important}[data-theme=green] .bfe-page :is(p,small,.bfe-sound-vs,.bfe-module-collapsed-note),[data-theme=black] .bfe-page :is(p,small,.bfe-sound-vs,.bfe-module-collapsed-note){color:var(--theme-text-secondary)!important}[data-theme=green] .bfe-page :is(.bfe-hero-icon,.bfe-module-icon,.bfe-practice-list article>span),[data-theme=black] .bfe-page :is(.bfe-hero-icon,.bfe-module-icon,.bfe-practice-list article>span){background:color-mix(in srgb, var(--theme-accent) 14%, transparent)!important;color:var(--theme-accent)!important}[data-theme=green] .bfe-page :is(.bfe-done-btn.done,.bfe-nav-link.primary),[data-theme=black] .bfe-page :is(.bfe-done-btn.done,.bfe-nav-link.primary){border-color:var(--theme-accent)!important;background:var(--theme-accent)!important;color:var(--theme-accent-foreground)!important}