@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Noto Serif SC,Georgia,Times New Roman,serif;line-height:1.8;transition:background-color .3s,color .3s}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-bubble:#f8f6f3;--bg-bubble-response:#f0ede8;--bg-narration:transparent;--text-primary:#2c2c2c;--text-secondary:#666;--text-muted:#999;--border-light:#e8e4df;--accent-warm:#5b4a3f;--accent-warm-light:#5b4a3f14;--term-bg:#8b77651a;--term-border:#a08b76;--shadow-subtle:0 1px 4px #0000000f;--shadow-hover:0 2px 12px #0000001a;--choice-hover-bg:#5b4a3f0a;--choice-selected-bg:#5b4a3f14;--avatar-bg:#5b4a3f;--avatar-text:#fff;--note-prompt-bg:#fffbf0;--transition-bg:#5b4a3f08}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16162a;--bg-bubble:#242442;--bg-bubble-response:#2a2a4a;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#777;--border-light:#335;--accent-warm:#a89279;--accent-warm-light:#a892791f;--term-bg:#a8927926;--term-border:#a89279;--shadow-subtle:0 1px 4px #0000004d;--shadow-hover:0 2px 12px #0006;--choice-hover-bg:#a8927914;--choice-selected-bg:#a8927926;--avatar-bg:#a89279;--avatar-text:#1a1a2e;--note-prompt-bg:#2a2a3e;--transition-bg:#a892790d}[data-theme=sepia]{--bg-primary:#f4ecd8;--bg-secondary:#efe5cf;--bg-bubble:#faf5e8;--bg-bubble-response:#f0e8d5;--text-primary:#3e2723;--text-secondary:#5d4037;--text-muted:#8d6e63;--border-light:#d7c9a7;--accent-warm:#6d4c41;--accent-warm-light:#6d4c4114;--term-bg:#6d4c411a;--term-border:#8d6e63;--shadow-subtle:0 1px 4px #3e272314;--shadow-hover:0 2px 12px #3e27231f;--choice-hover-bg:#6d4c410f;--choice-selected-bg:#6d4c411a;--avatar-bg:#6d4c41;--avatar-text:#f4ecd8;--note-prompt-bg:#faf3e0;--transition-bg:#6d4c410a}.lesson-container{max-width:720px;min-height:calc(100vh - 56px);margin:0 auto;padding:24px 16px}.dialog-bubble{background:var(--bg-bubble);box-shadow:var(--shadow-subtle);border-radius:12px;margin-bottom:4px;padding:12px 18px;line-height:1.8;transition:background-color .2s;position:relative}.dialog-bubble--response{background:var(--bg-bubble-response);border-left:3px solid var(--accent-warm);margin-left:8px}.dialog-bubble--narration{background:var(--bg-narration);box-shadow:none;text-align:center;color:var(--text-secondary);padding:16px 24px;font-style:italic}.dialog-bubble[data-mood=encouraging]{border-left:3px solid #52c41a}.dialog-bubble[data-mood=thoughtful]{border-left:3px solid #1890ff}.dialog-bubble[data-mood=warm]{border-left:3px solid #fa8c16}.dialog-bubble[data-mood=serious]{border-left:3px solid #722ed1}.narration-text{color:var(--text-secondary);text-align:center;letter-spacing:.02em;padding:20px 32px;font-style:italic;line-height:2}.typewriter-cursor:after{content:"|";color:var(--accent-warm);margin-left:1px;font-weight:300;animation:.8s ease-in-out infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.term-highlight{border-bottom:1px dashed var(--term-border);background-color:var(--term-bg);cursor:pointer;border-radius:2px;padding:0 2px;transition:background-color .2s,border-color .2s}.term-highlight:hover{background-color:var(--accent-warm-light);border-bottom-color:var(--accent-warm)}.choice-card{border:1px solid var(--border-light);cursor:pointer;background:var(--bg-primary);border-radius:10px;padding:14px 18px;transition:all .25s;position:relative;overflow:hidden}.choice-card:before{content:"";background:var(--accent-warm);width:0;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.choice-card:hover{background:var(--choice-hover-bg);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.choice-card:hover:before{width:3px}.choice-card--selected{border-color:var(--accent-warm);background:var(--choice-selected-bg)}.choice-card--selected:before{width:3px}.choice-card--disabled{opacity:.5;pointer-events:none}.dialog-line{gap:12px;margin-bottom:20px;animation:.3s ease-out fadeSlideIn;display:flex}.dialog-line--narration{justify-content:center;margin-bottom:16px}.dialog-line--response{margin-left:48px}.dialog-line__avatar{background:var(--avatar-bg);width:36px;height:36px;color:var(--avatar-text);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:14px;font-weight:600;display:flex}.dialog-line__content{flex:1;min-width:0}.dialog-line__speaker{color:var(--text-muted);letter-spacing:.03em;margin-bottom:2px;font-size:12px;font-weight:500}.dialog-stage{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:60vh;padding-bottom:80px}.dialog-stage .interactive-element{cursor:default;-webkit-user-select:text;user-select:text}.advance-indicator{text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:16px 0;font-size:13px;animation:2s ease-in-out infinite pulse-fade}@keyframes pulse-fade{0%,to{opacity:.4}50%{opacity:1}}.note-prompt-card{background:var(--note-prompt-bg);border:1px dashed var(--border-light);border-radius:12px;margin:16px 0;padding:20px;animation:.3s ease-out fadeSlideIn}.transition-card{background:var(--transition-bg);text-align:center;border-radius:12px;margin:24px 0;padding:24px;animation:.4s ease-out fadeSlideIn}.transition-card .transition-text{color:var(--text-secondary);letter-spacing:.05em;font-size:15px;font-style:italic}.completion-card{text-align:center;margin:24px 0;padding:40px 24px;animation:.5s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lesson-header{z-index:100;background:var(--bg-primary);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:12px 16px;transition:background-color .3s;display:flex;position:sticky;top:0}.lesson-header__title{text-align:center;flex:1;margin:0!important;font-size:16px!important;line-height:1.4!important}.lesson-header__back{flex-shrink:0}.lesson-header__progress{flex-shrink:0;width:48px}.landing-page{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;transition:background-color .3s;display:flex}.landing-title{color:var(--accent-warm);letter-spacing:.08em;margin-bottom:8px;font-size:48px;font-weight:700}.landing-subtitle{color:var(--text-secondary);text-align:center;max-width:400px;margin-bottom:48px;font-size:18px;line-height:1.8}.landing-locale-toggle{position:absolute;top:16px;right:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=600px){.lesson-container{padding:16px 12px}.dialog-bubble{padding:10px 14px;font-size:15px}.narration-text{padding:14px 16px;font-size:14px}.dialog-line__avatar{width:30px;height:30px;font-size:12px}.dialog-line--response{margin-left:32px}.landing-title{font-size:36px}.landing-subtitle{margin-bottom:32px;font-size:16px}.choice-card{padding:12px 14px}.lesson-header{padding:10px 12px}}[data-fontsize=small] .lesson-container{font-size:14px}[data-fontsize=medium] .lesson-container{font-size:16px}[data-fontsize=large] .lesson-container{font-size:18px}[data-fontsize=large] .dialog-bubble{padding:14px 20px}.notebook-entry{margin-bottom:12px;transition:box-shadow .2s}.notebook-entry:hover{box-shadow:var(--shadow-hover)}.notebook-entry__category-tag{margin-bottom:8px}.notebook-entry__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.settings-group{margin-bottom:24px}.settings-group__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:13px;font-weight:600}.glossary-popover{max-width:320px}.glossary-popover__term{color:var(--accent-warm);margin-bottom:8px;font-size:16px;font-weight:600}.glossary-popover__definition{color:var(--text-primary);margin-bottom:12px;line-height:1.6}.glossary-popover__example{color:var(--text-secondary);background:var(--accent-warm-light);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:14px;font-style:italic}