.lesson-overlay{z-index:100;background:var(--paper);color:var(--ink);font-family:var(--sans);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.lesson-header{border-bottom:1px solid var(--line);background:var(--surface);width:100%}.lesson-header-inner{align-items:center;gap:34px;width:min(1200px,100%);min-height:92px;margin:auto;padding:20px 40px;display:flex}.lesson-close{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:8px;padding:9px 12px 9px 6px;font-size:15px;display:inline-flex}.lesson-close:hover{background:var(--surface-2);color:var(--ink)}.lesson-close svg{flex-shrink:0}.lesson-context{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.lesson-context strong{white-space:nowrap;font-size:18px;font-weight:650}.lesson-context span{color:var(--muted);white-space:nowrap;font-size:14px}.lesson-progress-group{flex:1;align-items:center;gap:18px;min-width:120px;max-width:420px;margin-left:auto;display:flex}.lesson-progress{background:var(--surface-2);border-radius:7px;flex:1;height:7px;overflow:hidden}.lesson-progress>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s var(--ease);display:block}.lesson-count{min-width:52px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.lesson-stage{overscroll-behavior:contain;min-height:0;padding:clamp(28px,5vh,56px) 32px 44px;overflow:auto}.lesson-content{background:var(--surface);border:1px solid var(--line);width:min(880px,100%);animation:lesson-arrive .2s var(--ease) both;border-radius:20px;margin:0 auto;padding:38px 48px 42px;box-shadow:0 3px 16px #23374704}.lesson-content h1{letter-spacing:-.45px;margin:0 0 28px;font-size:28px;font-weight:650;line-height:1.45}.lesson-content h1:focus{outline:none}.lesson-question-header{margin-bottom:28px}.lesson-question-header h1{margin-bottom:0}.lesson-kicker{color:var(--accent-deep);margin:0 0 9px;font-size:14px;font-weight:600}.lesson-target{background:var(--accent-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:24px;display:flex}.lesson-target>strong{min-width:0;color:var(--ink);letter-spacing:-.6px;overflow-wrap:anywhere;font-size:34px;font-weight:600;line-height:1.3}.lesson-audio{justify-content:center;align-items:center;gap:12px;margin:14px 0 32px;display:flex}.lesson-audio button{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-deep);border-radius:12px;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:600;display:inline-flex}.lesson-audio-main{min-width:198px;min-height:76px;padding:16px 24px}.lesson-audio .lesson-audio-slow{background:var(--surface);min-height:48px;padding:11px 18px;font-size:15px}.lesson-audio button:hover{border-color:var(--accent);background:#ddecf6}.lesson-audio button:active{transform:scale(.985)}.lesson-audio .lesson-is-playing{border-color:var(--accent);background:var(--accent);color:#fff}.lesson-audio-symbol{flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;display:inline-flex}.lesson-target .lesson-audio{flex-shrink:0;gap:8px;margin:0}.lesson-target .lesson-audio-main{background:var(--surface);border-color:#0000;min-width:46px;min-height:46px;padding:10px}.lesson-target .lesson-audio-main>span:last-child{display:none}.lesson-target .lesson-audio .lesson-audio-slow{background:0 0;min-height:46px;padding:10px 13px}.lesson-target .lesson-audio .lesson-is-playing{background:var(--accent);color:#fff}.lesson-sound-bars{justify-content:center;align-items:center;gap:3px;height:24px;display:flex}.lesson-sound-bars i{background:currentColor;border-radius:3px;width:3px;height:14px;animation:.65s ease-in-out infinite alternate lesson-sound;display:block}.lesson-sound-bars i:nth-child(2){height:22px;animation-delay:-.35s}.lesson-sound-bars i:nth-child(3){height:18px;animation-delay:-.15s}.lesson-sound-bars i:nth-child(4){height:10px;animation-delay:-.5s}.lesson-options{gap:12px;display:grid}.lesson-option,.lesson-pair-card{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:64px;color:var(--ink-soft);text-align:left;overflow-wrap:anywhere;transition:background .16s var(--ease), border-color .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease);border-radius:12px;padding:16px 20px;font-size:18px;line-height:1.6}.lesson-option{align-items:center;gap:15px;display:flex}.lesson-option>span:last-child{min-width:0}.lesson-option:hover:not(:disabled),.lesson-pair-card:hover:not(:disabled){border-color:var(--accent-line);background:#f7fbfe}.lesson-option:active:not(:disabled),.lesson-pair-card:active:not(:disabled){transform:scale(.995)}.lesson-option.lesson-selected,.lesson-pair-card.lesson-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1px var(--accent)}.lesson-option-indicator{border:1.5px solid #b7c5cf;border-radius:50%;flex:0 0 21px;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.lesson-selected .lesson-option-indicator{border-color:var(--accent)}.lesson-option-indicator i{background:var(--accent);border-radius:50%;width:9px;height:9px}.lesson-option.lesson-correct{border-color:var(--success);background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px var(--success)}.lesson-correct .lesson-option-indicator{border-color:var(--success);background:var(--success);color:#fff}.lesson-option.lesson-incorrect{border-color:var(--error);background:var(--error-soft);color:var(--error);box-shadow:none}.lesson-incorrect .lesson-option-indicator{border-color:var(--error)}.lesson-incorrect .lesson-option-indicator i{background:var(--error)}.lesson-option:disabled{cursor:default}.lesson-option.lesson-excluded{opacity:.45;text-decoration:line-through}.lesson-exercise-listen .lesson-options{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-exercise-listen .lesson-option{justify-content:center;gap:10px;padding:18px 12px}.lesson-sentence{background:var(--accent-soft);color:var(--ink);overflow-wrap:anywhere;border-radius:14px;margin:4px 0 14px;padding:24px 26px;font-size:25px;line-height:1.8}.lesson-sentence-gap{border-bottom:2px solid var(--accent);min-width:90px;max-width:100%;color:var(--accent-deep);text-align:center;margin:0 4px;display:inline-block}.lesson-translation,.lesson-instruction{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.8}.lesson-translation{padding:0 2px}.lesson-exercise-cloze .lesson-options{flex-wrap:wrap;gap:12px;display:flex}.lesson-exercise-cloze .lesson-option{flex:140px;justify-content:center;min-height:58px;padding:13px 17px;font-size:19px}.lesson-letter-slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:32px 0 24px;display:flex}.lesson-keyboard-help{color:var(--muted);text-align:center;margin:18px 0 0;font-size:14px;line-height:1.8}.lesson-letter-slots>span,.lesson-letter-input{border:1px solid #0000;border-bottom:2px solid var(--line);background:var(--surface-2);width:42px;height:52px;color:var(--ink-soft);font:23px/1.4 var(--mono);text-align:center;border-radius:8px 8px 3px 3px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.lesson-letter-slots .lesson-letter-input{border-color:var(--accent-line);border-bottom:2px solid var(--accent);background:#f7fbfe;min-width:0}.lesson-letter-input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px;background:var(--surface)}.lesson-letter-slots .lesson-letter-space{background:0 0;border:0;width:14px}.lesson-letter-slots .lesson-letter-hint{color:var(--accent-deep);background:#deedf7}.lesson-dictation-input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:64px;color:var(--ink);font:22px/1.5 var(--mono);border-radius:12px;padding:15px 19px;display:block}.lesson-dictation-input::placeholder{color:var(--muted);font:16px var(--sans)}.lesson-pairs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;display:grid}.lesson-pair-column{grid-auto-rows:minmax(82px,1fr);gap:14px;display:grid}.lesson-pair-card{text-align:center;min-height:82px;padding:16px 18px;font-size:19px}.lesson-pair-card.lesson-matched{background:var(--success-soft);color:var(--success);cursor:default;animation:lesson-pair-complete .22s var(--ease);border-color:#d3e5d9}.lesson-pair-marker{margin-top:4px;font-size:14px;display:block}.lesson-note{border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent-deep);overflow-wrap:anywhere;animation:lesson-arrive .16s var(--ease);border-radius:10px;margin:22px 0 0;padding:13px 16px;font-size:15px;line-height:1.7}.lesson-footer{border-top:1px solid var(--line);background:var(--surface);transition:background .18s var(--ease);margin:0;padding:22px 32px;display:block;position:relative}.lesson-footer-inner{justify-content:space-between;align-items:center;gap:24px;width:min(880px,100%);min-height:54px;margin:auto;display:flex}.lesson-primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:11px;flex-shrink:0;min-width:166px;min-height:50px;padding:12px 25px;font-size:16px;font-weight:600;line-height:1.5}.lesson-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:0 3px 8px #1476b81a}.lesson-primary:active:not(:disabled){transform:scale(.985)}.lesson-primary:disabled{border-color:var(--line);background:var(--surface-2);color:#85939d;cursor:not-allowed}.lesson-secondary-actions{flex-wrap:wrap;gap:12px;display:flex}.lesson-secondary{min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:15px;font-weight:500}.lesson-secondary:hover{background:var(--surface-2);color:var(--ink)}.lesson-secondary-actions .lesson-secondary:first-child{border-color:var(--line);color:var(--ink-soft)}.lesson-footer-correct{background:var(--success-soft);border-color:#d3e5d9}.lesson-footer-correct .lesson-feedback{align-items:center}.lesson-footer-correction{background:var(--error-soft);border-color:#ecd6d0}.lesson-feedback{min-width:0;max-height:28vh;color:var(--success);animation:lesson-arrive .16s var(--ease);align-items:flex-start;gap:15px;display:flex;overflow:auto}.lesson-footer-correction .lesson-feedback{color:var(--error)}.lesson-feedback-icon{border:1px solid;border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;margin-top:2px;display:inline-flex}.lesson-feedback-copy{min-width:0}.lesson-feedback-copy>strong{font-size:19px;font-weight:650;display:block}.lesson-feedback p{overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.7}.lesson-feedback .lesson-answer{font-size:17px;font-weight:500}.lesson-summary h1{margin-bottom:10px}.lesson-summary-intro,.lesson-empty-copy{color:var(--muted);margin:0 0 26px;font-size:16px;line-height:1.8}.lesson-summary-list{border-top:1px solid var(--line);margin:28px 0 22px;padding:0;list-style:none}.lesson-summary-list li{border-bottom:1px solid var(--line);padding:21px 0}.lesson-summary-word{align-items:center;gap:16px;margin-bottom:12px;display:flex}.lesson-summary-word strong{overflow-wrap:anywhere;flex:0 36%;min-width:0;font-size:22px;font-weight:600;line-height:1.5}.lesson-summary-word>span{min-width:0;color:var(--ink-soft);overflow-wrap:anywhere;flex:1;font-size:15px}.lesson-summary-word button{border:1px solid var(--accent-line);background:var(--surface);width:42px;height:42px;color:var(--accent);border-radius:10px;flex:0 0 42px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.lesson-summary-word button:hover,.lesson-summary-word button.lesson-is-playing{background:var(--accent-soft);border-color:var(--accent)}.lesson-summary-evidence{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.lesson-summary-evidence p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.lesson-save-note{color:var(--muted);margin:0;font-size:14px}.lesson-storage-note{background:var(--error-soft);color:var(--error);border:1px solid #ecd6d0;border-radius:10px;margin:0 0 24px;padding:13px 16px;font-size:14px;line-height:1.7}@keyframes lesson-arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes lesson-sound{to{transform:scaleY(.45)}}@keyframes lesson-pair-complete{0%{transform:scale(.985)}to{transform:scale(1)}}@media (min-width:1700px){.lesson-header-inner{max-width:1300px}.lesson-content{width:min(940px,100%);padding:44px 56px 48px}.lesson-footer-inner{width:min(940px,100%)}}@media (max-width:760px){.lesson-header-inner{gap:20px;min-height:84px;padding:16px 22px}.lesson-context,.lesson-context span{display:block}.lesson-close>span{display:none}.lesson-close{padding:10px}.lesson-progress-group{gap:12px;min-width:100px}.lesson-stage{padding:25px 20px 30px}.lesson-content{border-radius:16px;padding:28px}.lesson-content h1{font-size:25px}.lesson-target{padding:20px}.lesson-target>strong{font-size:29px}.lesson-exercise-listen .lesson-options{grid-template-columns:1fr}.lesson-exercise-listen .lesson-option{justify-content:flex-start}}@media (max-width:500px){.lesson-header-inner{gap:12px;min-height:84px;padding:12px 14px}.lesson-close{padding:8px}.lesson-context strong{font-size:16px}.lesson-context span{font-size:14px}.lesson-progress-group{gap:9px;min-width:92px}.lesson-count{min-width:44px}.lesson-stage{padding:18px 14px 24px}.lesson-content{border-radius:14px;padding:23px 20px 27px}.lesson-content h1{font-size:23px;line-height:1.5}.lesson-question-header{margin-bottom:23px}.lesson-target{flex-wrap:wrap;gap:15px;margin-bottom:22px;padding:17px}.lesson-target>strong{font-size:28px}.lesson-target .lesson-audio{gap:8px}.lesson-target .lesson-audio-main{min-height:44px}.lesson-option{gap:12px;min-height:61px;padding:14px;font-size:17px}.lesson-audio{gap:10px;margin:5px 0 25px}.lesson-audio-main{min-width:174px;min-height:72px;padding:14px 17px}.lesson-audio .lesson-audio-slow{padding:10px 13px}.lesson-sentence{padding:18px;font-size:21px}.lesson-sentence-gap{min-width:70px}.lesson-exercise-cloze .lesson-option{flex-basis:100px;min-height:54px;padding:12px;font-size:17px}.lesson-letter-slots{gap:5px;margin:24px 0 20px}.lesson-letter-slots>span,.lesson-letter-input{width:34px;height:46px;font-size:21px}.lesson-letter-slots .lesson-letter-space{width:10px}.lesson-dictation-input{min-height:60px;padding:14px;font-size:19px}.lesson-pairs{gap:14px}.lesson-pair-column{grid-auto-rows:minmax(86px,1fr);gap:12px}.lesson-pair-card{padding:12px 9px;font-size:16px}.lesson-footer{padding:16px 18px max(18px, env(safe-area-inset-bottom))}.lesson-footer-inner{gap:12px}.lesson-primary{min-width:120px;min-height:48px;padding:11px 18px;font-size:15px}.lesson-secondary-actions{flex-wrap:nowrap;gap:2px}.lesson-secondary{padding:10px 8px;font-size:14px}.lesson-footer-correction .lesson-footer-inner{flex-direction:column;align-items:stretch}.lesson-feedback{gap:12px;max-height:22vh}.lesson-feedback-icon{flex-basis:34px;width:34px;height:34px}.lesson-feedback-copy>strong{font-size:18px}.lesson-feedback .lesson-answer{font-size:16px}.lesson-summary-word{flex-wrap:wrap;gap:12px}.lesson-summary-word strong{flex:calc(100% - 58px);font-size:21px}.lesson-summary-word>span{flex-basis:100%;order:2}.lesson-summary-evidence{grid-template-columns:1fr;gap:5px}}@media (prefers-reduced-motion:reduce){.lesson-overlay *,.lesson-overlay :before,.lesson-overlay :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-shell [hidden]{display:none!important}.section-switch{border:1px solid var(--frame);background:var(--surface);border-radius:12px;flex:none;gap:3px;padding:3px;display:flex}.section-switch button{white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 11px;font-size:15px;display:flex}.section-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-deep);font-weight:650}.section-switch button:hover{background:var(--surface-2)}.daily-content{min-height:calc(100vh - 90px)}.daily-content p{overflow-wrap:anywhere}.daily-unit-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.daily-unit-tab{text-align:left;border:1px solid var(--frame);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:7px;min-height:105px;padding:18px 20px;display:flex}.daily-unit-tab strong{font-family:var(--display-font);font-size:18px;font-weight:600}.daily-unit-tab span{color:var(--muted);font-size:14px}.daily-unit-tab:hover{border-color:var(--accent);transform:translateY(-2px)}.daily-unit-tab[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.daily-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.daily-panel,.daily-note,.daily-study-card,.daily-question,.daily-summary{border:1px solid var(--frame);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.daily-panel{min-width:0;overflow:clip}.daily-panel-heading{border-bottom:1px solid var(--line);padding:26px 28px}.daily-panel-heading h2,.daily-note h2{font-family:var(--display-font);margin:0 0 8px;font-size:23px;line-height:1.4}.daily-panel-heading p,.daily-note p{color:var(--muted);margin:0}.daily-lessons{margin:0;padding:0;list-style:none}.daily-lesson-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 28px;display:flex}.daily-lesson-row:last-child{border-bottom:0}.daily-lesson-row:hover{background:color-mix(in srgb, var(--accent-soft) 22%, var(--surface))}.daily-lesson-state{background:var(--surface-2);height:38px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:0 0 38px;place-items:center;display:grid}.daily-lesson-state.complete{background:var(--success-soft);color:var(--success)}.daily-lesson-copy{flex:1;min-width:0}.daily-lesson-copy h3{margin:0 0 5px;font-size:17px;font-weight:600}.daily-lesson-copy p{color:var(--muted);margin:0;font-size:15px}.daily-lesson-actions{flex:none;align-items:center;gap:8px;display:flex}.daily-button{border:1px solid var(--frame);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:15px;line-height:1.5;display:inline-flex}.daily-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.daily-button.primary{background:var(--accent);border-color:var(--accent);color:var(--action-ink);font-weight:600}.daily-button.primary:hover:not(:disabled){background:var(--accent-deep);color:#fff}.daily-button:disabled{opacity:.5}.daily-button.text{color:var(--muted);background:0 0;border-color:#0000}.daily-note{margin-bottom:20px;padding:26px}.daily-note .daily-button{width:100%;margin-top:18px}.daily-note h2{font-size:21px}.daily-note .daily-total{color:var(--ink);margin:16px 0 8px;font-size:16px}.daily-total strong{font-variant-numeric:tabular-nums;margin-right:6px;font-size:32px;font-weight:600;line-height:1.2}.daily-note .progress-track{margin-bottom:16px}.daily-note .daily-small{margin-top:12px;font-size:14px}.daily-notice{border:1px solid var(--error);background:var(--error-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:16px 20px;display:flex}.daily-notice p{flex:350px;margin:0}.daily-empty{padding:40px 28px}.daily-empty h2{margin:0 0 10px;font-size:22px}.daily-empty p{color:var(--muted);margin:0}.daily-course-footer{color:var(--muted);margin:28px 0 0;font-size:14px}.daily-session{max-width:1100px;margin:0 auto;padding-bottom:105px}.daily-session-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.daily-session-top .voice-button{background:var(--surface)}.daily-session-heading{margin-bottom:24px}.daily-session-heading h1{font-family:var(--display-font);margin:12px 0 8px;font-size:clamp(25px,2.5vw,35px);line-height:1.35}.daily-session-heading p{color:var(--muted);margin:0 0 14px}.daily-session-heading .progress-track{height:7px;margin:12px 0}.daily-session-label{color:var(--muted);font-size:15px}.daily-study-card{padding:30px 34px}.daily-study-card>h2{font-family:var(--display-font);margin:0 0 12px;font-size:23px}.daily-study-explanation{white-space:pre-line;color:var(--ink-soft);margin:0 0 24px}.daily-phrases{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.daily-phrase{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;flex-direction:column;gap:5px;width:100%;padding:20px 0;display:flex}.daily-phrase strong{font-family:var(--word-font);overflow-wrap:anywhere;align-items:baseline;gap:10px;font-size:23px;font-weight:500;line-height:1.45;display:flex}.daily-phrase span{color:var(--muted);font-size:16px}.daily-phrase small{font:inherit;color:var(--muted);font-size:14px}.daily-phrase:hover strong,.daily-phrase.playing strong{color:var(--accent-deep)}.daily-phrase.playing .icon,.daily-audio.playing .icon{animation:.8s ease-in-out infinite alternate audio-breathe}.daily-play-hint{color:var(--muted);margin-top:20px;font-size:14px}.daily-session-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;display:flex}.daily-session-actions p{color:var(--muted);margin:0;font-size:14px}.daily-question{min-height:340px;padding:32px 36px}.daily-question h2{white-space:pre-line;margin:0 0 26px;font-size:clamp(22px,2vw,28px);font-weight:600;line-height:1.5}.daily-audio-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.daily-audio{border:1px solid var(--accent-line);color:var(--accent-deep);background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:13px 22px;display:inline-flex}.daily-audio.playing{border-color:var(--accent)}.daily-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.daily-option{border:1px solid var(--frame);background:var(--surface);text-align:left;border-radius:12px;min-height:62px;padding:16px 20px;font-size:18px;line-height:1.5}.daily-option:hover:not(:disabled),.daily-option[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.daily-option[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--accent)}.daily-option.correct{border-color:var(--success);background:var(--success-soft)}.daily-option.incorrect{border-color:var(--error);background:var(--error-soft)}.daily-tokens{flex-wrap:wrap;align-items:flex-start;gap:10px;min-height:54px;display:flex}.daily-answer-tokens{border:1px dashed var(--frame);background:var(--surface-2);border-radius:12px;min-height:96px;margin-bottom:22px;padding:16px}.daily-answer-tokens>p{color:var(--muted);margin:10px 0;font-size:15px}.daily-token{border:1px solid var(--frame);background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:8px;padding:9px 14px;font-size:20px}.daily-token:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.daily-token:disabled{opacity:.28}.daily-answer-tokens .daily-token:disabled{opacity:1}.daily-fill{flex-wrap:wrap;align-items:baseline;gap:12px 10px;font-size:24px;line-height:2.2;display:flex}.daily-fill input,.daily-write{border:1px solid var(--frame);border-bottom:2px solid var(--accent);background:var(--surface-2);color:var(--ink);font:inherit;border-radius:8px;padding:9px 12px}.daily-fill input{width:130px;min-width:70px;max-width:100%;line-height:1.4}.daily-write{resize:vertical;width:100%;min-height:100px;font-size:21px;line-height:1.6;display:block}.daily-write:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.daily-fill input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.daily-input-label{color:var(--muted);margin-bottom:10px;font-size:15px;display:block}.daily-checks{gap:12px;margin-top:22px;display:grid}.daily-checks label{align-items:flex-start;gap:10px;display:flex}.daily-checks input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:6px}.daily-sample{background:var(--surface-2);border-radius:10px;margin-top:20px;padding:16px 18px}.daily-sample p{margin:6px 0}.daily-help{color:var(--ink-soft);background:var(--accent-soft);border-radius:10px;margin:20px 0 0;padding:15px 18px}.daily-feedback{border:1px solid var(--error);border-radius:var(--radius);background:var(--error-soft);margin-top:20px;padding:22px 26px}.daily-feedback.correct{border-color:var(--success);background:var(--success-soft)}.daily-feedback.self{border-color:var(--accent-line);background:var(--accent-soft)}.daily-feedback h3{margin:0 0 9px;font-size:21px}.daily-feedback p{margin:7px 0}.daily-feedback .daily-expected{font-size:22px;font-family:var(--word-font)}.daily-controls{z-index:35;background:var(--surface);border-top:1px solid var(--frame);justify-content:space-between;align-items:center;gap:18px;padding:16px max(28px,50vw - 550px);display:flex;position:fixed;top:auto;bottom:0;left:0;right:0;box-shadow:0 -3px 20px #00000005}.daily-controls>div{flex-wrap:wrap;gap:8px;display:flex}.daily-controls .primary{min-width:150px}.daily-controls.has-correct-feedback{background:var(--success-soft);border-color:var(--success)}.daily-controls.has-self-feedback{background:var(--accent-soft);border-color:var(--accent-line)}.daily-controls .daily-feedback.compact{background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;margin:0;padding:0;display:flex}.daily-feedback.compact h3{color:var(--success);align-items:center;gap:9px;margin:0;font-size:18px;line-height:1.5;display:flex}.daily-feedback.compact.self h3{color:var(--accent-deep)}.daily-feedback.compact h3 .icon{flex-shrink:0}.daily-feedback.compact .daily-audio.icon-only{width:40px;min-height:40px;color:var(--ink);background:0 0;border-color:#0000;padding:9px}.daily-feedback-details summary{cursor:pointer;min-height:40px;color:var(--ink-soft);padding:9px 4px;font-size:15px;list-style:none}.daily-feedback-details summary::-webkit-details-marker{display:none}.daily-feedback-details summary:hover,.daily-feedback-details[open] summary{color:var(--accent-deep);text-underline-offset:4px;text-decoration:underline}.daily-feedback-explanation{border:1px solid var(--frame);border-radius:var(--radius);background:var(--surface);width:min(520px,100vw - 32px);max-height:40vh;color:var(--ink);box-shadow:var(--shadow);padding:18px 22px;position:absolute;bottom:calc(100% + 12px);left:max(16px,50vw - 550px);overflow:auto}@media (max-width:600px){.daily-feedback.compact h3{gap:6px;font-size:16px}.daily-controls .daily-feedback.compact{gap:6px}}.daily-key-hint{color:var(--muted);margin:16px 0 0;font-size:14px}.daily-summary{padding:32px}.daily-summary h2{font-size:25px;font-family:var(--display-font);margin:0 0 12px}.daily-summary-counts{border-block:1px solid var(--line);flex-wrap:wrap;gap:25px;margin:25px 0;padding:18px 0;display:flex}.daily-summary-counts p{margin:0}.daily-summary-counts strong{margin-right:6px;font-size:24px}.daily-summary ul{padding-left:22px}.daily-summary li{margin:12px 0}.daily-content textarea{font-family:var(--sans)}.daily-workbook-filter{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.daily-workbook-filter select{font:inherit;border:1px solid var(--frame);color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 12px}.daily-enter{animation:daily-enter .23s var(--ease) both}.speech-mode{border:1px solid var(--frame);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.speech-mode button{min-height:42px;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 17px}.speech-mode button[aria-pressed=true]{border-color:var(--accent-line);color:var(--accent-deep);background:var(--accent-soft);font-weight:650}.speech-instruction{color:var(--muted);margin:20px 0;font-size:16px}.speech-targets{gap:18px;display:grid}.speech-target{border:1px solid var(--frame);border-radius:var(--radius);background:var(--surface-2);padding:24px}.speech-target.matched{border-color:var(--success)}.speech-reference{font-family:var(--word-font);overflow-wrap:anywhere;font-size:clamp(24px,2.5vw,31px);line-height:1.8}.speech-reference>.icon{color:var(--success);margin-left:14px}.speech-word{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:2px 0}.speech-word.matched{color:var(--success);background:var(--success-soft)}.speech-word.missing{-webkit-text-decoration:underline dashed var(--error);text-decoration:underline dashed var(--error);text-underline-offset:6px}.speech-word.different{color:var(--error);background:var(--error-soft);text-underline-offset:6px;text-decoration:underline}.speech-translation{color:var(--muted);margin:3px 0 20px}.speech-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.speech-actions .daily-audio{min-height:46px;padding:10px 15px;font-size:15px}.speech-actions .daily-button.playing{color:var(--accent-deep);border-color:var(--accent);background:var(--accent-soft)}.speech-mic{background:var(--accent);color:var(--action-ink);border-color:var(--accent);min-height:46px;margin-left:auto}.speech-mic:hover:not(:disabled){color:var(--ink)}.speech-mic.listening{background:var(--error-soft);color:var(--error);border-color:var(--error)}.speech-mic.listening .icon{animation:.8s ease-in-out infinite alternate audio-breathe}.speech-live,.speech-result{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:16px}.speech-live>span{color:var(--muted);margin-top:8px;display:block}.speech-result p{margin:6px 0}.speech-result ul{margin:12px 0 0;padding-left:22px}.speech-result li{margin-top:6px}.speech-transcript{color:var(--muted)}.speech-service-note{color:var(--muted);border-top:1px solid var(--line);margin-top:22px;padding-top:12px;font-size:14px;line-height:1.7}.speech-service-note p{margin:0}.daily-speaking>.speech-actions{margin-bottom:22px}.daily-speaking>.speech-actions .speech-mic{margin-left:0}:root[data-theme=sketch] .speech-target{border-style:dashed;border-radius:9px 16px 11px 14px}:root[data-theme=print] .speech-target{box-shadow:3px 3px 0 var(--frame)}:root[data-theme=graffiti] .speech-target{border-width:2px;border-radius:3px}@media (max-width:600px){.speech-target{padding:17px}.speech-actions{gap:8px}.speech-mic{flex-basis:100%;margin-left:0}}@keyframes daily-enter{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}:root[data-theme=sketch] .daily-study-card,:root[data-theme=sketch] .daily-question{border-width:1.5px}:root[data-theme=sketch] .daily-lesson-row{border-bottom-style:dashed}:root[data-theme=sketch] .daily-unit-tab[aria-selected=true]{background:#ffe59b;transform:rotate(-.5deg);box-shadow:3px 3px #d7c9a2}:root[data-theme=sketch] .daily-option,:root[data-theme=sketch] .daily-button{border-radius:7px 12px 8px 10px}:root[data-theme=print] .daily-unit-tab[aria-selected=true]{background:var(--secondary);border-color:var(--frame);box-shadow:4px 4px 0 var(--frame)}:root[data-theme=print] .daily-button.primary,:root[data-theme=print] .daily-option[aria-pressed=true]{box-shadow:3px 3px 0 var(--frame)}:root[data-theme=graffiti] .daily-unit-tab{border-width:2px}:root[data-theme=graffiti] .daily-unit-tab[aria-selected=true]{background:var(--secondary);box-shadow:4px 4px 0 var(--frame)}:root[data-theme=graffiti] .daily-button,:root[data-theme=graffiti] .daily-option,:root[data-theme=graffiti] .daily-token{border-width:2px;border-radius:3px}:root[data-theme=graffiti] .daily-question,:root[data-theme=graffiti] .daily-study-card{border-width:2px}:root[data-theme=graffiti] .daily-option[aria-pressed=true]{box-shadow:4px 4px 0 var(--frame)}@media (min-width:1800px){.daily-layout{grid-template-columns:minmax(0,1fr) 330px;gap:36px}.daily-lesson-row{padding-block-start:27px;padding-block-end:27px}}@media (max-width:1200px){:root[data-theme] .header-inner{flex-wrap:wrap;gap:14px}.section-switch button{padding-inline-start:8px;padding-inline-end:8px}.daily-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.daily-unit-tab{padding:15px}}@media (max-width:950px){:root[data-theme] .header-inner{justify-content:space-between}:root[data-theme] .main-nav{flex:1 0 100%;order:3;justify-content:center}.daily-layout{grid-template-columns:minmax(0,1fr)}.daily-rail{grid-template-columns:1fr 1fr;gap:18px;display:grid}.daily-unit-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-lesson-row{padding:22px}}@media (max-width:600px){.section-switch button{padding:8px;font-size:14px}.section-switch .icon{display:none}:root[data-theme] .header-inner{gap:8px}:root[data-theme] .theme-picker{gap:4px;font-size:13px}:root[data-theme] .theme-picker select{max-width:114px;font-size:14px}.daily-unit-tabs{gap:12px}.daily-unit-tab{min-height:95px;padding:15px 12px}.daily-unit-tab strong{font-size:17px}.daily-lesson-row{flex-wrap:wrap;gap:12px;padding:20px 18px}.daily-lesson-copy{flex-basis:calc(100% - 52px)}.daily-lesson-actions{margin-left:50px}.daily-panel-heading{padding:24px 20px}.daily-rail{grid-template-columns:1fr;gap:0}.daily-session{padding-bottom:145px}.daily-study-card,.daily-question,.daily-summary{padding:24px 20px}.daily-phrases{grid-template-columns:1fr}.daily-options{grid-template-columns:1fr;gap:11px}.daily-option{min-height:54px;padding:13px 16px}.daily-fill{font-size:21px}.daily-fill input{width:100px}.daily-controls{gap:8px;padding:12px 16px}.daily-controls .primary{min-width:105px}.daily-controls>div{gap:0}.daily-controls .daily-button{padding:8px 10px;font-size:14px}.daily-session-top{gap:10px}.daily-session-top>.daily-button{padding-inline-start:10px;padding-inline-end:10px}.daily-notice{padding:16px}}@media (prefers-reduced-motion:reduce){.daily-content *,.section-switch *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.daily-unit-tab:hover{transform:none}}:root{--ink:#233747;--ink-soft:#405563;--muted:#5f707d;--paper:#f5f7f8;--surface:#fff;--surface-2:#f0f4f6;--line:#dce4e9;--accent:#1476b8;--accent-deep:#075c96;--accent-soft:#eaf5fc;--accent-line:#b8dbf0;--success:#26744d;--success-soft:#edf7f0;--error:#ac4545;--error-soft:#fff1ee;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{color:var(--ink);background:var(--paper);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), box-shadow .16s var(--ease), transform .16s var(--ease)}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:var(--ink);background:#d1eafb}.icon{vertical-align:middle;flex:none}.skip-link{z-index:150;background:var(--ink);color:#fff;border-radius:10px;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{align-items:center;gap:44px;max-width:1648px;min-height:88px;margin:auto;padding:0 56px;display:flex}.brand{letter-spacing:-.5px;background:0 0;border:0;flex:none;align-items:center;gap:12px;padding:0;font-size:21px;font-weight:750;display:flex}.brand>.icon{width:31px;height:31px;color:var(--accent)}.main-nav{flex:1;align-self:stretch;align-items:stretch;gap:10px;display:flex}.nav-item{color:var(--muted);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:0 15px;font-size:16px;display:flex;position:relative}.nav-item:after{content:"";background:var(--accent);height:3px;transition:transform .2s var(--ease);border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:14px;right:14px;transform:scaleX(0)}.nav-item.active{color:var(--accent-deep);font-weight:650}.nav-item.active:after{transform:scaleX(1)}.nav-item:hover{color:var(--accent-deep);background:#f7fafc}.nav-count{background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:7px;padding:1px 7px;font-size:14px;font-weight:500}.nav-item.active .nav-count{background:var(--accent-soft);color:var(--accent-deep)}.voice-button{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;line-height:1.5;display:flex}.voice-button:hover{background:var(--surface-2)}.voice-button>.icon:first-child{width:22px;height:22px;color:var(--accent)}.voice-button>.icon:last-child{width:16px;height:16px;color:var(--muted)}.voice-preference{color:var(--muted);display:block}.content{max-width:1648px;margin:auto;padding:42px 56px 28px}.page-heading{margin-bottom:28px}.page-heading h1{letter-spacing:-.8px;margin:0 0 8px;font-size:34px;font-weight:720;line-height:1.35}.page-heading p{color:var(--muted);margin:0;font-size:16px}.learning-layout{grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:28px;display:grid}.vocabulary-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-width:0;overflow:clip}.library-tools{flex-wrap:wrap;align-items:center;gap:12px;padding:24px 24px 18px;display:flex}.search{border:1px solid var(--line);min-width:180px;min-height:46px;color:var(--muted);background:#fbfcfd;border-radius:10px;flex:250px;align-items:center;gap:10px;padding:0 13px;transition:border-color .16s,box-shadow .16s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{width:100%;min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;font-size:15px}.search input::placeholder{color:var(--muted)}.search>button{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.search>button:hover{background:var(--surface-2)}.category-select{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;height:46px;padding:0 10px 0 12px;font-size:14px;display:flex}.category-select>span{color:var(--muted)}.category-select select{min-width:0;max-width:188px;min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:14px}.tier-select select{min-width:62px}.list-guide{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 24px 18px;font-size:14px;display:flex}.list-guide>span{color:var(--ink-soft)}.list-guide strong{font-weight:600}.list-guide p{align-items:center;gap:7px;margin:0;display:flex}.list-guide .icon{width:16px;height:16px}.list-columns,.word-card{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 168px;column-gap:24px;display:grid}.list-columns{color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9fa;padding:12px 24px;font-size:14px}.list-columns span:last-child{text-align:right;padding-right:10px}.word-grid{grid-template-columns:minmax(0,1fr);display:grid}.word-card{border-bottom:1px solid var(--line);min-width:0;transition:background .18s var(--ease);row-gap:14px;padding:21px 24px 18px;position:relative}.word-card:last-child{border-bottom:0}.word-card:hover{background:#fbfdff}.word-card.word-playing,.word-card.example-playing{background:#f1f8fd}.word-card:before{content:"";background:var(--accent);width:3px;transition:transform .15s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.word-card.word-playing:before,.word-card.example-playing:before{transform:scaleY(1)}.word-row,.word-definition{min-width:0}.word-button{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:0;display:flex}.word-title{align-items:center;gap:10px;max-width:100%;display:flex}.word-title strong{letter-spacing:-.35px;overflow-wrap:anywhere;min-width:0;font-size:22px;font-weight:650;line-height:1.25}.word-title .icon{color:#7c9cb1;width:18px;height:18px}.word-button:hover,.word-button.playing{color:var(--accent-deep)}.word-button:hover .icon,.word-button.playing .icon{color:var(--accent)}.phonetic{color:var(--muted);overflow-wrap:anywhere;margin-top:7px;font-size:14px;line-height:1.4}.meaning{color:var(--ink);overflow-wrap:anywhere;margin:1px 0 5px;font-size:17px;line-height:1.45}.word-meta{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px}.word-meta>span{color:#9cabb6;margin:0 7px}.card-actions{justify-content:flex-end;align-items:flex-start;gap:7px;display:flex}.favorite{color:#81919d;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.favorite>.icon{width:22px;height:22px}.favorite:hover{color:#94611e;background:#fff7e9}.favorite.active{color:#94611e}.favorite.active .icon{fill:#f2c76c;animation:star-in .22s var(--ease)}.known{border:1px solid var(--line);min-height:38px;color:var(--ink-soft);white-space:nowrap;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.known .icon{width:16px;height:16px}.known:hover{border-color:var(--accent-line);color:var(--accent-deep);background:var(--accent-soft)}.known.active{color:var(--accent-deep);background:#f5fafe;border-color:#d3e8f5}.example{border-left:2px solid #e0ebf2;grid-column:1/-1;min-width:0;padding-left:14px}.example>button{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;padding:0 27px 0 0;display:flex;position:relative}.example-en{color:var(--ink-soft);overflow-wrap:anywhere;font-size:16px;line-height:1.5}.example-zh{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:14px;line-height:1.55}.example>button>.icon{color:#7c9cb1;width:16px;height:16px;position:absolute;top:4px;right:0}.example>button:hover .example-en,.example>button.playing .example-en{color:var(--accent-deep)}.example>button.playing .icon,.word-button.playing .icon,.modal-actions .playing .icon{color:var(--accent);animation:.8s ease-in-out infinite alternate audio-breathe}.progress-details summary{cursor:pointer;justify-content:flex-end;align-items:center;gap:5px;padding:4px 0;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.progress-details summary:hover{color:var(--accent-deep)}.progress-details .icon{width:16px;height:16px;transition:transform .18s var(--ease)}details[open]>summary .icon{transform:rotate(180deg)}.load-more-area{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.load-more{border:1px solid var(--line);color:var(--accent-deep);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;display:flex}.load-more:hover{border-color:var(--accent-line);background:var(--accent-soft)}.load-more-area>span{color:var(--muted);font-size:14px}.study-rail{gap:22px;display:grid;position:sticky;top:116px}.review-card{background:var(--accent-soft);border:1px solid #d7eaf7;border-radius:18px;padding:24px}.rail-heading{align-items:center;gap:10px;display:flex}.rail-heading>.icon{width:23px;height:23px;color:var(--accent-deep)}.review-card h2,.progress-card h2{margin:0;font-size:19px;font-weight:650}.review-card>p{color:var(--ink-soft);margin:14px 0 20px;font-size:15px;line-height:1.8}.quiz-button{background:var(--accent);color:#fff;border:1px solid #0000;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:11px 18px;font-size:16px;font-weight:600;display:flex}.quiz-button:hover{background:var(--accent-deep);box-shadow:0 3px 10px #075c961c}.quiz-button:active{transform:translateY(1px)}.review-card .review-note{color:#55758b;margin:13px 0 0;font-size:14px;line-height:1.7}.progress-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.progress-number{flex-wrap:wrap;align-items:baseline;gap:8px;margin:22px 0 17px;display:flex}.progress-number>strong{letter-spacing:-1px;font-size:38px;font-weight:620;line-height:1.2}.progress-number>span{color:var(--muted);font-size:14px}.progress-caption,.progress-sessions{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.progress-caption strong{color:var(--accent-deep);font-weight:600}.progress-track{background:var(--surface-2);border-radius:8px;height:7px;margin:10px 0 23px;display:block;overflow:hidden}.progress-track>i{border-radius:inherit;height:100%;transition:width .3s var(--ease);background:#79bce5;display:block}.progress-sessions{border-bottom:1px solid var(--line);padding-bottom:20px}.progress-sessions strong{color:var(--ink-soft);font-weight:600}.progress-details{color:var(--muted);margin-top:15px;font-size:14px}.progress-details summary{justify-content:space-between}.progress-details p{margin:10px 0 0;line-height:1.8}.site-footer{color:var(--muted);margin-top:28px;font-size:14px}.empty-state{text-align:center;flex-direction:column;align-items:center;padding:66px 28px 80px;display:flex}.empty-state>.icon{box-sizing:content-box;width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:50%;padding:20px}.empty-state h2{margin:22px 0 8px;font-size:23px}.empty-state p{max-width:450px;color:var(--muted);margin:0 0 26px}.empty-state>button{color:#fff;background:var(--accent);border:0;border-radius:10px;align-items:center;gap:16px;padding:11px 22px;display:flex}.modal-layer{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:default;background:#1e34445c;border:0;position:absolute;top:0;bottom:0;left:0;right:0}.modal{border:1px solid var(--line);width:min(480px,100%);max-height:calc(100dvh - 48px);animation:surface-in .2s var(--ease);background:#fff;border-radius:22px;padding:32px;position:relative;overflow:auto;box-shadow:0 20px 80px #1a34452b}.modal-close{width:36px;height:36px;color:var(--muted);background:var(--surface-2);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:19px;right:19px}.modal-close:hover{color:var(--ink);background:#e3ebf0}.modal-heading-icon{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.modal-heading-icon>.icon{width:24px;height:24px}.modal h2{margin:0;font-size:26px;line-height:1.4}.modal-copy{color:var(--muted);margin:10px 0 28px;font-size:15px}.voice-select{margin-bottom:18px;display:block}.voice-select>span{margin-bottom:8px;font-size:15px;font-weight:600;display:block}.voice-select select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fbfcfd;border-radius:10px;padding:10px 12px;font-size:16px}.modal-actions{gap:12px;margin-top:26px;display:flex}.modal-actions button{border:1px solid var(--accent-line);min-height:46px;color:var(--accent-deep);background:#f5faff;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.modal-actions button:hover,.modal-actions button.playing{background:var(--accent-soft);border-color:var(--accent)}.voice-scope{border-top:1px solid var(--line);color:var(--muted);margin:24px 0 0;padding-top:20px;font-size:14px;line-height:1.8}@keyframes audio-breathe{0%{opacity:.55}to{opacity:1}}@keyframes star-in{50%{transform:scale(1.2)}}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1700px){.content{padding-top:48px}.learning-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.word-card{column-gap:36px;padding-top:23px;padding-bottom:21px}.list-columns{column-gap:36px}}@media (max-width:1250px){.header-inner{gap:24px;padding:0 32px}.content{padding:32px}.nav-item{gap:7px;padding:0 10px}.nav-item>.icon{display:none}.learning-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.review-card,.progress-card{padding:22px}.list-columns,.word-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 146px;column-gap:18px}.known{padding:6px 8px}.known>.icon{display:none}}@media (max-width:1050px){.header-inner{gap:20px;min-height:78px}.brand{gap:8px;font-size:19px}.brand>.icon{width:25px;height:25px}.voice-button>.icon:last-child{display:none}.nav-count{padding:0 5px;font-size:13px}.learning-layout{flex-direction:column;gap:20px;display:flex}.vocabulary-panel{width:100%}.study-rail{display:contents}.review-card{order:-1;grid-template-columns:1fr auto;column-gap:24px;width:100%;padding:20px 24px;display:grid}.review-card>p{grid-column:1;margin:5px 0 0}.review-card .quiz-button{grid-area:1/2/3;align-self:center;width:160px}.review-card .review-note{grid-column:1/-1;margin:8px 0 0}.progress-card{width:100%}.progress-number{margin-top:12px}}@media (max-width:900px){html{scroll-padding-top:138px}.header-inner{flex-wrap:wrap;justify-content:space-between;gap:0;padding:0 20px}.brand{min-height:64px}.voice-button{min-height:44px;padding:5px}.voice-button .voice-preference{margin-left:7px;display:inline}.voice-button>.icon{display:none}.main-nav{flex:1 0 100%;order:3;justify-content:space-between;gap:0;min-height:53px}.nav-item{flex:1;padding:0 8px;font-size:15px}.nav-item:after{left:8px;right:8px}}@media (max-width:760px){.content{padding:28px 20px 24px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:29px}.page-heading p{font-size:15px}.review-card{gap:8px 15px;padding:18px}.review-card h2{font-size:17px}.rail-heading{gap:7px}.rail-heading>.icon{width:20px;height:20px}.review-card .quiz-button{width:126px;padding:10px 12px;font-size:15px}.review-card>p{font-size:14px}.library-tools{gap:10px;padding:18px 18px 14px}.search{flex-basis:100%}.category-select{flex:1;justify-content:space-between}.category-select select{max-width:190px}.tier-select{flex:0 120px}.list-guide{gap:8px 15px;padding:0 18px 16px}.list-columns{display:none}.word-grid{border-top:1px solid var(--line)}.word-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 18px}.word-row{grid-area:1/1}.word-definition{grid-area:2/1}.word-title strong{font-size:22px}.card-actions{flex-direction:column;grid-area:1/2/3;justify-content:flex-start;align-items:flex-end;gap:10px}.known{min-height:44px;padding:6px 10px}.meaning{font-size:16px}.word-meta{font-size:14px}.example{grid-column:1/-1;margin-top:2px;padding-left:12px}.load-more-area{flex-wrap:wrap;gap:10px 18px}.site-footer{font-size:14px}}@media (max-width:600px){html{scroll-padding-top:147px}.main-nav{min-height:62px}.nav-item{flex-direction:column;gap:1px;padding:6px 4px;font-size:14px}.nav-count{background:0 0;padding:0;font-size:14px}.nav-item.active .nav-count{background:0 0}}@media (max-width:430px){.header-inner{padding:0 14px}.brand{font-size:18px}.voice-preference{display:none!important}.content{padding:24px 14px}.review-card{flex-wrap:wrap;align-items:center;display:flex}.review-card .rail-heading{flex:1}.review-card .quiz-button{order:1;width:117px;font-size:14px}.review-card>p{flex-basis:100%;order:2}.review-card .review-note{display:none}.review-card h2{font-size:16px}.review-card .rail-heading>.icon{display:none}.library-tools,.list-guide{padding-left:16px;padding-right:16px}.word-card{padding:20px 16px 15px}.modal-layer{padding:14px}.modal{max-height:calc(100dvh - 28px);padding:26px 22px}}@media (pointer:coarse){.favorite{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.main-nav{isolation:isolate;position:relative}.main-nav .nav-item{z-index:1}.main-nav .nav-item:after{display:none}.main-nav .nav-marker{z-index:0;visibility:hidden;pointer-events:none;transform-origin:0 0;position:absolute;top:0;left:0}.main-nav .nav-marker[hidden]{display:none}.main-nav .nav-marker-ink,.main-nav .nav-marker-spray{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.main-nav .nav-marker-ink{transform-origin:50%}.main-nav .nav-marker-spray{opacity:0}@media (prefers-reduced-motion:reduce){.main-nav .nav-item,.main-nav .nav-marker,.main-nav .nav-marker-ink,.main-nav .nav-marker-spray{transition:none!important;animation:none!important}}@font-face{font-family:CW Patrick Hand;src:url(../themes/fonts/patrick-hand.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:CW Knewave;src:url(../themes/fonts/knewave.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:CW WenKai;src:url(../themes/fonts/wenkai-headings.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:CW KuaiLe;src:url(../themes/fonts/kuaile-headings.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--display-font:var(--sans);--word-font:var(--sans);--frame:var(--line);--radius:18px;--shadow:0 4px 24px #1d1d1f04;--secondary:#0071e3;--action-ink:#fff}:root[data-theme=minimal]{--ink:#1d1d1f;--ink-soft:#424247;--muted:#6e6e73;--paper:#f5f5f7;--surface:#fff;--surface-2:#f0f0f3;--line:#e6e6eb;--accent:#0071e3;--accent-deep:#0063c7;--accent-soft:#eaf3ff;--accent-line:#c7dcf4;--success:#287044;--success-soft:#eaf5ee;--error:#a93830;--error-soft:#fff0ef;--frame:#dedee5;--radius:20px;--shadow:0 4px 24px #1d1d1f04;--secondary:#0071e3;--action-ink:#fff}:root[data-theme=sketch]{--ink:#302f34;--ink-soft:#514a43;--muted:#6c645c;--paper:#f4edd9;--surface:#fffef8;--surface-2:#f4eedf;--line:#ddd7c8;--accent:#c8462d;--accent-deep:#a63221;--accent-soft:#fce5a6;--accent-line:#cfa572;--success:#3c663f;--success-soft:#e5edd7;--error:#9b3c2a;--error-soft:#f7e0d4;--display-font:"CW WenKai", "KaiTi", var(--sans);--word-font:"CW Patrick Hand", var(--sans);--frame:#494039;--radius:9px 14px 11px 7px;--shadow:3px 5px 0 #d7c9a278, 0 8px 20px #594a300c;--secondary:#ffd146;--action-ink:#fffdf3}:root[data-theme=print]{--ink:#25212f;--ink-soft:#4f4057;--muted:#68566d;--paper:#f2caeb;--surface:#fffdf8;--surface-2:#eee8f6;--line:#dfd4dd;--accent:#4434b8;--accent-deep:#34268e;--accent-soft:#eee8ff;--accent-line:#afa1df;--success:#28663f;--success-soft:#e7f2df;--error:#a93228;--error-soft:#ffe4dc;--frame:#302338;--radius:11px;--shadow:5px 5px 0 #302338;--secondary:#ffd83e;--action-ink:#fff}:root[data-theme=graffiti]{--ink:#17171b;--ink-soft:#424248;--muted:#64646b;--paper:#efefe9;--surface:#fffdf9;--surface-2:#eeece5;--line:#dedad4;--accent:#f4498b;--accent-deep:#ad1750;--accent-soft:#fde3eb;--accent-line:#ed9ab9;--success:#356239;--success-soft:#e7f0dc;--error:#9c3223;--error-soft:#f9e1d8;--display-font:"CW KuaiLe", var(--sans);--word-font:"CW Knewave", var(--sans);--frame:#17171b;--radius:2px;--shadow:5px 5px 0 #17171b, 8px 8px 0 #fffdf7;--secondary:#ffe036;--action-ink:#17171b}:root[data-theme] ::selection{background:var(--accent-soft);color:var(--ink)}:root[data-theme] .header-inner{gap:30px}:root[data-theme] .main-nav{flex:0 auto;align-self:center;gap:4px;min-width:0;min-height:48px;margin-inline-start:auto;margin-inline-end:auto}:root[data-theme] .nav-item{gap:8px;min-height:46px;padding:10px 13px}:root[data-theme] .nav-item:after{display:none}:root[data-theme] .nav-item:hover{color:var(--ink);background:0 0}:root[data-theme] .nav-item.active{color:var(--ink)}:root[data-theme] .nav-count{color:var(--muted);background:0 0;padding:0 2px}:root[data-theme] .nav-item.active .nav-count{color:inherit;background:0 0}:root[data-theme] .theme-picker{color:var(--muted);flex:none;align-items:center;gap:10px;font-size:14px;display:flex}:root[data-theme] .theme-picker select{border:1px solid var(--line);background:var(--surface);max-width:140px;min-height:40px;color:var(--ink);cursor:pointer;border-radius:9px;padding:6px 9px}:root[data-theme] .theme-picker option,:root[data-theme] .category-select option{color:var(--ink);background:var(--surface)}:root[data-theme] .page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}:root[data-theme] .page-heading-copy{min-width:0}:root[data-theme] .page-heading h1{font-family:var(--display-font);overflow-wrap:anywhere;width:-moz-fit-content;width:fit-content}:root[data-theme] .page-heading-actions{flex:none}:root[data-theme] .voice-button{border:1px solid var(--frame);background:var(--surface);padding:9px 13px}:root[data-theme] .voice-button>.icon:first-child{color:var(--muted)}:root[data-theme] .vocabulary-panel{border-radius:var(--radius);box-shadow:var(--shadow)}:root[data-theme] .search{background:var(--surface-2)}:root[data-theme] .category-select{background:var(--surface)}:root[data-theme] .list-columns{background:var(--surface-2)}:root[data-theme] .word-card{padding-top:25px;padding-bottom:23px}:root[data-theme] .word-card:hover{background:color-mix(in srgb, var(--accent-soft) 36%, var(--surface))}:root[data-theme] .word-card.word-playing,:root[data-theme] .word-card.example-playing{background:var(--accent-soft)}:root[data-theme] .word-title strong{font-family:var(--word-font);font-size:27px}:root[data-theme] .word-title .icon,:root[data-theme] .example>button>.icon{color:var(--muted)}:root[data-theme] .phonetic{font-family:Arial, var(--sans);font-size:15px}:root[data-theme] .word-meta>span{color:var(--muted);opacity:.65}:root[data-theme] .known{background:var(--surface);border-color:var(--frame);min-height:40px}:root[data-theme] .known:hover,:root[data-theme] .known.active{color:var(--accent-deep);background:var(--accent-soft);border-color:var(--accent-line)}:root[data-theme] .favorite{color:var(--muted)}:root[data-theme] .favorite:hover{color:#76521b;background:#ffe7a1}:root[data-theme] .favorite.active{color:#a26b12}:root[data-theme] .favorite.active .icon{fill:#ffd366}:root[data-theme] .example{border-color:var(--accent-line)}:root[data-theme] .example-en{line-height:1.65}:root[data-theme] .example-zh{font-size:15px}:root[data-theme] .review-card,:root[data-theme] .progress-card{border-radius:var(--radius);background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}:root[data-theme] .review-card h2,:root[data-theme] .progress-card h2{font-family:var(--display-font);line-height:1.45}:root[data-theme] .review-card .review-note{color:var(--muted)}:root[data-theme] .quiz-button{background:var(--accent);color:var(--action-ink)}:root[data-theme] .quiz-button:hover{background:var(--accent-deep);color:#fff}:root[data-theme] .progress-track>i{background:var(--accent)}:root[data-theme] .progress-number>strong{font-variant-numeric:tabular-nums}:root[data-theme] .load-more{background:var(--surface);border-color:var(--frame)}:root[data-theme] .load-more:hover{background:var(--accent-soft)}:root[data-theme] .modal{background:var(--surface);border-color:var(--frame);border-radius:var(--radius)}:root[data-theme] .modal h2{font-family:var(--display-font)}:root[data-theme] .modal-close:hover{background:var(--accent-soft)}:root[data-theme] .voice-select select{background:var(--surface);border-color:var(--frame)}:root[data-theme] .modal-actions button{background:var(--surface-2)}:root[data-theme] .modal-actions button:hover,:root[data-theme] .modal-actions button.playing{background:var(--accent-soft)}:root[data-theme] .nav-marker-spray{opacity:0}:root[data-theme=minimal] .site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed}:root[data-theme=minimal] .brand{font-size:20px;font-weight:650}:root[data-theme=minimal] .brand>.icon{width:27px;height:27px;color:var(--ink)}:root[data-theme=minimal] .main-nav{background:#efeff2;border-radius:999px;gap:0;padding:4px}:root[data-theme=minimal] .nav-item{min-height:40px;padding:7px 14px;font-size:15px}:root[data-theme=minimal] .nav-item>.icon{width:17px;height:17px}:root[data-theme=minimal] .nav-marker-ink{background:#fff;border:1px solid #e6e6ea;border-radius:999px;top:0;bottom:0;left:0;right:0;box-shadow:0 1px 4px #1d1d1f14}:root[data-theme=minimal] .nav-marker-spray{display:none}:root[data-theme=minimal] .page-heading h1{letter-spacing:-.8px;font-size:34px;font-weight:650}:root[data-theme=minimal] .content{padding-top:44px}:root[data-theme=minimal] .word-title strong{letter-spacing:-.55px;font-weight:600}:root[data-theme=minimal] .vocabulary-panel{border-color:#e7e7ec}:root[data-theme=minimal] .search{border-color:#0000}:root[data-theme=minimal] .list-columns{background:#fafafc}:root[data-theme=minimal] .example{border-left:0;padding-left:0}:root[data-theme=minimal] .example>button{flex-flow:wrap;align-items:baseline;gap:3px 16px}:root[data-theme=minimal] .example-zh{margin-top:0;font-size:15px}:root[data-theme=minimal] .rail-heading>.icon{color:var(--ink)}:root[data-theme=minimal] .review-card h2{letter-spacing:-.3px;font-size:21px;font-weight:600}:root[data-theme=minimal] .review-card>p{color:var(--muted)}:root[data-theme=minimal] .quiz-button{font-weight:500}:root[data-theme=minimal] .progress-track{height:6px}:root[data-theme=minimal] .backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1d1f45}:root[data-theme=sketch] body{background-image:linear-gradient(#758dab12 1px,#0000 1px),linear-gradient(90deg,#758dab12 1px,#0000 1px);background-size:27px 27px}:root[data-theme=sketch] .site-header{background:#fffcf0;border-bottom:1.5px solid #77705e70}:root[data-theme=sketch] .brand{font-family:var(--display-font);font-size:25px}:root[data-theme=sketch] .brand>.icon{transform:rotate(-6deg)}:root[data-theme=sketch] .nav-marker-ink{clip-path:polygon(2% 12%,94% 0,99% 70%,95% 94%,6% 100%,0 40%);background:#ffd447;top:12px;bottom:8px;left:4px;right:4px;transform:rotate(-2deg)}:root[data-theme=sketch] .nav-marker-spray{display:none}:root[data-theme=sketch] .theme-picker{border:1.5px solid var(--frame);color:#315576;background:#ddebf1;border-radius:8px 15px 5px 11px;padding:3px 8px}:root[data-theme=sketch] .theme-picker select{background:0 0;border:0}:root[data-theme=sketch] .page-heading h1{isolation:isolate;letter-spacing:1px;padding-inline-start:3px;padding-inline-end:3px;font-size:39px;font-weight:400;position:relative}:root[data-theme=sketch] .page-heading h1:after{content:"";z-index:-1;clip-path:polygon(0 11%,96% 0,100% 63%,97% 88%,2% 100%);background:#ffca43;height:13px;position:absolute;top:auto;bottom:3px;left:1px;right:1px;transform:rotate(-1.5deg)}:root[data-theme=sketch] .voice-button,:root[data-theme=sketch] .load-more{border-width:1.5px;border-radius:9px 13px 7px 12px;box-shadow:2px 2px #d7c9a2}:root[data-theme=sketch] .vocabulary-panel{border:1.5px solid var(--frame);position:relative}:root[data-theme=sketch] .vocabulary-panel:after{content:"";pointer-events:none;border:1px solid #49403940;border-radius:14px 8px 10px 13px;position:absolute;top:3px;bottom:2px;left:3px;right:2px}:root[data-theme=sketch] .library-tools{padding-top:25px}:root[data-theme=sketch] .search{background:#f8f4e9;border:0;border-bottom:1.5px solid #aaa193;border-radius:8px 11px 3px 5px}:root[data-theme=sketch] .category-select{border-color:#aaa193;border-radius:6px 11px 8px 4px}:root[data-theme=sketch] .list-columns{background:#f4efdf;border-top-style:dashed}:root[data-theme=sketch] .word-card{border-bottom-style:dashed;row-gap:16px}:root[data-theme=sketch] .word-title strong{isolation:isolate;color:#244e77;letter-spacing:.15px;padding-bottom:3px;font-size:34px;font-weight:400;line-height:1.1;position:relative}:root[data-theme=sketch] .word-title strong:after{content:"";z-index:-1;clip-path:polygon(0 20%,99% 0,97% 95%,2% 85%);background:#f5c93f80;height:7px;position:absolute;top:auto;bottom:1px;left:0;right:0;transform:rotate(-1deg)}:root[data-theme=sketch] .word-button.playing strong{color:var(--accent-deep)}:root[data-theme=sketch] .favorite>.icon{stroke-width:1.7px;transform:rotate(-8deg)}:root[data-theme=sketch] .known{background:#f6f0e2;border:1.3px solid #5e5244;border-radius:13px 6px 12px 8px;box-shadow:1px 2px #d7c9a270}:root[data-theme=sketch] .example{border-left:4px solid #e8ab68;border-radius:2px 0 0 3px}:root[data-theme=sketch] .review-card{border:1.5px solid var(--frame);background:#ffd951;margin-top:10px;padding-top:28px;position:relative}:root[data-theme=sketch] .review-card:before{content:"";pointer-events:none;background:#b9d2cebd;border-inline-start:1px dashed #a8beb7;border-inline-end:1px dashed #a8beb7;width:74px;height:23px;position:absolute;top:-11px;left:calc(50% - 37px);transform:rotate(-4deg)}:root[data-theme=sketch] .review-card h2{font-size:26px;font-weight:400}:root[data-theme=sketch] .rail-heading>.icon{color:#4c4435}:root[data-theme=sketch] .review-card>p,:root[data-theme=sketch] .review-card .review-note{color:#51432b}:root[data-theme=sketch] .quiz-button{border:1.5px solid var(--frame);font-family:var(--display-font);border-radius:9px 7px 11px 6px;font-size:21px;font-weight:400}:root[data-theme=sketch] .progress-card{border:1.5px solid var(--frame)}:root[data-theme=sketch] .progress-card h2{font-size:24px;font-weight:400}:root[data-theme=sketch] .progress-track{border-radius:4px 9px 5px 7px}:root[data-theme=sketch] .progress-track>i{background:#315d7e}:root[data-theme=sketch] .modal{border-width:1.5px;box-shadow:5px 7px #d7c9a2,0 20px 70px #302b2a40}:root[data-theme=sketch] .voice-select select,:root[data-theme=sketch] .modal-actions button{border-radius:8px 13px 7px 11px}:root[data-theme=print] .site-header{border-bottom:2px solid var(--frame);background:#ffd83e}:root[data-theme=print] .brand>.icon{color:var(--frame)}:root[data-theme=print] .nav-item{color:#4f4057}:root[data-theme=print] .nav-marker-ink{border:2px solid var(--frame);box-shadow:2px 3px 0 var(--frame);background:#f48bb3;border-radius:7px;top:3px;bottom:3px;left:0;right:0}:root[data-theme=print] .nav-marker-spray{display:none}:root[data-theme=print] .theme-picker{border:2px solid var(--frame);color:var(--ink);box-shadow:3px 3px 0 var(--frame);background:#fffdf8;border-radius:7px;gap:8px;padding:3px 8px}:root[data-theme=print] .theme-picker select{background:0 0;border:0}:root[data-theme=print] .page-heading h1{border:2px solid var(--frame);color:#342b9e;box-shadow:4px 4px 0 var(--frame);background:#ffeb63;border-radius:6px;margin-bottom:16px;padding:5px 13px 7px}:root[data-theme=print] .voice-button,:root[data-theme=print] .load-more{border:2px solid var(--frame);box-shadow:3px 3px 0 var(--frame);border-radius:7px}:root[data-theme=print] .vocabulary-panel{border:2px solid var(--frame)}:root[data-theme=print] .library-tools{background:#e7eafc}:root[data-theme=print] .search{background:var(--surface);border-color:#756887}:root[data-theme=print] .category-select{border-color:#756887}:root[data-theme=print] .list-guide{background:#e7eafc;padding-top:4px}:root[data-theme=print] .list-columns{border-top:2px solid var(--frame);background:#f2edf8}:root[data-theme=print] .word-title strong{color:#342b9e;font-size:29px;font-weight:800}:root[data-theme=print] .word-card:hover{background:#fff0c1}:root[data-theme=print] .known{border:1.5px solid var(--frame);background:#ffd8db;border-radius:7px;box-shadow:2px 2px #baa3b2}:root[data-theme=print] .known:hover,:root[data-theme=print] .known.active{color:#342b9e;border-color:var(--frame);background:#e4defa}:root[data-theme=print] .example{border-left:4px solid #d7a2d0}:root[data-theme=print] .review-card{color:#fff;border:2px solid var(--frame);background:#4434b8}:root[data-theme=print] .review-card h2{font-size:23px}:root[data-theme=print] .rail-heading>.icon,:root[data-theme=print] .review-card>p,:root[data-theme=print] .review-card .review-note{color:#fff}:root[data-theme=print] .quiz-button{color:#25212f;border:2px solid var(--frame);box-shadow:0 3px 0 var(--frame);background:#ffd83e;border-radius:7px}:root[data-theme=print] .quiz-button:hover{color:#25212f;background:#ffe97b}:root[data-theme=print] .progress-card{border:2px solid var(--frame);background:#ffedb8}:root[data-theme=print] .progress-track{background:#dfd0b6}:root[data-theme=print] .progress-sessions{border-color:#cabb9b}:root[data-theme=print] .modal{box-shadow:7px 7px 0 var(--frame), 0 20px 70px #30233850;border-width:2px}:root[data-theme=print] .voice-select select,:root[data-theme=print] .modal-actions button{border:1.5px solid var(--frame);border-radius:7px}:root[data-theme=graffiti] body{background-image:url(../themes/graffiti-accent.webp);background-position:50% 88px;background-repeat:no-repeat;background-size:max(1440px,100%)}:root[data-theme=graffiti] .site-header{border-bottom:3px solid var(--frame);background:#fffdf7}:root[data-theme=graffiti] .brand{font-family:var(--display-font);letter-spacing:1px;font-size:27px;font-weight:400}:root[data-theme=graffiti] .brand>.icon{color:#17171b;background:#f4498b;border:1.5px solid #17171b;width:31px;height:31px;padding:4px;transform:rotate(-9deg)}:root[data-theme=graffiti] .nav-marker-ink{clip-path:polygon(1% 8%,97% 0,100% 89%,3% 100%,0 40%);background:#37d2ed;top:12px;bottom:8px;left:1px;right:1px;transform:rotate(-3deg)}:root[data-theme=graffiti] .nav-marker-spray{background:radial-gradient(circle at 4% 22%,#f4498b 0 2px,#0000 3px),radial-gradient(circle at 13% 84%,#17171b 0 1px,#0000 2px),radial-gradient(circle at 91% 16%,#17171b 0 2px,#0000 3px),radial-gradient(circle at 98% 68%,#37d2ed 0 3px,#0000 4px),radial-gradient(circle at 77% 95%,#f4498b 0 2px,#0000 3px),radial-gradient(circle at 28% 8%,#37d2ed 0 1px,#0000 2px);top:-7px;bottom:-7px;left:-12px;right:-12px}:root[data-theme=graffiti] .theme-picker{border:2px solid var(--frame);color:var(--ink);box-shadow:3px 3px 0 var(--frame);background:#ffdf38;border-radius:2px;padding:3px 8px}:root[data-theme=graffiti] .theme-picker select{background:0 0;border:0}:root[data-theme=graffiti] .page-heading-copy{background:#17171b;border:2px solid #17171b;padding:14px 20px 16px;box-shadow:4px 4px #fffdf7}:root[data-theme=graffiti] .page-heading h1{isolation:isolate;letter-spacing:2px;color:#fffdf7;text-shadow:2px 2px #26cde7;margin-bottom:12px;font-size:43px;font-weight:400;line-height:1.25;position:relative;transform:skew(-4deg)}:root[data-theme=graffiti] .page-heading h1:after{content:"";z-index:-1;clip-path:polygon(0 12%,100% 0,97% 87%,1% 100%);background:#f4498b;height:11px;position:absolute;top:auto;bottom:-3px;left:-4px;right:-4px;transform:rotate(-2deg)}:root[data-theme=graffiti] .page-heading p{color:#fffdf7}:root[data-theme=graffiti] .voice-button,:root[data-theme=graffiti] .load-more{border:2px solid var(--frame);box-shadow:3px 3px 0 var(--frame);border-radius:2px}:root[data-theme=graffiti] .vocabulary-panel{border:2px solid var(--frame)}:root[data-theme=graffiti] .search,:root[data-theme=graffiti] .category-select{background:var(--surface);border-color:#9c9690;border-radius:2px}:root[data-theme=graffiti] .list-columns{border-top:2px solid var(--frame);background:#f0eee7}:root[data-theme=graffiti] .word-card{row-gap:17px}:root[data-theme=graffiti] .word-card:hover{background:#fff7c1}:root[data-theme=graffiti] .word-title strong{color:#17171b;letter-spacing:.3px;text-shadow:1.5px 1.5px #60d6e8;padding-bottom:2px;font-size:31px;font-weight:400;line-height:1.25}:root[data-theme=graffiti] .word-button.playing strong{text-shadow:2px 2px #f4498b}:root[data-theme=graffiti] .favorite{color:#17171b}:root[data-theme=graffiti] .favorite>.icon{stroke-width:2.1px;transform:rotate(-9deg)}:root[data-theme=graffiti] .favorite.active{color:#17171b}:root[data-theme=graffiti] .favorite.active .icon{fill:#ffe13b}:root[data-theme=graffiti] .known{border:1.7px solid var(--frame);border-radius:2px;box-shadow:2px 2px #b7b3ad}:root[data-theme=graffiti] .known.active{border-color:var(--frame);background:#fde3eb}:root[data-theme=graffiti] .example{border-left:4px solid #f4498b}:root[data-theme=graffiti] .review-card{isolation:isolate;color:#fffdf7;border:2px solid var(--frame);background:#17171b;position:relative;overflow:clip;box-shadow:5px 5px #f4498b,8px 8px #fffdf7}:root[data-theme=graffiti] .review-card:before{content:"";z-index:-1;opacity:.26;pointer-events:none;background:url(../themes/graffiti-accent.webp) 100% 0/300%;height:105px;position:absolute;top:auto;bottom:0;left:0;right:0}:root[data-theme=graffiti] .review-card h2{border-bottom:4px solid #ffe13b;padding-bottom:4px;font-size:28px;font-weight:400}:root[data-theme=graffiti] .rail-heading>.icon,:root[data-theme=graffiti] .review-card>p,:root[data-theme=graffiti] .review-card .review-note{color:#fffdf7}:root[data-theme=graffiti] .quiz-button{border:2px solid var(--frame);font-family:var(--display-font);letter-spacing:1px;border-radius:2px;font-size:23px;font-weight:400;transform:rotate(-1deg);box-shadow:3px 3px #fffdf7}:root[data-theme=graffiti] .quiz-button:hover{color:#17171b;background:#ff74a6}:root[data-theme=graffiti] .progress-card{border:2px solid var(--frame);background:#fffdf7}:root[data-theme=graffiti] .progress-card h2{font-size:25px;font-weight:400}:root[data-theme=graffiti] .progress-track{border-radius:1px}:root[data-theme=graffiti] .progress-track>i{background:#27bad3;border-radius:1px}:root[data-theme=graffiti] .modal{border:2px solid var(--frame);box-shadow:6px 6px 0 var(--frame), 9px 9px 0 #fffdf7, 0 20px 80px #17171b40}:root[data-theme=graffiti] .modal h2{font-size:31px;font-weight:400}:root[data-theme=graffiti] .voice-select select,:root[data-theme=graffiti] .modal-actions button{border:1.5px solid var(--frame);border-radius:2px}:root[data-theme=graffiti] .modal-heading-icon{color:#17171b;background:#37d2ed;border-radius:2px}@media (hover:hover){:root[data-theme=print] .known:hover,:root[data-theme=graffiti] .known:hover{transform:translate(-1px,-1px)}:root[data-theme=sketch] .quiz-button:hover{transform:rotate(-.5deg)}}@media (min-width:1700px){:root[data-theme] .content{padding-top:48px}:root[data-theme] .word-card{padding-block-start:27px;padding-block-end:25px}}@media (max-width:1250px){:root[data-theme] .header-inner{gap:20px}:root[data-theme] .nav-item{gap:6px;padding-inline-start:9px;padding-inline-end:9px}:root[data-theme=minimal] .nav-item{padding-inline-start:11px;padding-inline-end:11px}:root[data-theme] .theme-picker>span{display:none}:root[data-theme] .word-title strong{font-size:26px}:root[data-theme=sketch] .word-title strong{font-size:32px}:root[data-theme=graffiti] .word-title strong{font-size:29px}}@media (max-width:1050px){:root[data-theme] .header-inner{gap:14px}:root[data-theme] .theme-picker{gap:0}:root[data-theme] .review-card h2{font-size:21px}:root[data-theme=sketch] .review-card h2,:root[data-theme=graffiti] .review-card h2{font-size:25px}:root[data-theme=sketch] .review-card{margin-top:0}:root[data-theme=graffiti] .review-card:before{background-size:150%}}@media (max-width:900px){:root[data-theme] .header-inner{gap:0;padding-bottom:10px}:root[data-theme] .main-nav{flex:1 0 100%;justify-content:space-between;min-height:48px;margin:0}:root[data-theme] .nav-item{flex:1 1 0;min-height:43px;padding-inline-start:6px;padding-inline-end:6px}:root[data-theme] .nav-item>.icon{display:none}:root[data-theme] .theme-picker{margin-left:auto}:root[data-theme] .voice-button>.icon:first-child{display:block}:root[data-theme] .voice-button .voice-preference{margin-left:0;display:block}:root[data-theme=minimal] .main-nav{min-height:48px}:root[data-theme=graffiti] body{background-position-y:124px}}@media (max-width:760px){:root[data-theme] .page-heading{align-items:flex-start;gap:16px;margin-bottom:24px}:root[data-theme] .page-heading h1{font-size:29px}:root[data-theme=sketch] .page-heading h1{font-size:34px}:root[data-theme=graffiti] .page-heading h1{font-size:36px}:root[data-theme=graffiti] .page-heading-copy{padding:12px 14px 14px}:root[data-theme] .content{padding-top:28px}:root[data-theme] .word-card{padding-block-start:22px;padding-block-end:20px}:root[data-theme] .known{min-height:44px}:root[data-theme=minimal] .example>button{flex-direction:column;gap:1px}:root[data-theme] .review-card .quiz-button{white-space:nowrap;gap:8px;width:142px;font-size:16px}:root[data-theme=sketch] .review-card .quiz-button,:root[data-theme=graffiti] .review-card .quiz-button{font-size:20px}:root[data-theme=sketch] .review-card:before{left:20px}}@media (max-width:600px){:root[data-theme] .main-nav{min-height:60px}:root[data-theme] .nav-item{gap:0;min-height:55px;padding:5px 4px;font-size:14px}:root[data-theme] .nav-count{padding:0;font-size:13px}:root[data-theme] .page-heading{flex-wrap:wrap;gap:14px}:root[data-theme] .page-heading-actions{margin-left:auto}:root[data-theme] .voice-button{gap:8px;min-height:42px;padding:6px 10px}:root[data-theme] .voice-button .voice-preference{margin-left:7px;display:inline}:root[data-theme=minimal] .nav-item{padding:5px 4px;font-size:14px}:root[data-theme=sketch] .nav-marker-ink,:root[data-theme=graffiti] .nav-marker-ink{top:9px;bottom:5px;left:1px;right:1px}:root[data-theme=graffiti] .page-heading-copy{width:100%}}@media (max-width:430px){:root[data-theme] .header-inner{padding-inline-start:14px;padding-inline-end:14px}:root[data-theme] .brand{gap:7px;font-size:19px}:root[data-theme=sketch] .brand,:root[data-theme=graffiti] .brand{font-size:23px}:root[data-theme] .brand>.icon{width:25px;height:25px}:root[data-theme] .theme-picker{max-width:126px;padding:2px 4px}:root[data-theme] .theme-picker select{max-width:115px;min-height:36px;padding-inline-start:5px;padding-inline-end:5px;font-size:14px}:root[data-theme] .content{padding:24px 14px}:root[data-theme] .voice-preference{display:inline!important}:root[data-theme] .voice-button>.icon:first-child{display:none}:root[data-theme] .review-card h2{font-size:17px}:root[data-theme=sketch] .review-card h2,:root[data-theme=graffiti] .review-card h2{font-size:22px}:root[data-theme] .review-card .review-note{display:block}:root[data-theme] .review-card .quiz-button{flex:none;width:134px;font-size:15px}:root[data-theme=sketch] .review-card .quiz-button,:root[data-theme=graffiti] .review-card .quiz-button{font-size:19px}}@media (prefers-reduced-motion:reduce){:root[data-theme] *,:root[data-theme] :before,:root[data-theme] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-theme] .lesson-overlay{--lesson-edge:var(--line);--lesson-radius:20px;--lesson-control-radius:12px;--lesson-shadow:0 4px 24px #1d1d1f04;--lesson-button-shadow:none;--lesson-primary-ink:var(--action-ink,#fff);--lesson-listen-fill:var(--accent-soft);--lesson-listen-ink:var(--accent-deep);--lesson-stage-image:none;background:var(--paper);color:var(--ink);font-family:var(--sans)}:root[data-theme] .lesson-header{border-color:var(--lesson-edge);background:var(--surface)}:root[data-theme] .lesson-header-inner{grid-template-columns:auto auto minmax(140px,1fr) auto;gap:30px;width:min(1320px,100%);min-height:94px;padding:20px 40px;display:grid}:root[data-theme] .lesson-context strong{font-family:var(--display-font,var(--sans));font-size:19px}:root[data-theme] .lesson-progress-group{width:100%;max-width:none;margin:0}:root[data-theme] .lesson-progress{background:var(--surface-2);height:8px}:root[data-theme] .lesson-progress>span{background:var(--accent)}:root[data-theme] .lesson-theme-picker{flex-shrink:0;justify-self:end;margin:0}:root[data-theme] .lesson-theme-picker select{max-width:150px}:root[data-theme] .lesson-close{border-radius:var(--lesson-control-radius)}:root[data-theme] .lesson-stage{background-color:var(--paper);background-image:var(--lesson-stage-image);background-attachment:local}:root[data-theme] .lesson-content{isolation:isolate;border:1px solid var(--lesson-edge);border-radius:var(--lesson-radius);background:var(--surface);box-shadow:var(--lesson-shadow);position:relative}:root[data-theme] .lesson-content h1{font-family:var(--display-font,var(--sans));color:var(--ink);font-weight:650}:root[data-theme] .lesson-target,:root[data-theme] .lesson-sentence{border-radius:var(--lesson-control-radius);background:var(--accent-soft)}:root[data-theme] .lesson-target>strong,:root[data-theme] .lesson-summary-word strong,:root[data-theme] .lesson-pair-column[aria-label=英文单词] .lesson-pair-card,:root[data-theme] .lesson-exercise-listen .lesson-option>span:last-child,:root[data-theme] .lesson-exercise-cloze .lesson-option>span:last-child{font-family:var(--word-font,var(--sans))}:root[data-theme] .lesson-audio button{border-color:var(--accent-line);border-radius:var(--lesson-control-radius);background:var(--lesson-listen-fill);color:var(--lesson-listen-ink);box-shadow:var(--lesson-button-shadow)}:root[data-theme] .lesson-audio .lesson-audio-slow{border-color:var(--lesson-edge);background:var(--surface-2);color:var(--ink-soft);box-shadow:none}:root[data-theme] .lesson-target .lesson-audio-main{background:var(--surface);box-shadow:none}:root[data-theme] .lesson-target .lesson-audio .lesson-audio-slow{background:0 0}:root[data-theme] .lesson-audio button:hover{border-color:var(--accent);background:var(--accent-soft)}:root[data-theme] .lesson-audio .lesson-is-playing,:root[data-theme] .lesson-target .lesson-audio .lesson-is-playing{border-color:var(--accent);background:var(--accent);color:var(--lesson-primary-ink)}:root[data-theme] .lesson-option,:root[data-theme] .lesson-pair-card{border-color:var(--lesson-edge);border-radius:var(--lesson-control-radius);background:var(--surface);color:var(--ink-soft)}:root[data-theme] .lesson-option:hover:not(:disabled),:root[data-theme] .lesson-pair-card:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}:root[data-theme] .lesson-option.lesson-selected,:root[data-theme] .lesson-pair-card.lesson-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);box-shadow:inset 0 0 0 1px var(--accent)}:root[data-theme] .lesson-option-indicator{border-color:var(--muted)}:root[data-theme] .lesson-selected .lesson-option-indicator{border-color:var(--accent)}:root[data-theme] .lesson-option-indicator i{background:var(--accent)}:root[data-theme] .lesson-sentence{color:var(--ink)}:root[data-theme] .lesson-sentence-gap{border-color:var(--accent);color:var(--accent-deep)}:root[data-theme] .lesson-letter-slots>span,:root[data-theme] .lesson-letter-slots .lesson-letter-input{border:1px solid var(--lesson-edge);border-radius:var(--lesson-control-radius);background:var(--surface-2);width:44px;height:56px;color:var(--muted)}:root[data-theme] .lesson-letter-slots .lesson-letter-input{border-color:var(--accent-line);background:var(--surface);color:var(--ink)}:root[data-theme] .lesson-letter-input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px;background:var(--surface)}:root[data-theme] .lesson-letter-slots .lesson-letter-hint{background:var(--accent-soft);color:var(--accent-deep)}:root[data-theme] .lesson-letter-slots .lesson-letter-space{background:0 0;border:0;width:14px}:root[data-theme] .lesson-dictation-input{border-color:var(--lesson-edge);border-radius:var(--lesson-control-radius);background:var(--surface)}:root[data-theme] .lesson-note{border-color:var(--accent-line);border-radius:var(--lesson-control-radius);background:var(--accent-soft);color:var(--accent-deep)}:root[data-theme] .lesson-footer{border-color:var(--lesson-edge);background:var(--surface)}:root[data-theme] .lesson-primary{border-color:var(--accent);border-radius:var(--lesson-control-radius);background:var(--accent);color:var(--lesson-primary-ink);box-shadow:var(--lesson-button-shadow);font-family:var(--display-font,var(--sans))}:root[data-theme] .lesson-primary:hover:not(:disabled){background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:var(--lesson-button-shadow)}:root[data-theme] .lesson-primary:disabled{border-color:var(--line);background:var(--surface-2);color:var(--muted);box-shadow:none}:root[data-theme] .lesson-secondary,:root[data-theme] .lesson-summary-word button{border-radius:var(--lesson-control-radius)}:root[data-theme] .lesson-summary-list,:root[data-theme] .lesson-summary-list li{border-color:var(--line)}:root[data-theme=minimal] .lesson-header{background:#ffffffed}:root[data-theme=minimal] .lesson-content{animation:.22s cubic-bezier(.2,.7,.25,1) both theme-lesson-minimal}:root[data-theme=minimal] .lesson-content h1{letter-spacing:-.6px}:root[data-theme=minimal] .lesson-option.lesson-selected{box-shadow:0 0 0 1px var(--accent), 0 3px 10px #0071e309}:root[data-theme=minimal] .lesson-primary{font-family:var(--sans);font-weight:500}:root[data-theme=sketch] .lesson-overlay{--lesson-edge:#60554e;--lesson-radius:10px 17px 12px 8px;--lesson-control-radius:9px 6px 12px 7px;--lesson-shadow:4px 6px 0 #d7c9a275, 0 9px 22px #594a3010;--lesson-button-shadow:2px 3px 0 #39343a;--lesson-listen-fill:#add3e6;--lesson-listen-ink:#244e77;--lesson-stage-image:linear-gradient(#758dab12 1px, transparent 1px), linear-gradient(90deg, #758dab12 1px, transparent 1px)}:root[data-theme=sketch] .lesson-stage{background-size:27px 27px}:root[data-theme=sketch] .lesson-header{border-bottom-width:1.5px}:root[data-theme=sketch] .lesson-content{border-width:1.5px;animation:.27s cubic-bezier(.2,.8,.25,1) both theme-lesson-sketch}:root[data-theme=sketch] .lesson-content:before{content:"";z-index:-1;pointer-events:none;border:1px solid #60554e35;border-radius:12px 9px 7px 14px;position:absolute;top:4px;bottom:3px;left:4px;right:3px}:root[data-theme=sketch] .lesson-content h1{letter-spacing:.4px;font-size:30px}:root[data-theme=sketch] .lesson-question-header h1{text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;-webkit-text-decoration:underline #ffd447;text-decoration:underline #ffd447;text-decoration-thickness:7px}:root[data-theme=sketch] .lesson-target{background:#fbf1c8;border:1px solid #c6b78b}:root[data-theme=sketch] .lesson-target>strong{color:#244e77;font-size:40px;font-weight:400}:root[data-theme=sketch] .lesson-audio button{border-color:#466d8b}:root[data-theme=sketch] .lesson-option,:root[data-theme=sketch] .lesson-pair-card{border-width:1.5px}:root[data-theme=sketch] .lesson-option.lesson-selected,:root[data-theme=sketch] .lesson-pair-card.lesson-selected{color:var(--ink);background:#fff0b6}:root[data-theme=sketch] .lesson-letter-slots>span,:root[data-theme=sketch] .lesson-letter-slots .lesson-letter-input{border-width:1.5px 1.5px 2px}:root[data-theme=sketch] .lesson-primary{border-color:#39343a;font-size:19px}:root[data-theme=sketch] .lesson-secondary-actions .lesson-secondary:first-child{background:#f9eec8;border-color:#c6b78b}:root[data-theme=sketch] .lesson-progress{border:1px solid #c6b78b;border-radius:4px 7px 3px 5px;height:10px}:root[data-theme=print] .lesson-overlay{--lesson-edge:var(--frame,var(--ink));--lesson-radius:8px;--lesson-control-radius:6px;--lesson-shadow:7px 7px 0 var(--frame,var(--ink));--lesson-button-shadow:3px 3px 0 var(--frame,var(--ink))}:root[data-theme=print] .lesson-header{background:var(--secondary);border-bottom-width:2px}:root[data-theme=print] .lesson-content{border-width:2px;animation:.25s cubic-bezier(.2,.8,.3,1) both theme-lesson-print}:root[data-theme=print] .lesson-content h1{font-size:30px;font-weight:750}:root[data-theme=print] .lesson-target,:root[data-theme=print] .lesson-sentence{border:2px solid var(--lesson-edge)}:root[data-theme=print] .lesson-target>strong{color:var(--accent-deep);font-weight:750}:root[data-theme=print] .lesson-option,:root[data-theme=print] .lesson-pair-card{box-shadow:2px 2px 0 var(--lesson-edge);border-width:2px}:root[data-theme=print] .lesson-option.lesson-selected,:root[data-theme=print] .lesson-pair-card.lesson-selected{border-color:var(--lesson-edge);box-shadow:3px 3px 0 var(--lesson-edge)}:root[data-theme=print] .lesson-audio button,:root[data-theme=print] .lesson-primary{border:2px solid var(--lesson-edge)}:root[data-theme=print] .lesson-letter-slots>span,:root[data-theme=print] .lesson-letter-slots .lesson-letter-input{box-shadow:2px 2px 0 var(--line);border-width:2px}:root[data-theme=print] .lesson-secondary-actions .lesson-secondary:first-child{background:var(--secondary);border:2px solid var(--lesson-edge)}:root[data-theme=print] .lesson-progress{border:2px solid var(--lesson-edge);background:var(--surface);border-radius:3px;height:12px}:root[data-theme=print] .lesson-footer{border-top-width:2px}:root[data-theme=graffiti] .lesson-overlay{--lesson-edge:var(--frame,#17171b);--lesson-radius:3px;--lesson-control-radius:3px;--lesson-shadow:6px 6px 0 #17171b, 10px 10px 0 #f4498b;--lesson-button-shadow:3px 3px 0 #17171b;--lesson-primary-ink:#17171b;--lesson-listen-fill:#3dcfe8;--lesson-listen-ink:#17171b;--lesson-stage-image:radial-gradient(ellipse at 2% 3%, #f4498b35 0, transparent 24%), radial-gradient(ellipse at 98% 80%, #3dcfe838 0, transparent 23%)}:root[data-theme=graffiti] .lesson-header{border-bottom-width:2px}:root[data-theme=graffiti] .lesson-context strong{font-size:23px;font-weight:400}:root[data-theme=graffiti] .lesson-content{border-width:2px;animation:.24s cubic-bezier(.2,.8,.2,1) both theme-lesson-graffiti}:root[data-theme=graffiti] .lesson-content h1{letter-spacing:.8px;font-size:32px;font-weight:400}:root[data-theme=graffiti] .lesson-question-header h1{border-left:6px solid #f4498b;padding-left:15px}:root[data-theme=graffiti] .lesson-target{border:2px solid var(--lesson-edge);background:#ffe34d}:root[data-theme=graffiti] .lesson-target>strong{color:#17171b;font-size:37px;font-weight:400}:root[data-theme=graffiti] .lesson-option,:root[data-theme=graffiti] .lesson-pair-card{border-width:2px}:root[data-theme=graffiti] .lesson-option.lesson-selected,:root[data-theme=graffiti] .lesson-pair-card.lesson-selected{color:#17171b;background:#b7eff7;border-color:#17171b;box-shadow:3px 3px #17171b}:root[data-theme=graffiti] .lesson-audio button,:root[data-theme=graffiti] .lesson-primary{border:2px solid #17171b}:root[data-theme=graffiti] .lesson-audio button{font-family:var(--display-font,var(--sans));font-size:20px;font-weight:400}:root[data-theme=graffiti] .lesson-audio .lesson-audio-slow{font-family:var(--sans);background:#ffe34d;font-size:15px}:root[data-theme=graffiti] .lesson-primary{font-size:22px;font-weight:400}:root[data-theme=graffiti] .lesson-primary:hover:not(:disabled){background:#f66ca4;border-color:#17171b}:root[data-theme=graffiti] .lesson-letter-slots>span,:root[data-theme=graffiti] .lesson-letter-slots .lesson-letter-input{border:2px solid #17171b;box-shadow:2px 2px #d6d2c6}:root[data-theme=graffiti] .lesson-secondary-actions .lesson-secondary:first-child{background:#ffe34d;border:2px solid #17171b}:root[data-theme=graffiti] .lesson-progress{background:var(--surface);border:2px solid #17171b;border-radius:2px;height:12px}:root[data-theme=graffiti] .lesson-progress>span{background:#3dcfe8}:root[data-theme=graffiti] .lesson-footer{border-top-width:2px}:root[data-theme] .lesson-option.lesson-correct,:root[data-theme] .lesson-pair-card.lesson-matched{border-color:var(--success);background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1px var(--success)}:root[data-theme] .lesson-option.lesson-incorrect{border-color:var(--error);background:var(--error-soft);color:var(--error);box-shadow:inset 0 0 0 1px var(--error)}:root[data-theme] .lesson-correct .lesson-option-indicator{border-color:var(--success);background:var(--success);color:#fff}:root[data-theme] .lesson-incorrect .lesson-option-indicator{border-color:var(--error)}:root[data-theme] .lesson-incorrect .lesson-option-indicator i{background:var(--error)}:root[data-theme] .lesson-footer-correct{background:var(--success-soft);border-color:var(--success)}:root[data-theme] .lesson-footer-correction{background:var(--error-soft);border-color:var(--error)}:root[data-theme] .lesson-feedback{color:var(--success)}:root[data-theme] .lesson-footer-correction .lesson-feedback{color:var(--error)}:root[data-theme] .lesson-storage-note{border-color:var(--error);border-radius:var(--lesson-control-radius)}@media (hover:hover) and (prefers-reduced-motion:no-preference){:root[data-theme=print] .lesson-option:hover:not(:disabled),:root[data-theme=print] .lesson-pair-card:hover:not(:disabled),:root[data-theme=graffiti] .lesson-option:hover:not(:disabled),:root[data-theme=graffiti] .lesson-pair-card:hover:not(:disabled){transform:translateY(-2px)}}@media (prefers-reduced-motion:no-preference){:root[data-theme=sketch] .lesson-primary:active:not(:disabled),:root[data-theme=print] .lesson-primary:active:not(:disabled),:root[data-theme=graffiti] .lesson-primary:active:not(:disabled){box-shadow:1px 1px 0 var(--lesson-edge);transform:translate(2px,2px)}}@keyframes theme-lesson-minimal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes theme-lesson-sketch{0%{opacity:0;transform:translate(8px,4px)rotate(-.3deg)}to{opacity:1;transform:none}}@keyframes theme-lesson-print{0%{opacity:0;transform:translateY(-8px)scale(.993)}to{opacity:1;transform:none}}@keyframes theme-lesson-graffiti{0%{opacity:0;transform:translate(12px)scale(.994)}to{opacity:1;transform:none}}@media (max-width:1040px){:root[data-theme] .lesson-header-inner{gap:22px;padding:18px 26px}:root[data-theme] .lesson-context,:root[data-theme] .lesson-context span{display:block}:root[data-theme] .lesson-theme-picker>span{display:none}}@media (max-width:760px){:root[data-theme] .lesson-header-inner{grid-template-columns:44px minmax(0,1fr) auto;gap:12px 16px;padding:14px 20px 15px}:root[data-theme] .lesson-close{grid-area:1/1;padding:10px}:root[data-theme] .lesson-context{grid-area:1/2}:root[data-theme] .lesson-theme-picker{grid-area:1/3}:root[data-theme] .lesson-progress-group{grid-area:2/1/auto/-1;gap:14px}:root[data-theme] .lesson-content{padding:28px}:root[data-theme=sketch] .lesson-content h1,:root[data-theme=print] .lesson-content h1{font-size:27px}:root[data-theme=graffiti] .lesson-content h1{font-size:29px}}@media (max-width:500px){:root[data-theme] .lesson-header-inner{grid-template-columns:36px minmax(0,1fr) auto;gap:9px 10px;padding:11px 14px 12px}:root[data-theme] .lesson-close{padding:8px}:root[data-theme] .lesson-context strong{font-size:17px}:root[data-theme] .lesson-context span{font-size:13px}:root[data-theme] .lesson-theme-picker{gap:0;max-width:130px}:root[data-theme] .lesson-theme-picker select{width:126px;max-width:100%;font-size:14px}:root[data-theme] .lesson-theme-picker>svg{display:none}:root[data-theme] .lesson-content{padding:23px 19px 27px}:root[data-theme] .lesson-content h1{font-size:23px}:root[data-theme=graffiti] .lesson-content h1{font-size:25px}:root[data-theme=graffiti] .lesson-question-header h1{border-left-width:4px;padding-left:11px}:root[data-theme=sketch] .lesson-target>strong{font-size:34px}:root[data-theme=graffiti] .lesson-target>strong{font-size:31px}:root[data-theme] .lesson-letter-slots>span,:root[data-theme] .lesson-letter-slots .lesson-letter-input{width:34px;height:46px}:root[data-theme] .lesson-letter-slots .lesson-letter-space{width:10px}:root[data-theme=print] .lesson-content{box-shadow:4px 4px 0 var(--lesson-edge)}:root[data-theme=graffiti] .lesson-content{box-shadow:4px 4px #17171b,7px 7px #f4498b}:root[data-theme=sketch] .lesson-primary{font-size:18px}:root[data-theme=graffiti] .lesson-primary{font-size:20px}}@media (prefers-reduced-motion:reduce){:root[data-theme] .lesson-overlay *,:root[data-theme] .lesson-overlay :before,:root[data-theme] .lesson-overlay :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}