*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#f7f8fa}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #eaecef}.brand{font-weight:700;font-size:18px;color:#2563eb}.container{max-width:1080px;margin:0 auto;padding:28px 24px 80px}h1{font-size:26px;margin:0 0 6px}.hint,.subtitle{color:#666;font-size:14px}.subtitle{margin:0 0 20px}.hint{margin:4px 0 10px}textarea{width:100%;font-size:18px;padding:14px;border:1px solid #d4d7dd;border-radius:10px;resize:vertical;font-family:inherit;line-height:1.5}textarea:focus{outline:none;border-color:#2563eb}.actions{display:flex;align-items:center;gap:10px;margin:14px 0;flex-wrap:wrap}.player{height:36px}.btn{border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;background:#2563eb;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-rec{background:#16a34a}.btn-stop{background:#dc2626}.btn-ai{background:#7c3aed}.ai-coach{background:#faf7ff;border:1px solid #e7ddfb;border-radius:12px;padding:14px 16px}.ai-row{display:flex;align-items:center;gap:8px}.ai-label{font-size:12px;color:#6b21a8;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.ai-corrected{font-size:17px;color:#1a1a1a;margin:4px 0 10px;font-style:italic}.ai-nat{font-size:14px;margin-bottom:8px}.ai-issues{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.ai-issues li{font-size:14.5px;line-height:1.5}.ai-bad{color:#d23;text-decoration:line-through}.ai-good{color:#1a8a3a;font-weight:600}.ai-why{color:#777}.ai-tip{margin:10px 0 6px;font-size:14px;color:#6b21a8;background:#f1e9fe;border-radius:8px;padding:8px 12px}.ai-tool{margin-top:8px}.ai-topic-note{margin:2px 0 12px;padding:8px 12px;background:#f5f3ff;border:1px solid #e4defb;border-radius:8px;color:#4c3f8a}.ai-topic-note b{color:#6d28d9}.prog-stats{display:flex;gap:10px;margin:4px 0 18px}.prog-stat{flex:1 1;text-align:center;padding:12px 6px;background:#f8fafc;border:1px solid #e7ebf0;border-radius:10px}.prog-stat-v{font-size:22px;font-weight:700;color:#0f172a}.prog-stat-l{font-size:12px;color:#64748b;margin-top:2px}.prog-h{font-size:14px;color:#334155;margin:18px 0 8px}.prog-chart{border:1px solid #e7ebf0;border-radius:10px;padding:8px 10px 4px;background:#fff}.prog-chart svg{display:block;height:90px}.prog-grid{stroke:#eef1f5;stroke-width:1}.prog-line{stroke:#6366f1;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.prog-dot{stroke:#fff;stroke-width:1}.prog-dot.good{fill:#16a34a}.prog-dot.ok{fill:#d97706}.prog-dot.low{fill:#dc2626}.prog-axis{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;margin-top:2px}.prog-phonemes{display:flex;flex-wrap:wrap;gap:8px}.ph-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #fbd5d5;background:#fef2f2;border-radius:999px}.ph-sym{font-weight:600;color:#b91c1c}.ph-acc{font-size:12px;color:#ef4444;background:#fff;border-radius:999px;padding:0 6px}.prog-recent{display:flex;flex-direction:column;gap:6px}.prog-row{display:flex;align-items:center;gap:10px}.prog-score{min-width:30px;text-align:center;font-weight:700;font-size:13px;border-radius:6px;padding:2px 0}.prog-score.good{background:#dcfce7;color:#15803d}.prog-score.ok{background:#fef3c7;color:#b45309}.prog-score.low{background:#fee2e2;color:#b91c1c}.prog-text{color:#334155;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ses-preview{list-style:none;padding:0;margin:8px 0 18px}.ses-preview li{display:flex;align-items:center;gap:10px;padding:7px 0;color:#334155;border-bottom:1px solid #f1f5f9}.ses-step-icon{font-size:18px;width:24px;text-align:center}.ses-start{width:100%;font-size:15px;padding:12px}.ses-done-badge{background:#ecfdf5;border:1px solid #bbf7d0;color:#15803d;border-radius:10px;padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px;font-weight:600}.ses-done-line{font-weight:400;color:#475569;font-size:13px}.ses-due-badge{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;border-radius:10px;padding:9px 12px;margin-bottom:14px;font-weight:600}.ses-step-pill{color:#16a34a;font-size:10px;letter-spacing:1px}.ses-progress{display:flex;gap:8px;margin:4px 0 16px}.ses-dot{flex:1 1;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#94a3b8;font-weight:700;font-size:13px;cursor:pointer}.ses-dot.active{background:#6366f1;border-color:#6366f1;color:#fff}.ses-dot.done{background:#dcfce7;border-color:#bbf7d0;color:#16a34a}.ses-body{min-height:120px}.ses-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.ses-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ses-card{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer}.ses-card:hover{border-color:#c7d2fe;background:#f5f3ff}.ses-card.marked{border-color:#bbf7d0;background:#f0fdf4}.ses-card-en{flex:1 1;color:#1e293b}.ses-card-tick{color:#16a34a;font-weight:700}.ses-card-score{font-size:12px;font-weight:700;color:#dc2626;background:#fee2e2;border-radius:6px;padding:2px 7px}.ses-chunk{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#fff}.ses-chunk-en{text-align:left;width:100%;background:none;border:none;cursor:pointer;color:#1e293b;font-size:15px;padding:0}.ses-chunk-en:hover{color:#4f46e5}.ses-chunk-row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.ses-learn{border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.ses-learn.on{border-color:#bbf7d0;background:#dcfce7;color:#15803d}.ses-input{width:100%;padding:10px 12px;border:1px solid #d8dee6;border-radius:8px;margin-bottom:8px}.ses-summary{text-align:center}.ses-sumgrid{display:flex;gap:8px;margin:8px 0 14px}.ses-sumcell{flex:1 1;background:#f8fafc;border:1px solid #e7ebf0;border-radius:10px;padding:10px 4px}.ses-sumn{font-size:18px;font-weight:700;color:#0f172a}.ses-suml{font-size:11px;color:#64748b;margin-top:2px}.sponta{border:1px solid #e7ebf0;border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff}.sponta-main{display:flex;align-items:center;gap:14px}.sponta-score{font-size:26px;font-weight:800;min-width:52px;text-align:center;border-radius:10px;padding:6px 0}.sponta-score.good{background:#dcfce7;color:#15803d}.sponta-score.ok{background:#fef3c7;color:#b45309}.sponta-score.low{background:#fee2e2;color:#b91c1c}.sponta-mini{flex:1 1}.sponta-bars{display:flex;flex-direction:column;gap:3px;margin-top:4px}.sponta-bar{display:flex;align-items:center;gap:8px;font-size:12px}.sponta-bar-l{width:34px;color:#64748b}.sponta-bar-track{flex:1 1;height:6px;background:#eef1f5;border-radius:999px;overflow:hidden}.sponta-bar-fill{display:block;height:100%;border-radius:999px}.sponta-bar-fill.good{background:#16a34a}.sponta-bar-fill.ok{background:#d97706}.sponta-bar-fill.low{background:#dc2626}.sponta-bar-v{width:22px;text-align:right;color:#334155;font-weight:600}.sponta-weak{margin-top:10px;display:flex;flex-direction:column;gap:6px}.ai-q{margin-top:14px}.ai-q-text{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.ai-hints{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.hint-chip{background:#eef1f6;color:#555;border-radius:12px;padding:3px 10px;font-size:13px}.ai-transcript{margin-top:14px}.ai-said{font-size:16px;font-style:italic;color:#1a1a1a;margin:4px 0 12px}.ai-listen{margin-top:14px}.ai-lines{flex-direction:column;margin-top:10px}.ai-line,.ai-lines{display:flex;gap:8px}.ai-line{align-items:baseline;font-size:16px;line-height:1.5}.ai-spk{font-weight:700;color:#6b21a8;flex:0 0 auto}.ai-line-text{border:none;background:none;cursor:pointer;text-align:left;color:#1a3a7a;padding:0;font-size:16px}.ai-line-text:hover{text-decoration:underline}.ai-line-hidden{color:#bbb;letter-spacing:2px}.ai-grammar{margin-top:14px}.gr-items{margin:10px 0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.gr-item{font-size:16px}.gr-prompt{margin-bottom:4px}.gr-answer{color:#1a8a3a;font-weight:600}.saved-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.saved-search{padding:8px 12px;border:1px solid #d4d7dd;border-radius:10px;font-size:14px;font-family:inherit}.saved-search:focus{outline:none;border-color:#7c3aed}.saved-kinds{display:flex;flex-wrap:wrap;gap:6px}.kind-chip{border:1px solid #dfe3ea;background:#f7f8fa;color:#555;cursor:pointer;border-radius:14px;padding:4px 12px;font-size:13px}.kind-chip.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.saved-topic{border:1px solid #eceef2;border-radius:10px;margin-bottom:8px;overflow:hidden}.saved-topic-head{width:100%;text-align:left;border:none;background:#f7f8fa;cursor:pointer;padding:10px 14px;font-size:15px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.saved-topic-head:hover{background:#eef1f6}.saved-topic-arrow{color:#999}.saved-topic-count{margin-left:auto;font-size:12px;color:#6b21a8;background:#f1e9fe;padding:1px 9px;border-radius:10px;font-weight:700}.saved-item{padding:10px 14px;border-top:1px solid #f0f1f4}.saved-pattern{font-size:12px;color:#888;margin-bottom:6px;display:flex;align-items:center;gap:6px}.saved-pattern .phrase-del{margin-left:auto;width:26px;height:24px;border-radius:6px}.error{background:#fde8e8;color:#b91c1c;padding:10px 14px;border-radius:8px;margin:10px 0}.results{margin-top:24px;background:#fff;border:1px solid #eaecef;border-radius:14px;padding:20px}.results h3{margin:22px 0 4px;font-size:17px}.scores{display:flex;gap:14px;flex-wrap:wrap}.score{text-align:center;background:#f4f6f9;border-radius:10px;padding:12px 16px;min-width:84px}.score-big{background:#eef4ff}.score-val{font-size:28px;font-weight:700}.score-big .score-val{font-size:38px}.score-label{font-size:12px;color:#666;margin-top:2px}.words{display:flex;flex-wrap:wrap;gap:6px 8px;line-height:2.4}.word-wrap{display:inline-flex;flex-direction:column;align-items:flex-start}.word{border:none;border-radius:6px;padding:4px 9px;font-size:17px;cursor:pointer;font-family:inherit}.phonemes{display:flex;gap:8px;padding:4px 2px;font-size:13px;flex-wrap:wrap}.phoneme{display:inline-flex;flex-direction:column;align-items:center;font-weight:600}.phoneme em{font-style:normal;font-size:10px;color:#999}.word{position:relative;transition:box-shadow .12s,transform .12s}.word:hover{box-shadow:0 0 0 2px #c7d2fe}.word-sel{box-shadow:0 0 0 2px #2563eb;transform:translateY(-1px)}.flash{font-size:12px;color:#1a8a3a;font-weight:700}.pick-hint{color:#888;font-style:italic}.word-panel{position:relative;margin-top:12px;padding:14px 16px;background:#f4f7ff;border:1px solid #d7e0fb;border-radius:12px}.wp-close{position:absolute;top:8px;right:10px;border:none;background:none;cursor:pointer;color:#888;font-size:15px}.wp-close:hover{color:#333}.wp-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.wp-word{font-size:24px;font-weight:700}.wp-score{font-size:18px;font-weight:700}.wp-tag{font-size:12px;color:#666;background:#e6ecfb;padding:2px 8px;border-radius:10px}.wp-actions{gap:10px;margin:12px 0}.wp-actions,.wp-phonemes{display:flex;flex-wrap:wrap}.wp-phonemes{align-items:stretch;gap:8px}.ph-card{display:flex;flex-direction:column;align-items:center;gap:1px;background:#fff;border:1px solid #e3e8f0;border-radius:8px;padding:6px 10px;min-width:52px;cursor:help}.ph-ipa{font-size:18px;font-weight:700;line-height:1.1}.ph-ex{font-size:11px;color:#777}.ph-score{font-size:12px;font-weight:600}.ph-tip{margin:10px 0 0;font-size:13px;color:#1a4480;background:#eaf1ff;border-radius:8px;padding:8px 12px}.intonation{margin-top:6px}.into-scroll{overflow-x:auto;padding:4px 0}.into-table{border-collapse:collapse}.into-table th{text-align:right;font-size:12px;color:#666;font-weight:600;padding:2px 10px 2px 0;white-space:nowrap}.into-table td{text-align:center;padding:2px 8px;min-width:36px}.into-table .arrow{font-size:22px;font-weight:700}.into-table td.mm{background:#fbeaea;border-radius:6px}.into-words td{font-size:14px;color:#333}.into-words td.mm-word{color:#d23;font-weight:700}.into-ok{color:#1a8a3a}.into-ok,.into-warn{font-size:14px;margin:10px 0 4px}.into-warn{color:#c0392b}.link-btn{border:none;background:none;color:#2563eb;cursor:pointer;font-size:14px;padding:4px 0;margin-top:6px}.chart-wrap{margin-top:8px}.pacing-stats{display:flex;gap:12px;flex-wrap:wrap}.pstat{background:#f4f6f9;border-radius:10px;padding:10px 16px;min-width:96px;text-align:center}.pstat-big{background:#eef4ff}.pstat-val{font-size:22px;font-weight:700;display:flex;align-items:baseline;gap:6px;justify-content:center}.pstat-big .pstat-val{font-size:30px}.pstat-tag{font-size:13px;font-weight:700}.pstat-label{font-size:12px;color:#666;margin-top:2px}.pstat-unit{font-size:11px;color:#999}.pacing-tip{margin:12px 0 4px;font-size:14px;color:#1a4480;background:#eaf1ff;border-radius:8px;padding:9px 13px}.pitch-chart{background:#fff;border:1px solid #eee;border-radius:10px}.axis{font-size:11px;fill:#999}.legend{display:flex;gap:18px;margin-top:8px;font-size:13px;color:#555}.legend i{display:inline-block;width:14px;height:4px;border-radius:2px;vertical-align:middle;margin-right:4px}.auth{display:flex;align-items:center;gap:10px}.gloss-peek{cursor:pointer;opacity:.5;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 4px;border-radius:4px}.gloss-peek:hover{opacity:1;background:#eef1f6}.gloss-shown{cursor:pointer}.learn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.learn-practice{position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto;padding-right:4px}.learn-practice h2{font-size:18px;margin:0 0 6px}.sheet-backdrop,.sheet-bar,.sheet-fab{display:none}@media (max-width:900px){.learn{grid-template-columns:1fr;gap:0}.sheet-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:40}.learn-practice{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:90vh;overflow-y:auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .26s ease;z-index:50;padding:4px 16px 28px}.learn-practice.sheet-open{transform:translateY(0)}.sheet-bar{display:flex;align-items:center;justify-content:center;position:relative;padding:8px 0 6px}.sheet-grip{width:40px;height:4px;border-radius:2px;background:#d4d7dd}.sheet-close{position:absolute;left:0;top:4px;background:none;color:#2563eb;font-size:15px;padding:4px 6px}.sheet-close,.sheet-fab{border:none;cursor:pointer}.sheet-fab{display:inline-flex;align-items:center;gap:6px;position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:30;background:#16a34a;color:#fff;border-radius:24px;padding:12px 22px;font-size:16px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.22)}.container{padding:18px 14px 96px}.btn{padding:12px 18px}.word{padding:8px 12px;font-size:18px}.lib-tab{padding:9px 16px}.phrase-pick{padding:13px 14px}.phrase-del,.phrase-done{width:48px}}.library{background:#fff;border:1px solid #eaecef;border-radius:14px;padding:18px 20px}.lib-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lib-head h2{font-size:18px;margin:0}.lib-count{font-size:13px;color:#16a34a;font-weight:600}.lib-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.lib-tab{border:1px solid #dfe3ea;background:#f7f8fa;border-radius:20px;padding:6px 14px;font-size:14px;cursor:pointer;color:#333}.lib-tab:hover{background:#eef1f6}.lib-tab.active{background:#2563eb;color:#fff;border-color:#2563eb}.add-form{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.add-form input{flex:1 1;min-width:180px;padding:8px 10px;border:1px solid #d4d7dd;border-radius:8px;font-size:14px;font-family:inherit}.add-form input:focus{outline:none;border-color:#2563eb}.lib-group{margin-bottom:0}.lib-group-title{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}.lib-group-head{display:flex;align-items:center;gap:6px;width:100%;background:none;cursor:pointer;padding:9px 4px;margin:0;text-align:left;border:none;border-top:1px solid #eee}.lib-group:first-child .lib-group-head{border-top:none}.lib-group-arrow{font-size:12px;color:#aaa;flex-shrink:0}.lib-group-name{flex:1 1;font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.05em}.lib-group-progress{font-size:11px;font-weight:700;color:#888;background:#f0f0f0;border-radius:20px;padding:2px 8px}.lib-group-progress.done{background:#dcfce7;color:#16a34a}.lib-search{width:100%;box-sizing:border-box;padding:8px 12px;font-size:14px;border:1px solid #dde;border-radius:8px;outline:none;margin-bottom:10px;background:#fafbff}.lib-search:focus{border-color:#2563eb}.phrase{display:flex;align-items:stretch;gap:6px;margin-bottom:6px;border:1px solid #eceef2;border-radius:10px;overflow:hidden}.phrase-active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.phrase-pick{flex:1 1;text-align:left;border:none;background:#fff;cursor:pointer;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.phrase-pick:hover{background:#f5f8ff}.phrase-en{font-size:16px;color:#1a1a1a}.phrase-hear{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:1px 7px;vertical-align:middle}.phrase-vi{font-size:12.5px;color:#888}.phrase-del,.phrase-done{border:none;background:#fafbfc;cursor:pointer;width:40px;font-size:16px;color:#bbb}.phrase-done:hover{background:#eef7f0}.phrase-done.on{color:#16a34a}.phrase-del{width:36px;color:#c66}.phrase-del:hover{background:#fdecec}.topbar-right{display:flex;align-items:center;gap:8px}.en-toggle,.topbar-help{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f0f4ff;border:1px solid #dde3f0;font-size:15px;cursor:pointer;transition:background .15s,box-shadow .15s;padding:0;flex:0 0 auto;text-decoration:none;line-height:1}.topbar-help{font-weight:800;color:#2563eb;width:28px;height:28px;font-size:13px}.en-toggle{font-size:11px;width:28px;height:28px}.en-toggle:hover,.topbar-help:hover{background:#dde8ff}.en-toggle.on{box-shadow:0 0 0 1.5px #2563eb}.t{display:inline-flex;flex-direction:column;line-height:1.12;vertical-align:middle}.t-vi{font-size:.72em;opacity:.6;font-weight:400}.grade-picker{display:flex;align-items:center;gap:4px;padding:6px 10px;margin-bottom:6px;background:#f8faff;border:1px solid #dde3f0;border-radius:8px}.grade-picker-label{font-size:.78rem;color:#64748b;font-weight:600;margin-right:2px}.grade-chip{padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;border:1.5px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.grade-chip.active,.grade-chip:hover{border-color:#6366f1;color:#4338ca}.grade-chip.active{background:#eef2ff}.grade-dimmed{opacity:.45}.grade-badge{display:inline-block;font-size:.64rem;font-weight:700;padding:1px 5px;border-radius:8px;margin-left:5px;vertical-align:middle;background:#fef3c7;color:#92400e;border:1px solid #fde68a;letter-spacing:.02em}.mode-switch{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2px;gap:2px;background:#eef1f6;border-radius:10px;padding:4px;margin-bottom:12px}.mode-switch button{border:none;background:none;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#555;text-align:center}.mode-switch button.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px rgba(0,0,0,.12)}.mode-divider{display:none}.ladder-hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}.ladder-label{font-size:12px;color:#64748b;margin-right:2px}.ladder-step{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:999px;padding:3px 11px;font-size:13px;cursor:pointer}.ladder-step:hover{background:#eef2f7}.ladder-step.active{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8;font-weight:600}.ladder-arrow{color:#94a3b8;font-size:12px}.topic-bar{display:flex;align-items:center;gap:8px}.topic-bar,.topic-picker{margin-bottom:14px}.topic-row{display:flex;align-items:center;gap:8px}.topic-label{font-size:13px;font-weight:700;color:#6b21a8;flex:0 0 auto}.topic-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.topic-chip{border:1px solid #e7ddfb;background:#faf7ff;color:#6b21a8;cursor:pointer;border-radius:14px;padding:3px 11px;font-size:13px}.topic-chip:hover{background:#f1e9fe}.topic-chip.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.topic-new{font-size:12px;color:#16a34a;align-self:center}.topic-input{flex:1 1;padding:8px 12px;border:1px solid #e7ddfb;border-radius:10px;font-size:14px;font-family:inherit;background:#faf7ff}.topic-input:focus{outline:none;border-color:#7c3aed}.frame{border:1px solid #eceef2;border-radius:10px;padding:12px 14px;margin-bottom:10px}.frame.open{border-color:#d8dbe2;box-shadow:0 1px 4px rgba(15,23,42,.05)}.frame-header{display:flex;align-items:baseline;gap:8px;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.frame-caret{color:#94a3b8;font-size:12px;flex-shrink:0}.frame-header:hover .frame-pattern{color:#4338ca}.frame-collapsed-hint{margin:4px 0 0 20px;font-size:11px;color:#94a3b8}.talk-templates{margin:4px 0 16px;padding:10px 12px;background:#f5f3ff;border:1px solid #e7ddfb;border-radius:10px}.talk-tpl-label{font-size:12px;font-weight:600;color:#6d28d9}.talk-tpl-group{margin-top:8px}.talk-tpl-grouplabel{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8b7bb8}.talk-tpl-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.talk-tpl{border:1px solid #d6c7f5;background:#fff;color:#5b21b6;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.talk-tpl:hover{background:#f1e9fe}.talk-tpl.active{background:#6d28d9;border-color:#6d28d9;color:#fff;font-weight:600}.talk-tpl.active:hover{background:#5b21b6}.talk-examples{margin-top:12px;padding-top:10px;border-top:1px dashed #e7ddfb}.talk-ex{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.talk-ex:hover{background:#dcfce7}.talk-ex.active{background:#16a34a;border-color:#16a34a;color:#fff;font-weight:600}.example-card{margin:10px 0 16px;padding:12px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.ex-hint{font-size:12px;color:#15803d;margin-bottom:10px}.ex-line{display:flex;align-items:baseline;gap:8px;padding:5px 0}.ex-line .section-tag{flex-shrink:0;min-width:92px}.ex-text{color:#14532d;line-height:1.5}.sk-cat{margin-bottom:10px}.sk-cat-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin:8px 0 4px}.sk-cat .lib-tabs{margin:0 0 4px}.frame-section-block{margin-bottom:8px}.frame-section{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#6366f1;margin:20px 0 8px;padding-bottom:5px;border-bottom:2px solid #eef2ff}.frame-section-block:first-of-type .frame-section{margin-top:6px}.frame-filter{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}.frame-filter-label{font-size:12px;color:#64748b;margin-right:2px}.use-chip{border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:999px;padding:4px 11px;font-size:12px;cursor:pointer}.use-chip:hover{background:#f8fafc}.use-chip.active{border-color:#6366f1;background:#eef2ff;color:#4338ca;font-weight:600}.use-badge{margin-left:auto;flex-shrink:0;font-size:12px;border-radius:999px;padding:1px 7px;line-height:1.6}.use-badge.speaking{background:#ecfeff;border:1px solid #bae6fd}.use-badge.writing{background:#fef9c3;border:1px solid #fde68a}.use-badge.both{background:#f5f3ff;border:1px solid #ddd6fe}.frame-ai{margin-top:8px}.ai-ex-btn{border:1px dashed #d6c7f5;background:#faf7ff;color:#6b21a8;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px}.ai-ex-btn:hover:not(:disabled){background:#f1e9fe}.ai-ex-btn:disabled{opacity:.5;cursor:default}.ai-ex-list{display:flex;flex-direction:column;gap:6px}.ai-ex-head{display:flex;align-items:center;gap:10px}.ai-cached{font-size:11px;color:#16a34a}.frame-ex.ai{border-color:#d6c7f5;background:#faf7ff;color:#4c1d95}.frame-ex.ai:hover{background:#f1e9fe}.ai-ex-btn.small{padding:4px 10px;font-size:12px;margin-top:6px}.para-ai{margin-bottom:12px;padding:10px 12px;background:#faf7ff;border:1px solid #e7ddfb;border-radius:10px}.para-sets{display:flex;flex-direction:column;gap:10px}.para-set{background:#fff;border:1px solid #e7ddfb;border-radius:8px;padding:10px 12px}.para-set-text{font-size:15px;font-style:italic;color:#1a1a1a;margin-bottom:8px;line-height:1.5}.suggest-chip.ai{border-color:#d6c7f5;background:#faf7ff;color:#4c1d95;border-style:solid}.suggest-chip.ai:hover{background:#f1e9fe}.frame-pattern{font-size:16px;color:#1a1a1a;line-height:1.7}.blank{display:inline-block;min-width:38px;text-align:center;color:#2563eb;border-bottom:2px solid #9bb7f5;margin:0 2px;font-weight:700;letter-spacing:1px}.frame-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.frame-ex{border:1px solid #d6e0fb;background:#f5f8ff;border-radius:8px;padding:7px 12px;font-size:14.5px;color:#1a3a7a;cursor:pointer;text-align:left}.frame-ex:hover{background:#e9f0ff}.frame-fill-toggle{border:none;background:none;color:#16a34a;font-size:14px;cursor:pointer;font-weight:600}.frame-fill{margin-top:12px;padding-top:12px;border-top:1px dashed #e3e6ec}.frame-build{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.build-row{display:inline-flex;align-items:center;gap:4px}.build-seg{font-size:15px;color:#333}.build-input{border:none;border-bottom:2px solid #9bb7f5;background:#f7faff;padding:4px 8px;font-size:15px;min-width:110px;font-family:inherit;border-radius:4px 4px 0 0}.build-input:focus{outline:none;border-color:#2563eb}.frame-preview{margin:12px 0;font-size:16px;color:#1a1a1a;font-style:italic}.flow-desc{font-size:14px;color:#2563eb;font-weight:600;background:#eef4ff;padding:8px 12px;border-radius:8px;margin:4px 0 6px}.builder{margin-top:6px}.move{border:1px solid #eceef2;border-radius:10px;padding:12px 14px;margin-bottom:10px}.move-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.move-num{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.move-label{font-weight:700;font-size:14px}.move-opt{margin-left:auto;max-width:100%;padding:5px 8px;border:1px solid #d4d7dd;border-radius:7px;font-size:13px;font-family:inherit;color:#333;background:#fafbfc}.suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.suggest-label{font-size:12px;color:#888}.suggest-chip{border:1px dashed #c7d2e8;background:#f7f9fc;color:#44506a;cursor:pointer;border-radius:14px;padding:4px 11px;font-size:13px}.suggest-chip:hover{background:#eef2f8;border-style:solid}.build-result{margin-top:14px;padding:14px 16px;background:#f4f7ff;border:1px solid #d7e0fb;border-radius:12px}.build-label{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.build-para{font-size:17px;line-height:1.6;color:#1a1a1a}.build-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.section-card{border:1px solid #e6e9ef;border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#fcfdff}.section-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.section-tag{display:inline-block;font-size:12px;font-weight:700;color:#2563eb;background:#e6ecfb;padding:3px 10px;border-radius:10px;margin-bottom:6px}.section-head .section-tag{margin-bottom:0}.section-head .move-opt{margin-left:0}.section-del{margin-left:auto;border:none;background:#fafbfc;color:#c66;width:32px;height:28px;border-radius:6px;cursor:pointer}.section-del:hover{background:#fdecec}.add-body{border:1px dashed #b9c4dd;background:#f7f9fe;color:#2563eb;cursor:pointer;border-radius:10px;padding:10px;width:100%;font-size:14px;font-weight:600;margin-bottom:12px}.add-body:hover{background:#eef3fd}.speech-lines{display:flex;flex-direction:column;gap:8px}.speech-line{display:flex;align-items:flex-start;gap:8px;font-size:16px;line-height:1.5}.speech-line .mini{flex:0 0 auto;margin-top:2px}.welcome{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);padding:40px 20px}.welcome-card{background:#fff;border-radius:20px;border:1px solid #eaecef;padding:48px 40px;max-width:520px;width:100%;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,.07)}.welcome-flag{font-size:48px;margin-bottom:12px}.welcome-title{font-size:32px;font-weight:800;color:#2563eb;margin:0 0 8px}.welcome-sub{color:#666;font-size:16px;margin:0 0 32px}.welcome-features{text-align:left;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.welcome-feature{display:flex;gap:14px;align-items:flex-start}.welcome-feature-icon{font-size:24px;flex-shrink:0;margin-top:2px}.welcome-feature strong{display:block;font-size:15px;margin-bottom:2px}.welcome-feature p{margin:0;font-size:13px;color:#555;line-height:1.5}.welcome-btn{font-size:17px;padding:14px 32px;border-radius:12px;width:100%}.welcome-note{margin:14px 0 0;font-size:13px;color:#888}.help-page{max-width:860px;margin:0 auto;padding-bottom:60px}.help-back{margin-bottom:20px;font-size:14px}.help-back a{color:#2563eb;text-decoration:none}.help-back a:hover{text-decoration:underline}.help-back-bottom{margin-top:40px}.help-h1{font-size:28px;font-weight:800;margin:0 0 8px}.help-intro{color:#555;font-size:15px;margin:0 0 32px;line-height:1.6}.help-section{margin-bottom:48px;border-top:2px solid #eaecef;padding-top:32px}.help-h2{font-size:22px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:12px}.help-grade-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:16px;font-weight:900;color:#fff;flex-shrink:0}.g9{background:#2563eb}.g10{background:#7c3aed}.help-section-intro{color:#555;font-size:14px;margin:0 0 24px;line-height:1.6}.help-h3{font-size:17px;font-weight:700;margin:28px 0 12px;color:#1a1a1a;border-left:3px solid #2563eb;padding-left:10px}.help-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:12px}.help-table th{background:#f0f4ff;padding:9px 12px;text-align:left;border:1px solid #dde3f0;font-weight:700}.help-table td{padding:9px 12px;border:1px solid #e8ecf4;vertical-align:top;line-height:1.5}.help-row-highlight td{background:#fff8e1;font-weight:500}.help-mini-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.help-mini-table th{background:#f7f8fa;padding:6px 10px;text-align:left;border:1px solid #e0e4ea;font-weight:600}.help-mini-table td{padding:6px 10px;border:1px solid #e8ecf4}.help-topics{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:8px}@media (max-width:640px){.help-topics{grid-template-columns:1fr}}.help-topic-group h4{font-size:14px;font-weight:700;margin:0 0 8px;color:#333}.help-topic-group ol,.help-topic-group ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7;color:#333}.help-note{font-size:13px;color:#555;margin:6px 0;line-height:1.6;background:#f7f8fa;border-radius:6px;padding:8px 10px}.help-killers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.help-killers li{background:#fff5f5;border:1px solid #fcc;border-radius:6px;padding:6px 10px;line-height:1.5}.bad{color:#c00;text-decoration:line-through}.bad,.good{font-style:italic}.good{color:#1a8a3a;font-weight:700}.why{color:#777;font-size:12px}.help-culture{margin:0;padding-left:18px;font-size:14px;line-height:1.8}.help-vandertramp{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.help-vandertramp span{background:#ede9fe;color:#5b21b6;border-radius:6px;padding:4px 10px;font-size:13px;font-style:italic}.help-vocab-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:8px}@media (max-width:640px){.help-vocab-grid{grid-template-columns:1fr 1fr}}.help-vocab-card{background:#f7f8fa;border:1px solid #e8ecf4;border-radius:10px;padding:12px 14px;font-size:13px}.help-vocab-card strong{display:block;margin-bottom:4px;font-size:14px;color:#1a1a1a}.help-vocab-card p{margin:0;color:#555;line-height:1.5}.help-steps{margin:8px 0;padding-left:20px;font-size:14px;line-height:1.8}.help-app-guide{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:700px){.help-app-guide{grid-template-columns:1fr 1fr}}.help-cov-ok{color:#16a34a}.help-cov-ok,.help-cov-warn{font-weight:700;white-space:nowrap}.help-cov-warn{color:#d97706}.help-coverage-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.help-cov-chip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;padding:4px 12px;font-size:13px;color:#0369a1}.help-cov-status{margin-right:4px}.help-app-card{background:#fff;border:1px solid #e8ecf4;border-radius:10px;padding:14px}.help-app-icon{font-size:24px;margin-bottom:6px}.help-app-card h4{font-size:13px;font-weight:700;margin:0 0 6px}.help-app-card p{font-size:12px;color:#555;margin:0;line-height:1.5}.topbar-nav{display:flex;gap:4px}.topbar-link{font-size:14px;color:#555;text-decoration:none;padding:6px 10px;border-radius:6px;font-weight:500}.topbar-link:hover{background:#f0f4ff;color:#2563eb}.wc-divider{border:none;border-top:1px solid #e8ecf4;margin:24px 0 20px}.wc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.wc-title{font-size:15px;font-weight:700;margin:0}.wc-level-pick{display:flex;gap:6px}.wc-textarea{width:100%;box-sizing:border-box;padding:12px;font-size:14px;font-family:inherit;border:1.5px solid #dde;border-radius:10px;outline:none;resize:vertical;line-height:1.6;min-height:140px}.wc-textarea:focus{border-color:#2563eb}.wc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.wc-results{display:flex;flex-direction:column;gap:14px}.wc-score-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px}.wc-score-row.great{background:#dcfce7}.wc-score-row.ok{background:#fef9c3}.wc-score-row.low{background:#fee2e2}.wc-score-num{font-size:24px;font-weight:900;flex-shrink:0}.wc-score-row.great .wc-score-num{color:#16a34a}.wc-score-row.ok .wc-score-num{color:#92400e}.wc-score-row.low .wc-score-num{color:#b91c1c}.wc-score-label{font-size:14px;font-weight:600}.wc-text-display{border:1px solid #e8ecf4;border-radius:10px;padding:14px;background:#fafbff}.wc-text-label{font-size:12px;font-weight:700;color:#888;margin-bottom:8px;text-transform:uppercase}.wc-text-body{font-size:14px;line-height:1.7;color:#1a1a1a}.wc-error-mark{background:#fef08a;border-bottom:2px solid #dc2626;cursor:help;border-radius:2px;padding:0 1px}.wc-no-errors{font-size:13px;color:#16a34a;font-weight:600;margin-top:8px}.wc-errors{display:flex;flex-direction:column;gap:8px}.wc-errors-label{font-size:12px;font-weight:700;color:#888;text-transform:uppercase;margin-bottom:2px}.wc-error-row{display:grid;grid-template-columns:auto auto auto 1fr;align-items:baseline;grid-gap:8px;gap:8px;padding:8px 12px;background:#fff7f7;border:1px solid #fca5a5;border-radius:8px;font-size:13px}.wc-error-orig{font-weight:700;color:#dc2626;text-decoration:line-through}.wc-error-arrow{color:#888}.wc-error-fix{font-weight:700;color:#16a34a}.wc-error-reason{color:#555;font-style:italic}.wc-encouragement{padding:12px 16px;background:#eff6ff;border-radius:10px;font-size:14px;color:#1e40af;line-height:1.5}.rd-grade-filter,.rd-topic-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rd-list{gap:8px;margin-top:12px}.rd-card,.rd-list{display:flex;flex-direction:column}.rd-card{gap:4px;text-align:left;border:1px solid #e8ecf4;border-radius:12px;padding:14px 16px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.rd-card:hover{border-color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.08)}.rd-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.rd-topic-badge{color:#2563eb;background:#eff6ff}.rd-grade-badge,.rd-topic-badge{font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px}.rd-grade-badge{color:#555;background:#f0f0f0}.rd-card-title{font-size:15px;font-weight:700;color:#1a1a1a}.rd-card-sub{font-size:12px;color:#888}.rd-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px}.rd-back-bottom{margin-top:20px;margin-bottom:0}.rd-passage-head{margin-bottom:14px}.rd-passage-badges{display:flex;gap:6px;margin-bottom:8px}.rd-passage-title{font-size:20px;font-weight:800;margin:0 0 6px}.rd-score{display:inline-block;font-size:13px;font-weight:700;background:#f0f0f0;border-radius:20px;padding:2px 12px;color:#555}.rd-score.perfect{background:#dcfce7;color:#16a34a}.rd-text{background:#fafbff;border:1px solid #e8ecf4;border-radius:12px;padding:18px;font-size:15px;line-height:1.75;color:#1a1a1a;margin-bottom:20px}.rd-questions{display:flex;flex-direction:column;gap:12px}.rd-q{border:1.5px solid #e8ecf4;border-radius:12px;padding:14px 16px;background:#fff}.rd-q.correct{border-color:#16a34a;background:#f0fdf4}.rd-q.wrong{border-color:#fca5a5;background:#fff7f7}.rd-q-num{font-weight:800;color:#2563eb;margin-right:4px}.rd-q-text{font-size:14px;font-weight:600;margin:0 0 10px}.rd-q-input-row{display:flex;gap:8px;align-items:center}.rd-input{flex:1 1;padding:8px 12px;font-size:14px;border:1.5px solid #dde;border-radius:8px;outline:none;font-family:inherit}.rd-input:focus{border-color:#2563eb}.rd-model-label{font-size:12px;font-weight:700;color:#888;margin-bottom:4px}.rd-model-text{font-size:14px;color:#14532d;background:#dcfce7;border-radius:8px;padding:8px 12px;margin-bottom:10px}.rd-self-mark{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rd-self-label{font-size:13px;color:#555}.rd-mark-btn{padding:5px 14px;border-radius:20px;border:1.5px solid;font-size:13px;font-weight:700;cursor:pointer;background:#fff}.rd-mark-btn.correct{border-color:#16a34a;color:#16a34a}.rd-mark-btn.correct:hover{background:#dcfce7}.rd-mark-btn.wrong{border-color:#dc2626;color:#dc2626}.rd-mark-btn.wrong:hover{background:#fee2e2}.rd-marked{font-size:13px;font-weight:700}.rd-marked.correct{color:#16a34a}.rd-marked.wrong{color:#dc2626}.rd-final-score{margin-top:16px;padding:14px 18px;border-radius:12px;font-size:15px;font-weight:700;text-align:center}.rd-final-score.perfect{background:#dcfce7;color:#14532d}.rd-final-score.good{background:#fef9c3;color:#854d0e}.rd-final-score.retry{background:#fee2e2;color:#991b1b}.quiz-card{border:1px solid #e8ecf4;border-radius:14px;padding:20px;margin-top:14px;background:#fafbff}.quiz-sentence{font-size:18px;line-height:2;margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:2px}.quiz-word{color:#1a1a1a}.quiz-blank-slot{display:inline-flex;align-items:center}.quiz-input{width:110px;padding:4px 8px;font-family:inherit;border:2px solid #2563eb;outline:none}.quiz-answer,.quiz-input{font-size:16px;border-radius:6px}.quiz-answer{padding:3px 10px;font-weight:700}.quiz-answer.ok{background:#dcfce7;color:#16a34a}.quiz-answer.wrong{background:#fee2e2;color:#dc2626}.quiz-hint{font-size:13px;color:#888;margin-bottom:12px}.quiz-result{margin-top:10px}.quiz-verdict{font-size:16px;font-weight:700;margin-bottom:10px}.quiz-verdict.ok{color:#16a34a}.quiz-verdict.wrong{color:#dc2626}.quiz-actions{display:flex;gap:8px}.cq-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cq-title{font-size:16px;font-weight:700;margin:0}.cq-score{font-size:14px;font-weight:700;background:#f0f0f0;border-radius:20px;padding:3px 12px;color:#555}.cq-score.perfect{background:#dcfce7;color:#16a34a}.cq-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cq-progress-bar{height:6px;background:#e8ecf4;border-radius:4px;margin-bottom:14px;position:relative;overflow:hidden}.cq-progress-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s}.cq-progress-label{position:absolute;right:0;top:-18px;font-size:11px;color:#999}.cq-card{border:1px solid #e8ecf4;border-radius:14px;padding:20px;background:#fafbff}.cq-cat-badge{display:inline-block;font-size:11px;font-weight:700;color:#2563eb;background:#eff6ff;border-radius:20px;padding:2px 10px;margin-bottom:12px}.cq-question{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 16px;line-height:1.5}.cq-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cq-option{text-align:left;padding:10px 14px;border-radius:8px;cursor:pointer;border:1.5px solid #dde;background:#fff;font-size:14px;line-height:1.4;transition:border-color .15s,background .15s}.cq-option:not(:disabled):hover{border-color:#2563eb;background:#eff6ff}.cq-option:disabled{cursor:default}.cq-option.correct{border-color:#16a34a;background:#dcfce7;color:#14532d;font-weight:600}.cq-option.wrong{border-color:#dc2626;background:#fee2e2;color:#991b1b}.cq-result{padding-top:10px;border-top:1px solid #eee}.cq-verdict{font-size:15px;font-weight:700;margin-bottom:6px}.cq-result.ok .cq-verdict{color:#16a34a}.cq-result.wrong .cq-verdict{color:#dc2626}.cq-hint{font-size:13px;color:#555;margin-bottom:10px}.cq-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cq-done{font-size:14px;font-weight:600;color:#2563eb}.grammar-unit-picker{margin-bottom:10px}.grammar-unit-label{display:block;font-size:13px;color:#555;margin-bottom:4px;font-weight:600}.fc-group-select{width:100%;padding:8px 10px;border:1px solid #d4d7dd;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;margin-bottom:12px;cursor:pointer}.fc-counter{text-align:center;font-size:13px;color:#888;margin-bottom:10px}.fc-num{font-weight:700;color:#2563eb;font-size:16px}.fc-card{display:block;width:100%;min-height:160px;border:2px solid #2563eb;border-radius:16px;background:#f5f8ff;padding:28px 24px;cursor:pointer;text-align:center;transition:background .15s;margin-bottom:14px}.fc-card:hover{background:#eef3ff}.fc-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.fc-text{font-size:20px;font-weight:600;color:#1a1a1a;line-height:1.4}.fc-vi{font-size:15px;color:#444;line-height:1.5;margin-top:4px}.fc-tap-hint{font-size:12px;color:#aaa;margin-top:6px}.fc-back{border-top:1px dashed #c7d4f0;padding-top:14px;margin-top:4px;width:100%}.fc-nav{justify-content:center;margin-bottom:8px}.dictee-selectors,.fc-nav{display:flex;flex-wrap:wrap;gap:8px}.dictee-selectors{margin-bottom:12px}.dictee-selectors select{flex:1 1;min-width:140px;padding:7px 10px;border:1px solid #d4d7dd;border-radius:8px;font-size:13px;font-family:inherit;background:#fff}.dictee-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.dictee-input{width:100%;padding:10px 12px;border:1px solid #d4d7dd;border-radius:10px;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:8px;box-sizing:border-box}.dictee-input:focus{outline:none;border-color:#2563eb}.dictee-result{margin-top:12px}.dictee-score{font-size:28px;font-weight:800;color:#2563eb;text-align:center;margin-bottom:10px}.dictee-words{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dictee-word{padding:4px 10px;border-radius:20px;font-size:15px;font-weight:500}.dictee-word.ok{background:#dcfce7;color:#16a34a}.dictee-word.wrong{background:#fee2e2;color:#dc2626}.dictee-original{font-size:13px;color:#555;margin-bottom:10px}.dictee-actions{display:flex;gap:8px;flex-wrap:wrap}.ep-filters{margin-bottom:14px;display:flex;flex-direction:column;gap:8px}.ep-filter-row{display:flex;flex-wrap:wrap;gap:6px}.ep-card{border:1px solid #e8ecf4;border-radius:12px;margin-bottom:8px;overflow:hidden}.ep-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:#f7f8fa;border:none;cursor:pointer;text-align:left;font-size:14px}.ep-head:hover{background:#eef1f6}.ep-icon{font-size:16px;flex-shrink:0}.ep-topic{flex:1 1;font-weight:600;color:#1a1a1a}.ep-diff{font-weight:700}.ep-arrow,.ep-diff{font-size:12px;flex-shrink:0}.ep-arrow{color:#888}.ep-body{padding:14px;border-top:1px solid #e8ecf4;background:#fff}.ep-prompt{font-size:15px;color:#1a1a1a;margin-bottom:6px;line-height:1.5}.ep-prompt-en{font-size:13px;color:#666;margin-bottom:10px;line-height:1.4;font-style:italic}.ep-hints{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}