.Header-module__ldgnoG__header{z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:16px 20px;transition:background-color .3s;position:sticky;top:0}.Header-module__ldgnoG__inner{max-width:var(--max-width-card);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.Header-module__ldgnoG__titleArea{align-items:center;gap:12px;display:flex}.Header-module__ldgnoG__backButton{width:36px;height:36px;color:var(--color-text-sub);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.Header-module__ldgnoG__backButton:hover{background-color:var(--color-border);color:var(--color-text-main)}.Header-module__ldgnoG__siteTitle{color:var(--color-grammar);font-size:18px;font-weight:700;text-decoration:none}.Header-module__ldgnoG__siteTitle:hover{opacity:.8}.Header-module__ldgnoG__lessonTitle{color:var(--color-text-main);font-size:16px;font-weight:600}.Header-module__ldgnoG__progress{color:var(--color-text-sub);font-size:13px;font-family:var(--font-en)}.Header-module__ldgnoG__rightArea{align-items:center;gap:8px;display:flex}
.ThemeToggle-module__Z5gSZG__toggle{background-color:var(--color-border);cursor:pointer;border:none;border-radius:20px;width:56px;height:28px;padding:0;transition:background-color .3s;position:relative;overflow:hidden}.ThemeToggle-module__Z5gSZG__toggle[data-theme=dark]{background-color:#1e3a5f}.ThemeToggle-module__Z5gSZG__toggle[data-theme=light]{background-color:#87ceeb}.ThemeToggle-module__Z5gSZG__toggle[data-theme=system]{background-color:var(--color-border)}.ThemeToggle-module__Z5gSZG__knob{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .3s,background-color .3s;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.ThemeToggle-module__Z5gSZG__toggle[data-theme=dark] .ThemeToggle-module__Z5gSZG__knob{background-color:#1a1a2e;transform:translate(28px)}.ThemeToggle-module__Z5gSZG__toggle[data-theme=light] .ThemeToggle-module__Z5gSZG__knob{background-color:gold;transform:translate(0)}.ThemeToggle-module__Z5gSZG__toggle[data-theme=system] .ThemeToggle-module__Z5gSZG__knob{background-color:#6b7280;transform:translate(14px)}.ThemeToggle-module__Z5gSZG__icon{width:14px;height:14px;transition:opacity .2s}.ThemeToggle-module__Z5gSZG__sunIcon{color:#ff8c00}.ThemeToggle-module__Z5gSZG__moonIcon{color:#f0f0f0}.ThemeToggle-module__Z5gSZG__systemIcon{color:#fff}.ThemeToggle-module__Z5gSZG__tooltip{color:var(--color-text-sub);white-space:nowrap;opacity:0;pointer-events:none;font-size:10px;transition:opacity .2s;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.ThemeToggle-module__Z5gSZG__toggle:hover .ThemeToggle-module__Z5gSZG__tooltip{opacity:1}
.Button-module__e7WGRa__button{font-size:15px;font-weight:600;font-family:var(--font-ja);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s;display:inline-flex}.Button-module__e7WGRa__button:disabled{opacity:.5;cursor:not-allowed}.Button-module__e7WGRa__primary{color:#fff;background-color:var(--color-grammar)}.Button-module__e7WGRa__primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 12px #32b4d940}.Button-module__e7WGRa__primaryGrammar{background-color:var(--color-grammar)}.Button-module__e7WGRa__primarySpoken{background-color:var(--color-spoken)}.Button-module__e7WGRa__primaryWriting{background-color:var(--color-writing)}.Button-module__e7WGRa__secondary{color:var(--color-text-main);background-color:var(--color-bg-card);border:1px solid var(--color-border)}.Button-module__e7WGRa__secondary:hover:not(:disabled){background-color:var(--color-bg);border-color:var(--color-text-sub)}.Button-module__e7WGRa__ghost{color:var(--color-text-sub);background:0 0;padding:8px 16px}.Button-module__e7WGRa__ghost:hover:not(:disabled){color:var(--color-text-main);background-color:var(--color-border)}.Button-module__e7WGRa__small{padding:8px 16px;font-size:13px}.Button-module__e7WGRa__large{padding:16px 32px;font-size:17px}.Button-module__e7WGRa__fullWidth{width:100%}.Button-module__e7WGRa__iconButton{color:var(--color-text-sub);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.Button-module__e7WGRa__iconButton:hover{color:var(--color-text-main);background-color:var(--color-border)}
.Card-module__ckVvha__card{background-color:var(--color-bg-card);border-radius:var(--radius);padding:32px;transition:box-shadow .2s,background-color .2s;box-shadow:0 1px 3px #0000000d}.Card-module__ckVvha__clickable{cursor:pointer}.Card-module__ckVvha__clickable:hover{box-shadow:0 4px 12px #0000001a}.Card-module__ckVvha__grammar{border-top:3px solid var(--color-grammar)}.Card-module__ckVvha__spoken{border-top:3px solid var(--color-spoken)}.Card-module__ckVvha__writing{border-top:3px solid var(--color-writing)}.Card-module__ckVvha__lessonCard{color:inherit;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;display:flex}.Card-module__ckVvha__lessonIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.Card-module__ckVvha__lessonIconIncomplete{background-color:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-sub)}.Card-module__ckVvha__lessonIconComplete{background-color:var(--color-success);color:#fff}.Card-module__ckVvha__lessonTitle{flex:1;font-size:15px;font-weight:500}.Card-module__ckVvha__lessonArrow{color:var(--color-text-sub);font-size:14px}.Card-module__ckVvha__stepCard{max-width:var(--max-width-card);box-shadow:0 2px 8px var(--color-shadow);margin:0 auto;padding:40px}.Card-module__ckVvha__lessonCardComplete{background-color:var(--color-success-light)}@media (max-width:640px){.Card-module__ckVvha__stepCard{box-shadow:none;border-radius:0;padding:24px 20px}}
.ProgressDots-module__uJjuYW__dots{justify-content:center;gap:8px;padding:16px 0;display:flex}.ProgressDots-module__uJjuYW__dot{background-color:var(--color-border);border-radius:50%;width:8px;height:8px;transition:all .2s}.ProgressDots-module__uJjuYW__active{background-color:var(--color-grammar);transform:scale(1.2)}.ProgressDots-module__uJjuYW__completed{background-color:var(--color-success)}.ProgressDots-module__uJjuYW__grammar .ProgressDots-module__uJjuYW__active{background-color:var(--color-grammar)}.ProgressDots-module__uJjuYW__spoken .ProgressDots-module__uJjuYW__active{background-color:var(--color-spoken)}.ProgressDots-module__uJjuYW__writing .ProgressDots-module__uJjuYW__active{background-color:var(--color-writing)}
.steps-module__elpN1a__stepTitle{color:var(--color-text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:14px;font-weight:600}.steps-module__elpN1a__content{color:var(--color-text-main);font-size:18px;line-height:1.8;animation:.3s steps-module__elpN1a__fadeIn}@keyframes steps-module__elpN1a__fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.steps-module__elpN1a__summaryContent{text-align:center;padding:24px 0;font-size:20px;font-weight:500}.steps-module__elpN1a__formIntro{color:var(--color-text-main);background-color:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-grammar);margin-bottom:28px;padding:16px;font-size:16px;line-height:1.7}.steps-module__elpN1a__breakdownContainer{background-color:var(--color-bg);border-radius:var(--radius-sm);border:2px dashed var(--color-border);margin-bottom:28px;padding:16px}.steps-module__elpN1a__breakdownParts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.steps-module__elpN1a__breakdownItem{background-color:var(--color-bg-card);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:6px;min-width:60px;padding:12px 16px;display:flex}.steps-module__elpN1a__breakdownPart{font-size:18px;font-weight:600;font-family:var(--font-en);color:var(--color-text-main)}.steps-module__elpN1a__breakdownRole{color:var(--color-text-sub);white-space:nowrap;font-size:12px}.steps-module__elpN1a__pattern{color:var(--color-grammar);text-align:center;background-color:var(--color-grammar-light);border-radius:var(--radius-sm);font-size:18px;font-weight:600;font-family:var(--font-en);margin-bottom:28px;padding:20px}.steps-module__elpN1a__patternSpoken{color:var(--color-spoken);background-color:var(--color-spoken-light)}.steps-module__elpN1a__patternWriting{color:var(--color-writing);background-color:var(--color-writing-light)}.steps-module__elpN1a__patternContainer{background-color:var(--color-grammar-light);border-radius:var(--radius-sm);margin-bottom:28px;overflow:hidden}.steps-module__elpN1a__patternContainerSpoken{background-color:var(--color-spoken-light)}.steps-module__elpN1a__patternContainerWriting{background-color:var(--color-writing-light)}.steps-module__elpN1a__patternRow{border-bottom:1px solid var(--color-border);align-items:center;padding:12px 16px;display:flex}.steps-module__elpN1a__patternRow:last-child{border-bottom:none}.steps-module__elpN1a__patternLabel{border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:60px;margin-right:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.steps-module__elpN1a__patternLabelPositive{background-color:var(--color-success);color:#fff}.steps-module__elpN1a__patternLabelNegative{background-color:var(--color-text-sub);color:#fff}.steps-module__elpN1a__patternText{font-size:16px;font-weight:500;font-family:var(--font-en);color:var(--color-text-main)}.steps-module__elpN1a__patternHighlight{color:var(--color-grammar);background-color:#32b4d926;border-radius:4px;padding:2px 4px;font-weight:700}.steps-module__elpN1a__exampleList{flex-direction:column;gap:12px;display:flex}.steps-module__elpN1a__exampleItem{border-left:3px solid var(--color-border);background-color:var(--color-bg);border-radius:0 var(--radius-sm)var(--radius-sm)0;padding:12px 16px}.steps-module__elpN1a__exampleEn{font-size:16px;font-family:var(--font-en);color:var(--color-text-main);margin-bottom:4px}.steps-module__elpN1a__exampleJa{color:var(--color-text-sub);font-size:14px}.steps-module__elpN1a__pointList{flex-direction:column;gap:24px;display:flex}.steps-module__elpN1a__pointItem{border-left:3px solid var(--color-grammar);padding-left:16px}.steps-module__elpN1a__pointHeading{color:var(--color-text-main);margin-bottom:8px;font-size:15px;font-weight:600}.steps-module__elpN1a__pointText{color:var(--color-text-sub);font-size:15px;line-height:1.8}.steps-module__elpN1a__comparisonList{flex-direction:column;gap:20px;display:flex}.steps-module__elpN1a__comparisonItem{border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.steps-module__elpN1a__comparisonRow{align-items:stretch;display:flex}.steps-module__elpN1a__comparisonLabel{text-transform:uppercase;justify-content:center;align-items:center;width:60px;min-width:60px;font-size:11px;font-weight:600;display:flex}.steps-module__elpN1a__comparisonTextbook{background-color:var(--color-bg);color:var(--color-text-sub)}.steps-module__elpN1a__comparisonReal{background-color:var(--color-grammar-light);color:var(--color-grammar)}.steps-module__elpN1a__comparisonText{font-family:var(--font-en);background-color:var(--color-bg-card);border-left:1px solid var(--color-border);flex:1;padding:12px 16px;font-size:15px}.steps-module__elpN1a__comparisonNote{background-color:var(--color-bg);color:var(--color-text-sub);border-top:1px solid var(--color-border);padding:10px 16px;font-size:13px}.steps-module__elpN1a__chunkList{flex-direction:column;gap:8px;display:flex}.steps-module__elpN1a__chunkItem{background-color:var(--color-bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.steps-module__elpN1a__chunkEn{font-family:var(--font-en);color:var(--color-text-main);min-width:140px;font-weight:600}.steps-module__elpN1a__chunkJa{color:var(--color-text-sub);flex:1;font-size:14px}.steps-module__elpN1a__speakButton{width:32px;height:32px;color:var(--color-text-sub);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.steps-module__elpN1a__speakButton:hover{color:var(--color-grammar);background-color:var(--color-grammar-light);transform:scale(1.1)}.steps-module__elpN1a__examplesListFull{flex-direction:column;gap:16px;display:flex}.steps-module__elpN1a__exampleCard{background-color:var(--color-bg);border-radius:var(--radius-sm);padding:16px}.steps-module__elpN1a__exampleHeader{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.steps-module__elpN1a__exampleContext{text-transform:uppercase;background-color:var(--color-grammar-light);color:var(--color-grammar);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.steps-module__elpN1a__exampleEnFull{font-size:16px;font-family:var(--font-en);color:var(--color-text-main);margin-bottom:8px;line-height:1.5}.steps-module__elpN1a__exampleJaFull{color:var(--color-text-sub);font-size:14px}.steps-module__elpN1a__practiceContainer{flex-direction:column;gap:24px;display:flex}.steps-module__elpN1a__practiceItem{background-color:var(--color-bg);border-radius:var(--radius-sm);padding:20px}.steps-module__elpN1a__practiceInstruction{color:var(--color-text-sub);margin-bottom:12px;font-size:13px}.steps-module__elpN1a__practiceQuestion{color:var(--color-text-main);background-color:var(--color-bg-card);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:16px;font-weight:500}.steps-module__elpN1a__practiceInput{width:100%;font-size:15px;font-family:var(--font-en);border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-card);color:var(--color-text-main);margin-bottom:12px;padding:12px 16px;transition:border-color .2s}.steps-module__elpN1a__practiceInput:focus{border-color:var(--color-grammar);outline:none;box-shadow:0 0 0 4px #32b4d926}.steps-module__elpN1a__practiceShowAnswer{border-radius:var(--radius-sm);background-color:var(--color-border);width:100%;color:var(--color-text-main);cursor:pointer;border:none;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.steps-module__elpN1a__practiceShowAnswer:hover{background-color:var(--color-text-sub);color:var(--color-bg)}.steps-module__elpN1a__practiceAnswer{background-color:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-success);margin-top:16px;padding:16px}.steps-module__elpN1a__practiceAnswerLabel{color:var(--color-success);margin-bottom:8px;font-size:12px;font-weight:600}.steps-module__elpN1a__practiceAnswerList{margin-bottom:12px;padding-left:20px;list-style:outside}.steps-module__elpN1a__practiceAnswerList li{font-family:var(--font-en);color:var(--color-text-main);margin-bottom:4px;font-size:15px}.steps-module__elpN1a__practiceExplanation{color:var(--color-text-sub);border-top:1px solid var(--color-border);padding-top:12px;font-size:14px;line-height:1.6}.steps-module__elpN1a__practiceJudge{gap:8px;margin-top:12px;display:flex}.steps-module__elpN1a__judgeButton{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.steps-module__elpN1a__judgeSuccess{background-color:var(--color-success);color:#fff}.steps-module__elpN1a__judgeRetry{background-color:var(--color-border);color:var(--color-text-main)}.steps-module__elpN1a__judgeSuccess:hover,.steps-module__elpN1a__judgeRetry:hover{filter:brightness(1.1)}.steps-module__elpN1a__practiceComplete{background-color:var(--color-bg);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:12px;padding:12px;display:flex}.steps-module__elpN1a__practiceCompleteText{color:var(--color-success);font-weight:500}.steps-module__elpN1a__practiceResetButton{border:1px solid var(--color-border);color:var(--color-text-sub);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:6px 12px;font-size:13px;transition:all .2s}.steps-module__elpN1a__practiceResetButton:hover{background-color:var(--color-border);color:var(--color-text-main)}
.page-module__JBgzDa__main{flex-direction:column;min-height:calc(100vh - 120px);display:flex}.page-module__JBgzDa__stepContainer{flex-direction:column;flex:1;padding:24px 0;display:flex}@media (max-width:640px){.page-module__JBgzDa__stepContainer{padding:0}}.page-module__JBgzDa__stepContent{flex:1}.page-module__JBgzDa__navigation{max-width:var(--max-width-card);width:100%;margin:0 auto;padding:16px 20px}@media (max-width:640px){.page-module__JBgzDa__navigation{background-color:var(--color-bg-card);border-top:1px solid var(--color-border);max-width:none;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:50;position:fixed;bottom:0;left:0;right:0}.page-module__JBgzDa__main{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}}
.page-module__70odEW__main{min-height:calc(100vh - 120px);padding:24px 0}.page-module__70odEW__card{background-color:var(--color-bg-card);border-radius:var(--radius);box-shadow:0 2px 8px var(--color-shadow);max-width:var(--max-width-card);margin:0 auto;padding:32px}.page-module__70odEW__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.page-module__70odEW__title{color:var(--color-text-main);font-size:20px;font-weight:600}.page-module__70odEW__badge{background-color:var(--color-success);color:#fff;border-radius:16px;padding:6px 12px;font-size:12px;font-weight:600}.page-module__70odEW__section{margin-bottom:24px}.page-module__70odEW__sectionTitle{color:var(--color-text-sub);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.page-module__70odEW__sectionIcon{font-size:14px}.page-module__70odEW__content{color:var(--color-text-main);background-color:var(--color-bg);border-radius:var(--radius-sm);padding:12px 16px;font-size:16px;line-height:1.8}.page-module__70odEW__pattern{font-size:16px;font-weight:600;font-family:var(--font-en);color:var(--color-grammar);text-align:center;background-color:var(--color-grammar-light);border-radius:var(--radius-sm);padding:16px}.page-module__70odEW__chunkList{flex-wrap:wrap;gap:8px;display:flex}.page-module__70odEW__chunk{font-size:14px;font-family:var(--font-en);background-color:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text-main);padding:8px 12px}.page-module__70odEW__nuanceList{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.page-module__70odEW__nuanceItem{background-color:var(--color-bg);border-radius:var(--radius-sm);padding:12px 16px}.page-module__70odEW__nuanceItem strong{color:var(--color-grammar);margin-bottom:4px;font-size:14px;display:block}.page-module__70odEW__nuanceItem span{color:var(--color-text-main);font-size:14px;line-height:1.5}.page-module__70odEW__comparisonList{flex-direction:column;gap:12px;display:flex}.page-module__70odEW__comparisonItem{background-color:var(--color-bg);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.page-module__70odEW__textbook{font-size:14px;font-family:var(--font-en);color:var(--color-text-sub);flex:1}.page-module__70odEW__arrow{color:var(--color-grammar);font-weight:600}.page-module__70odEW__real{font-size:14px;font-family:var(--font-en);color:var(--color-grammar);flex:1;font-weight:600}@media (max-width:640px){.page-module__70odEW__comparisonItem{flex-wrap:wrap;gap:8px}.page-module__70odEW__textbook,.page-module__70odEW__real{flex:0 0 100%}.page-module__70odEW__arrow{text-align:center;flex:0 0 100%;font-size:12px}}.page-module__70odEW__tipSection{background-color:var(--color-grammar-light);border-radius:var(--radius-sm);padding:16px}.page-module__70odEW__tipTitle{color:var(--color-grammar);margin-bottom:8px;font-size:13px;font-weight:600}.page-module__70odEW__tipContent{color:var(--color-text-main);font-size:14px;line-height:1.6}.page-module__70odEW__actions{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;margin-top:32px;padding-top:24px;display:flex}.page-module__70odEW__subActions{justify-content:center;gap:12px;display:flex}@media (max-width:640px){.page-module__70odEW__card{border-radius:0;padding:24px 20px}.page-module__70odEW__actions{flex-direction:column}}
.page-module___8aEwW__main{min-height:calc(100vh - 120px);padding-top:24px;padding-bottom:40px}.page-module___8aEwW__hero{text-align:center;padding:24px 0 40px}.page-module___8aEwW__heroTagline{color:var(--color-text-main);background:linear-gradient(135deg,var(--color-grammar)0%,var(--color-spoken)50%,var(--color-writing)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:500}.page-module___8aEwW__categorySection{margin-bottom:40px}.page-module___8aEwW__categoryHeader{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.page-module___8aEwW__categoryTitle{color:var(--color-text-main);font-size:16px;font-weight:600}.page-module___8aEwW__categoryProgress{color:var(--color-text-sub);font-size:13px;font-family:var(--font-en)}.page-module___8aEwW__lessonGrid{gap:12px;display:grid}@media (min-width:641px){.page-module___8aEwW__lessonGrid{grid-template-columns:repeat(2,1fr)}}.page-module___8aEwW__resetButton{text-align:center;margin-top:48px}.page-module___8aEwW__resetButtonInner{color:var(--color-text-sub);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 16px;font-size:13px;transition:all .2s}.page-module___8aEwW__resetButtonInner:hover{background-color:var(--color-border);color:var(--color-text-main)}.page-module___8aEwW__grammar .page-module___8aEwW__categoryTitle{color:var(--color-grammar)}.page-module___8aEwW__spoken .page-module___8aEwW__categoryTitle{color:var(--color-spoken)}.page-module___8aEwW__writing .page-module___8aEwW__categoryTitle{color:var(--color-writing)}