.fg-lesson{--fg-ink:#111827;--fg-muted:#4b5563;--fg-soft:#6b7280;--fg-line:#94a3b83d;--fg-card:#ffffffd9;--fg-alt:#f5f5f7;--fg-blue:#6d28d9;--fg-green:#16a34a;--fg-red:#ef4444;--fg-amber:#d97706;width:100%;max-width:860px;color:var(--fg-ink);margin:0 auto;padding:28px 12px 96px}.fg-lesson-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.fg-lesson-nav-links{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.fg-beginner-bridge{color:#6d28d9;background:#f5f3ffc7;border:1px solid #6d28d92e;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:11px;font-weight:750;text-decoration:none;display:inline-flex}.fg-beginner-bridge:hover{background:#fff;border-color:#6d28d959}.fg-topbar-actions{align-items:center;gap:8px;display:flex}.fg-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}.fg-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}.fg-vip-gate-icon{color:#0071e3;background:linear-gradient(145deg,#eef6ff,#e8f1ff);border-radius:21px;place-items:center;width:62px;height:62px;display:grid}.fg-vip-gate-kicker{color:#0071e3;letter-spacing:.13em;margin-top:18px;font-size:11px;font-weight:850}.fg-vip-gate h1{color:#111827;letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,5vw,42px);line-height:1.12}.fg-vip-gate>p{color:#5f6368;max-width:560px;margin:0;font-size:15px;line-height:1.75}.fg-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}.fg-vip-gate-summary span{color:#374151;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.fg-vip-gate-summary svg{color:#16a34a;flex:none}.fg-vip-gate-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.fg-vip-gate-primary,.fg-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}.fg-vip-gate-primary{background:#0071e3;box-shadow:0 8px 22px #0071e33d;color:#fff!important}.fg-vip-gate-secondary{background:#f5f5f7;color:#374151!important}.fg-vip-gate-note{color:#8b8b90;margin-top:15px;font-size:12px}.fg-ai-jump{color:#6d28d9;background:#f5f3ffeb;border:1px solid #6d28d92e;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.fg-ai-jump:hover{background:#ede9fe}.fg-back-link{color:var(--fg-blue);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.fg-back-link:hover{text-decoration:underline}.fg-reset-btn{border:1px solid var(--fg-line);background:var(--fg-card);color:var(--fg-soft);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.fg-reset-btn:hover{color:var(--fg-red);border-color:#ef44444d}.fg-lesson-header{margin-bottom:20px}.fg-lesson-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fg-lesson-title-row h1{margin:0;font-size:clamp(26px,4vw,36px);font-weight:850;line-height:1.1}.fg-lesson-fr-title{color:var(--fg-soft);align-items:center;gap:8px;margin:4px 0 0;font-size:16px;font-style:italic;display:flex}.fg-level-badge{color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.fg-summary-card{border:1px solid var(--fg-line);background:var(--fg-card);border-radius:18px;margin:16px 0;padding:16px 18px}.fg-summary-card .fg-summary-label{color:var(--fg-blue);margin-bottom:4px;font-size:12px;font-weight:800}.fg-summary-card p{color:var(--fg-ink);margin:0;font-size:15px;line-height:1.6}.fg-beginner-guide{background:linear-gradient(145deg,#f8f6ffeb,#f2f8ffdb);border:1px solid #6d28d92e;border-radius:20px;margin:16px 0 24px;padding:18px 20px;box-shadow:0 10px 28px #4c1d950b}.fg-beginner-guide-heading{gap:5px;display:grid}.fg-beginner-guide-kicker{color:#6d28d9;align-items:center;gap:6px;font-size:11px;font-weight:850;display:inline-flex}.fg-beginner-guide-heading h2{color:#312e81;letter-spacing:-.03em;margin:0;font-size:clamp(19px,3vw,25px)}.fg-beginner-guide-heading p{color:#5b5a78;max-width:720px;margin:0;font-size:12px;line-height:1.65}.fg-beginner-guide-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.fg-beginner-guide-steps span{color:#4c4771;background:#ffffffad;border:1px solid #6d28d91f;border-radius:11px;align-items:center;gap:7px;min-width:0;padding:9px 10px;font-size:11px;line-height:1.4;display:flex}.fg-beginner-guide-steps b{color:#fff;background:#7c3aed;border-radius:8px;flex:none;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.fg-beginner-guide-note{color:#6b6688;margin:11px 0 0;font-size:11px;line-height:1.55}.fg-beginner-apply{background:linear-gradient(145deg,#f7fbfff5,#f5f3ffe6);border:1px solid #0071e329;border-radius:22px;margin:0 0 28px;padding:20px;scroll-margin-top:80px;box-shadow:0 12px 30px #1e40af0d}.fg-beginner-apply-heading{gap:5px;display:grid}.fg-beginner-apply-heading h2{color:#172554;letter-spacing:-.03em;margin:0;font-size:clamp(19px,3vw,25px)}.fg-beginner-apply-heading p{color:#596579;max-width:720px;margin:0;font-size:12px;line-height:1.65}.fg-beginner-apply-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.fg-beginner-apply-card{background:#ffffffd1;border:1px solid #0071e31f;border-radius:16px;min-width:0;padding:14px 15px}.fg-beginner-apply-label{color:#2563eb;margin-bottom:8px;font-size:11px;font-weight:850;display:block}.fg-beginner-apply-fr{color:#111827;align-items:center;gap:7px;font-size:18px;font-weight:800;line-height:1.45;display:flex}.fg-beginner-apply-fr>:first-child{min-width:0}.fg-beginner-apply-card p{color:#5b6472;margin:6px 0 0;font-size:12px;line-height:1.6}.fg-beginner-apply-task strong{color:#1f2937;font-size:14px;line-height:1.5;display:block}.fg-beginner-apply-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;display:flex}.fg-beginner-apply-primary,.fg-beginner-apply-secondary{border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.fg-beginner-apply-primary{color:#fff;background:#2563eb;box-shadow:0 7px 16px #2563eb2e}.fg-beginner-apply-primary:hover{background:#1d4ed8}.fg-beginner-apply-secondary{color:#31507a;background:#ffffffc7;border:1px solid #2563eb2e}.fg-beginner-apply-secondary:hover{color:#1d4ed8;border-color:#2563eb61}.fg-beginner-apply-note{color:#718096;margin:10px 0 0;font-size:11px;line-height:1.55}.fg-section{margin:28px 0;scroll-margin-top:80px}.fg-section-head{align-items:center;gap:8px;margin:0 0 12px;font-size:20px;font-weight:800;display:flex}.fg-section-head svg{color:var(--fg-blue)}.fg-section-count{color:var(--fg-soft);margin-left:auto;font-size:12px;font-weight:600}.fg-card{border:1px solid var(--fg-line);background:var(--fg-card);border-radius:18px;margin-bottom:12px;padding:18px 18px 16px}.fg-explanation{color:var(--fg-muted);font-size:15px;line-height:1.7}.fg-mistakes-card{background:#fffbeb99;border-color:#d977064d}.fg-rule-card .fg-rule-title{align-items:center;gap:8px;margin:0 0 6px;font-size:15px;font-weight:800;display:flex}.fg-rule-no{background:var(--fg-blue);color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex}.fg-rule-formula{color:var(--fg-blue);background:#6d28d914;border-radius:8px;margin-bottom:8px;padding:4px 12px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:inline-block}.fg-pronunciation-row{align-items:center;gap:8px;width:fit-content;max-width:100%;display:flex}.fg-pronunciation-row>span:first-child{overflow-wrap:anywhere;min-width:0}.fg-pronunciation-row .fg-rule-formula{margin-bottom:0}.fg-rule-text{color:var(--fg-muted);margin:0 0 6px;font-size:14px;line-height:1.65}.fg-rule-notes{color:var(--fg-soft);font-size:13px;font-style:italic}.fg-example{border-bottom:1px solid var(--fg-line);padding:12px 0}.fg-example:last-child{border-bottom:none}.fg-example-fr{color:var(--fg-ink);font-size:16px;font-weight:600}.fg-example-zh,.fg-example-en{color:var(--fg-muted);margin-top:2px;font-size:13px}.fg-ex-progress{z-index:5;border:1px solid var(--fg-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}.fg-ex-progress-bar{background:#94a3b838;border-radius:999px;flex:1;height:6px;overflow:hidden}.fg-ex-progress-bar>span{background:linear-gradient(90deg,#a78bfa,#6d28d9);height:100%;transition:width .4s;display:block}.fg-ex-starter-note{background:#f8f6ffbf;border:1px solid #6d28d924;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 12px;display:flex}.fg-ex-starter-note>div{gap:3px;min-width:0;display:grid}.fg-ex-starter-note strong{color:#4c1d95;font-size:12px}.fg-ex-starter-note span{color:#6b6688;font-size:11px;line-height:1.5}.fg-ex-expand-button{color:#6d28d9;min-height:32px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #6d28d933;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.fg-ex-expand-button:hover{background:#faf8ff;border-color:#6d28d966}.fg-ex-visible-note{color:#7b7890;margin:0 0 14px;font-size:11px;line-height:1.5}.fg-ex-card{border:1px solid var(--fg-line);background:var(--fg-card);border-radius:18px;margin-bottom:14px;padding:18px}.fg-ex-type-pill{background:var(--fg-alt);color:var(--fg-muted);border-radius:999px;margin-bottom:8px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.fg-ex-prompt{color:var(--fg-blue);margin:0 0 6px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.fg-ex-question{margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.55}.fg-options{flex-direction:column;gap:8px;display:flex}.fg-option{border:1px solid var(--fg-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}.fg-option:hover:not(.disabled){background:#6d28d90a;border-color:#6d28d966}.fg-option.selected{border-color:var(--fg-blue);background:#6d28d914}.fg-option.correct{border-color:var(--fg-green);background:#16a34a1a}.fg-option.wrong{border-color:var(--fg-red);background:#ef444414}.fg-option.disabled{cursor:default}.fg-option-mark{flex-shrink:0;width:20px;height:20px}.fg-input-row{flex-wrap:wrap;gap:10px;display:flex}.fg-text-input{border:1px solid var(--fg-line);border-radius:12px;flex:1;min-width:200px;padding:10px 14px;font-family:inherit;font-size:15px}.fg-text-input:focus{border-color:var(--fg-blue);outline:none}.fg-check-btn{background:var(--fg-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:700}.fg-check-btn:disabled{opacity:.5;cursor:default}.fg-feedback{border-radius:12px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.6}.fg-feedback.correct{color:#15803d;background:#16a34a1a}.fg-feedback.wrong{color:#b91c1c;background:#ef444414}.fg-feedback.open{color:#92400e;background:#d977061a}.fg-feedback-answer{margin-top:4px;font-weight:700}.fg-feedback-expl{color:var(--fg-muted);margin-top:6px}.fg-lesson-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:30px;display:flex}.fg-lesson-nav a{border:1px solid var(--fg-line);background:var(--fg-card);color:var(--fg-ink);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.fg-lesson-nav a:hover{border-color:var(--fg-blue);color:var(--fg-blue)}.fg-lesson-nav a.next{background:var(--fg-blue);color:#fff;border-color:var(--fg-blue)}.fg-lesson-nav a.next:hover{filter:brightness(1.05)}.fg-lesson-nav .fg-nav-disabled{visibility:hidden}.fg-lesson-loading{text-align:center;min-height:200px;color:var(--fg-soft);padding:60px 0;font-size:15px}.fg-unit-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.fg-unit-card{border:1px solid var(--fg-line);background:#ffffffad;border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.fg-unit-icon{color:var(--fg-blue)}.fg-unit-title{color:var(--fg-ink);font-size:14px;font-weight:750}.fg-unit-summary{color:var(--fg-soft);font-size:12px;line-height:1.5}.fg-unit-min{color:var(--fg-soft);margin-top:2px;font-size:11px;font-weight:600}.fg-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.fg-flip-card{border:1px solid var(--fg-line);background:#ffffffb8;border-radius:16px;padding:16px 18px}.fg-card-type{color:var(--fg-blue);background:#6d28d914;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.fg-card-front{color:var(--fg-ink);margin:0 0 8px;font-size:14px;font-weight:700}.fg-card-back{color:var(--fg-muted);margin:0;font-size:13px;line-height:1.6}.fg-mistakes-card .fg-mistakes-label{color:var(--fg-amber);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.fg-mistakes-card p{color:#92400e;margin:0 0 6px;font-size:14px;line-height:1.6}.fg-wrong-ex{font-family:Courier New,monospace;color:#dc2626!important;font-size:13px!important}.fg-correct-ex{font-family:Courier New,monospace;color:#16a34a!important;font-size:13px!important}.fg-severity{border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.fg-severity-high{color:#dc2626;background:#ef444426}.fg-severity-medium{color:#d97706;background:#d9770626}.fg-severity-low{color:#6b7280;background:#6b728026}.fg-diff-pill{color:var(--fg-blue);background:#6d28d914;border-radius:6px;margin:4px 0;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.fg-cm-title{align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:800;display:flex}.fg-cm-summary{color:var(--fg-muted);margin:0;font-size:13px;line-height:1.6}.fg-cm-base{color:var(--fg-soft);margin-top:2px;font-family:Courier New,monospace;font-size:13px}.fg-dictation-reveal{margin-top:6px}.fg-dictation-reveal summary{cursor:pointer;color:var(--fg-blue);font-size:12px;font-weight:600}.fg-dictation-reveal summary:hover{text-decoration:underline}.fg-more-note{text-align:center;color:var(--fg-soft);margin:0;padding:10px 0;font-size:13px}.fg-cando-list{color:var(--fg-muted);margin:0;padding-left:20px;font-size:14px;line-height:1.8}.fg-lesson-meta{color:#6b7280;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;font-weight:600;display:flex}@media (max-width:640px){.fg-beginner-guide,.fg-beginner-apply{padding:16px}.fg-beginner-apply-grid{grid-template-columns:1fr}.fg-beginner-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-ex-starter-note{flex-direction:column;align-items:flex-start}.fg-ex-expand-button{align-self:flex-start}}