._coursePage_1kqy0_1{background:var(--bg-panel);color:var(--text-main);min-height:100%}._header_1kqy0_7{background:var(--bg-panel);border-bottom:1px solid var(--border-main);padding:1.375rem 1.5rem 1.125rem}._title_1kqy0_13{font-size:1.5rem;font-weight:800;margin:0;text-align:center}._body_1kqy0_20{padding:1.375rem 1.5rem 5.5rem}._introParagraph_1kqy0_24{color:var(--text-sub);font-size:.9375rem;line-height:1.7;margin:0 0 1rem;white-space:pre-line}._introductionBody_1kqy0_32{padding:1.5rem 1.75rem 2rem}._introductionSection_1kqy0_36{margin-bottom:2.25rem}._introductionSectionTitle_1kqy0_40{font-size:1.125rem;font-weight:800;letter-spacing:.01em;margin:0 0 .625rem}._introductionParagraph_1kqy0_47{color:var(--text-sub);font-size:.9375rem;line-height:1.7;margin:0 0 1.125rem;white-space:pre-line}._introductionSubheading_1kqy0_55{font-size:1rem;font-weight:800;margin:1.5rem 0 .75rem}._definitionDiagram_1kqy0_61{align-items:center;background:var(--bg-sub);border:1px solid var(--border-main);border-radius:.875rem;display:grid;gap:.75rem 0;grid-template-columns:minmax(5.75rem,7.875rem) minmax(1.5rem,2.875rem) max-content;justify-content:center;max-width:36.25rem;padding:1.125rem}._definitionCharacterCard_1kqy0_75,._definitionJyutpingCard_1kqy0_74,._tableAudioButton_1kqy0_77,._threePartsExample_1kqy0_76{background:transparent;border:0;color:var(--text-main);cursor:pointer;font:inherit;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}._definitionCharacterCard_1kqy0_75,._definitionJyutpingCard_1kqy0_74{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:.625rem;display:grid;font-size:1.375rem;font-weight:700;min-height:3.375rem;place-items:center}._definitionCharacterCard_1kqy0_75{font-size:1.5625rem}._definitionConnector_1kqy0_102{background:var(--ld-color-brand);height:1px;margin-inline-start:.5rem;position:relative}._definitionConnector_1kqy0_102:before{background:var(--ld-color-brand);border-radius:50%;content:"";height:.25rem;inset-inline-start:0;position:absolute;top:50%;transform:translateY(-50%);width:.25rem}._definitionLabel_1kqy0_120{background:var(--ld-color-brand);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font:inherit;font-size:.875rem;font-weight:700;min-height:2.75rem;padding:0 .875rem;place-items:center;text-align:center}._threePartsDiagram_1kqy0_137{background:var(--bg-sub);border:1px solid var(--border-main);border-radius:.875rem;max-width:36.25rem;padding:1.25rem 1.125rem 1.125rem;position:relative}._threePartsExample_1kqy0_76{align-items:center;border-radius:.625rem;display:flex;font-size:2.625rem;font-weight:700;justify-content:center;letter-spacing:-.04em;margin:0 auto;min-height:3.625rem;padding:0 .75rem;position:relative;z-index:1}._threePartsValue1_1kqy0_161{color:#bd7b45}._threePartsValue2_1kqy0_165{color:var(--ld-color-brand)}._threePartsValue3_1kqy0_169{color:var(--text-sub)}._threePartsValue1_1kqy0_161,._threePartsValue2_1kqy0_165,._threePartsValue3_1kqy0_169{border-bottom:1px solid;margin:0 1px;padding-bottom:2px}._threePartsLabels_1kqy0_181{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.25rem;position:relative;z-index:1}._threePartsLabel_1kqy0_181{display:grid;justify-items:center}._threePartsLabel_1kqy0_181>button:last-child{background:var(--ld-color-brand);border:0;border-radius:.5rem;box-sizing:border-box;color:#fff;cursor:pointer;display:grid;font:inherit;font-size:.875rem;font-weight:700;min-height:2.75rem;padding:0 .875rem;place-items:center;width:100%}._threePartsConnectorLayer_1kqy0_211{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%;z-index:0}._threePartsConnectorLine_1kqy0_220{stroke:var(--ld-color-brand);stroke-width:1;vector-effect:non-scaling-stroke}._threePartsConnectorDot_1kqy0_226{fill:var(--ld-color-brand)}._tableFrame_1kqy0_230{border:1px solid var(--border-main);border-radius:.75rem;overflow-x:auto}._introTable_1kqy0_236{border-collapse:collapse;font-size:.875rem;table-layout:fixed;width:100%}._introTable_1kqy0_236 td,._introTable_1kqy0_236 th{border-bottom:1px solid var(--border-main);border-right:1px solid var(--border-main);line-height:1.5;padding:.75rem .875rem;text-align:start;vertical-align:middle}._introTable_1kqy0_236 th{background:var(--bg-sub);color:var(--text-main);font-weight:800}._introTable_1kqy0_236 td:first-child,._introTable_1kqy0_236 th:first-child{width:18%}._introTable_1kqy0_236 td:nth-child(2),._introTable_1kqy0_236 th:nth-child(2){width:43%}._introTable_1kqy0_236 td:last-child,._introTable_1kqy0_236 th:last-child{border-right:0}._introTable_1kqy0_236 tbody tr:last-child td{border-bottom:0}._tableAudioButton_1kqy0_77{border-radius:.375rem;padding:.1875rem .25rem;text-align:start;width:100%}._toneExampleButton_1kqy0_279{display:grid;gap:.25rem;justify-items:start}._toneExampleMeaning_1kqy0_285{color:var(--text-sub);font-size:.8125rem}._toneTable_1kqy0_290{min-width:35rem}._toneTable_1kqy0_290 td:first-child,._toneTable_1kqy0_290 th:first-child{width:12%}._toneTable_1kqy0_290 td:nth-child(2),._toneTable_1kqy0_290 th:nth-child(2){width:48%}._toneTable_1kqy0_290 td:nth-child(3),._toneTable_1kqy0_290 th:nth-child(3){width:40%}._toneTableDescription_1kqy0_306{white-space:pre-line}._introductionActions_1kqy0_310{background:linear-gradient(to bottom,transparent,var(--bg-panel) 24%);bottom:0;padding:.75rem 1.75rem 1.125rem;position:sticky;z-index:4}._introductionStartButton_1kqy0_318{border-radius:.875rem;font-size:1rem;min-height:3.125rem;width:100%}._section_1kqy0_325{margin:1.75rem 0}._sectionTitle_1kqy0_329{font-size:1.125rem;font-weight:800;margin:0 0 .75rem}._definitionCard_1kqy0_335,._noteCard_1kqy0_336,._toneCard_1kqy0_337{background:var(--bg-sub);border:1px solid var(--border-main);border-radius:.875rem}._definitionCard_1kqy0_335{align-items:center;display:flex;gap:1.125rem;padding:1.125rem}._definitionCharacter_1kqy0_75{background:var(--active-200);border-radius:50%;color:var(--text-main);display:grid;flex:0 0 auto;font-size:2.375rem;font-weight:800;height:4.5rem;place-items:center;width:4.5rem}._definitionJyutping_1kqy0_74{color:var(--ld-color-brand);font-size:1.375rem;font-weight:800;margin:.25rem 0 0}._soundGrid_1kqy0_370{display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}._exampleButton_1kqy0_378,._soundButton_1kqy0_376,._toneButton_1kqy0_377{background:var(--active-200);border:1px solid var(--ld-color-brand);color:var(--text-main);cursor:pointer;font:inherit}._soundButton_1kqy0_376{border-radius:.75rem;font-size:1.3125rem;font-weight:800;min-height:3.625rem}._exampleButton_1kqy0_378:hover,._soundButton_1kqy0_376:hover,._toneButton_1kqy0_377:hover{box-shadow:0 .25rem 0 var(--ld-color-brand-active);transform:translateY(-1px)}._playingSound_1kqy0_400{border-color:var(--ld-color-brand-hover);box-shadow:0 0 0 2px var(--ld-color-brand-alpha-18)}._soundExplanation_1kqy0_405{color:var(--text-sub);font-size:.8125rem;line-height:1.45;margin:.4375rem 0 0}._noteCard_1kqy0_336{padding:.875rem 1rem}._noteTitle_1kqy0_416{font-weight:800;margin-bottom:.375rem}._noteContent_1kqy0_421{color:var(--text-sub);line-height:1.6;white-space:pre-line}._toneList_1kqy0_427{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}._toneCard_1kqy0_337{display:grid;gap:.625rem .875rem;grid-template-columns:4rem minmax(0,1fr);padding:.875rem}._toneButton_1kqy0_377{border-radius:50%;display:grid;font-size:1.75rem;font-weight:800;grid-row:1/3;height:4rem;place-items:center;width:4rem}._toneDescription_1kqy0_451{color:var(--text-sub);font-size:.8125rem;line-height:1.5;margin:0}._exampleButton_1kqy0_378{border-radius:.5625rem;font-size:1rem;font-weight:800;min-height:2.125rem}._dialogExampleButton_1kqy0_465{align-items:center;border-radius:.75rem;display:inline-flex;flex-direction:column;gap:.375rem;justify-content:center;min-height:5.5rem;min-width:4.75rem;padding:.5rem .75rem}._dialogExampleCharacter_1kqy0_477{font-size:1.5rem;line-height:1}._dialogExampleMeaning_1kqy0_488,._dialogExamplePronunciation_1kqy0_482{color:var(--text-sub);font-size:.875rem;line-height:1}._dialogExampleMeaning_1kqy0_488{font-weight:600}._lessonIntroActions_1kqy0_495{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1.5rem}._primaryButton_1kqy0_502{background:var(--ld-color-brand);border:1px solid var(--ld-color-brand);border-radius:.625rem;color:#fff;cursor:pointer;font:inherit;font-weight:800;min-height:2.625rem;padding:0 1.25rem}._segmentOperator_1kqy0_517{color:var(--text-sub);font-size:1.375rem}@media (max-width:640px){._body_1kqy0_20,._header_1kqy0_7{padding-left:1rem;padding-right:1rem}._introductionBody_1kqy0_32{padding:1.25rem 1rem 1.75rem}._introductionActions_1kqy0_310{padding:.625rem 1rem .875rem}._definitionDiagram_1kqy0_61,._threePartsDiagram_1kqy0_137{padding-left:.875rem;padding-right:.875rem}._definitionDiagram_1kqy0_61{grid-template-columns:minmax(4.875rem,5.875rem) minmax(1.125rem,2rem) max-content}._definitionLabel_1kqy0_120,._introTable_1kqy0_236,._threePartsLabel_1kqy0_181>button:last-child{font-size:.8125rem}._introTable_1kqy0_236 td,._introTable_1kqy0_236 th{padding:.625rem .5rem}._toneList_1kqy0_427{grid-template-columns:1fr}._definitionCard_1kqy0_335{align-items:flex-start}}