:root{--ink:#1a3a2e;--ink-soft:#2d5a47;--ink-light:#4a7c65;--vermilion:#c8463c;--vermilion-soft:#e07868;--vermilion-bg:#c8463c14;--bg:#f5f1e8;--bg-warm:#ede7d8;--paper:#fdfbf5;--text:#2a2520;--text-soft:#6b5d4f;--text-mute:#a0937f;--border:#d9cfb8;--border-soft:#e8e0cc;--shadow-sm:0 2px 8px #2a25200f;--shadow-md:0 8px 24px #2a252014;--shadow-lg:0 20px 50px #2a252024;--radius:16px;--radius-sm:10px;--radius-pill:999px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--bp-mobile:768px;--bp-small:520px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-image:radial-gradient(circle at 20% 10%,#1a3a2e0a 0%,#0000 40%),radial-gradient(circle at 80% 80%,#c8463c08 0%,#0000 40%);flex-direction:column;min-height:100vh;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;display:flex}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.8;transform:scale(1.15)rotate(15deg)}}@keyframes tagIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popoverIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes highlightFlash{0%,to{box-shadow:var(--shadow-sm);transform:scale(1)}20%,60%{transform:scale(1.04);box-shadow:0 8px 24px #c8463c59}}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){body{-webkit-tap-highlight-color:transparent}}.hero{background:var(--ink);color:var(--paper);padding:52px 24px 60px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(40px);background:#c8463c14;border-radius:50%;position:absolute}.hero:before{width:400px;height:400px;top:-150px;right:-80px}.hero:after{background:#4a7c6526;width:250px;height:250px;bottom:-120px;left:5%}.hero-inner{z-index:1;text-align:center;max-width:1200px;margin:0 auto;position:relative}.logo{letter-spacing:.5px;align-items:center;gap:12px;font-family:Fraunces,Noto Serif SC,Noto Sans SC,serif;font-size:2.6rem;font-weight:700;display:inline-flex}.logo-icon{font-size:1.8rem;animation:3s ease-in-out infinite twinkle}.logo-en{opacity:.85;font-family:Fraunces,serif;font-size:1.5rem;font-style:italic;font-weight:400}.subtitle{opacity:.8;letter-spacing:1px;margin-top:14px;font-size:.95rem;font-weight:300}.container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.page-words{max-width:1000px;margin:0 auto;animation:.4s fadeIn}.page-essay,.page-score{max-width:860px;margin:0 auto;animation:.4s fadeIn}.footer{text-align:center;color:var(--text-mute);padding:24px;font-size:.82rem}@media (width<=768px){.hero{padding:28px 16px 32px}.logo{font-size:1.6rem}.logo-en{font-size:1.1rem}.subtitle{font-size:.85rem}.container{padding:16px 12px calc(80px + var(--safe-bottom))}.desktop-footer{display:none}}.page-tabs{background:var(--paper);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);border:1px solid var(--border);gap:12px;width:fit-content;margin-bottom:28px;padding:6px;display:flex}.page-tab{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:10px 28px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.page-tab:hover{color:var(--text);background:var(--bg)}.page-tab.active{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #1a3a2e4d}.tab-icon{font-size:1.05rem}.mobile-tab-bar{display:none}@media (width<=768px){.desktop-tabs{display:none}.mobile-tab-bar{z-index:1000;background:var(--paper);border-top:1px solid var(--border);padding:6px 0 var(--safe-bottom);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #2a252014}.mobile-tab{color:var(--text-mute);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:8px 12px;font-family:inherit;font-size:.7rem;font-weight:600;display:flex}.mobile-tab-icon{transition:transform var(--transition);font-size:1.35rem;line-height:1}.mobile-tab-label{white-space:nowrap}.mobile-tab.active{color:var(--ink)}.mobile-tab.active .mobile-tab-icon{transform:scale(1.15)}.mobile-tab.menu-open .mobile-tab-icon{transform:rotate(90deg)}.mobile-more-menu{background:var(--paper);border-top:1px solid var(--border);padding:8px 16px calc(8px + var(--safe-bottom));grid-template-columns:repeat(4,1fr);gap:4px;animation:.2s mobileMenuIn;display:grid;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -8px 24px #2a25201f}.mobile-more-item{color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-family:inherit;font-size:.72rem;font-weight:600;display:flex}.mobile-more-item:hover,.mobile-more-item:active{background:#1a3a2e0f}.mobile-more-item.active{color:var(--ink);background:#1a3a2e14}.mobile-more-icon{font-size:1.5rem;line-height:1}.mobile-more-label{white-space:nowrap}}@media (width<=360px){.mobile-tab{padding:6px 4px;font-size:.65rem}.mobile-tab-icon{font-size:1.2rem}.mobile-more-menu{grid-template-columns:repeat(2,1fr);gap:6px}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), opacity var(--transition);border:none;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;box-shadow:0 4px 14px #1a3a2e59}.btn-primary:hover{box-shadow:0 6px 20px #1a3a2e80}.btn-default{background:var(--bg);color:var(--text-soft);border:1px solid var(--border)}.btn-default:hover{background:var(--bg-warm);color:var(--text)}.btn-gradient{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;box-shadow:0 6px 18px #1a3a2e4d}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 10px 26px #1a3a2e73}.btn-block{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.btn-icon{font-size:1.05rem}.btn-back{color:var(--text-mute);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.82rem}.btn-back:hover{color:var(--ink);background:#1a3a2e14}@media (width<=768px){.btn{padding:12px 18px;font-size:.9rem}}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:box-shadow var(--transition), transform var(--transition);padding:26px}.card:hover{box-shadow:var(--shadow-lg)}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.dot{background:linear-gradient(135deg, var(--ink-soft), var(--ink));border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #1a3a2e26}.card-count{color:var(--text-soft);background:var(--bg);border-radius:var(--radius-pill);padding:4px 12px;font-size:.85rem;font-weight:500}.badge{color:var(--ink);border-radius:var(--radius-pill);letter-spacing:.3px;background:#1a3a2e1a;padding:4px 10px;font-size:.72rem;font-weight:600}.badge-ai{color:#059669;background:#10b9811f}.card-hint{color:var(--text-mute);text-align:center;margin-top:14px;font-size:.8rem}.empty-tip{text-align:center;width:100%;color:var(--text-mute);padding:24px 0}.empty-icon{opacity:.6;margin-bottom:8px;font-size:2rem;display:block}.empty-tip p{font-size:.88rem}@media (width<=768px){.card{border-radius:var(--radius-sm);padding:18px 14px}.card-title{font-size:1.05rem}}.word-input-group{gap:10px;margin-bottom:14px;display:flex}.word-input{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--bg);transition:border-color var(--transition), background var(--transition);flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem}.word-input:focus{border-color:var(--ink-light);background:#fff;outline:none}.word-add-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px 16px}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-field{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.form-field-word{flex:0 0 140px}.form-field-meaning{flex:2}.form-label{color:var(--text-soft);font-size:.78rem;font-weight:600}.required{color:#e53e3e;margin-left:2px}.form-input{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--ink-light);outline:none;box-shadow:0 0 0 3px #1a3a2e1f}.form-input:disabled{background:var(--border);color:var(--text-mute);cursor:not-allowed}.form-submit-btn{flex:none;padding:9px 22px;font-size:.9rem}.form-toggle-optional{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:10px;padding:4px 0;font-family:inherit;font-size:.8rem;font-weight:600}.form-toggle-optional:hover{text-decoration:underline}.form-optional{border-top:1px dashed var(--border);margin-top:12px;padding-top:12px;animation:.25s fadeIn}.form-examples{margin-top:12px}.form-examples-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.form-add-example{color:var(--ink);cursor:pointer;border-radius:var(--radius-pill);transition:background var(--transition);background:#1a3a2e1a;border:none;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:600}.form-add-example:hover{background:#1a3a2e33}.form-example-row{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px 12px;display:flex}.example-row-head{justify-content:space-between;align-items:center;display:flex}.example-row-num{color:var(--text-mute);font-size:.75rem;font-weight:700}.example-row-remove{color:#e53e3e;cursor:pointer;opacity:.7;transition:opacity var(--transition), background var(--transition);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.75rem}.example-row-remove:hover{opacity:1;background:#e53e3e1a}.example-input-context{font-size:.82rem}.example-input-en{font-family:Poppins,sans-serif}.example-input-cn{font-size:.82rem}.options-row{flex-direction:column;gap:16px;margin-bottom:18px;display:flex}.option-label{color:var(--text-soft);margin-bottom:8px;font-size:.82rem;font-weight:500;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--border);background:var(--bg);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:7px 18px;font-family:inherit;font-size:.88rem;font-weight:500}.chip:hover{border-color:var(--ink-light);color:var(--ink)}.chip.active{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;border-color:#0000;box-shadow:0 4px 12px #1a3a2e4d}@media (width<=768px){.word-input-group{flex-direction:column}.options-row{flex-direction:column;gap:12px}.form-field-word{flex:100%}.form-row{gap:8px}.form-input,.word-input{font-size:16px}.chip{padding:8px 16px}}.btn-ai-complete{background:linear-gradient(135deg, var(--vermilion-soft), var(--vermilion));color:#fff;white-space:nowrap;box-shadow:0 4px 14px #c8463c4d}.btn-ai-complete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #c8463c73}.btn-ai-complete:disabled{opacity:.5;cursor:not-allowed}.ai-loading-dot{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:10px;height:10px;margin-right:2px;animation:.6s linear infinite aiSpin;display:inline-block}@keyframes aiSpin{to{transform:rotate(360deg)}}@media (width<=768px){.form-submit-btn{flex:auto;width:100%}.btn-ai-complete{font-size:.85rem}}.word-manager-v2 .wm-layout{grid-template-columns:180px 1fr;gap:20px;margin-top:16px;display:grid}.wm-sidebar{flex-direction:column;gap:16px;display:flex}.wm-nav-group{flex-direction:column;gap:2px;display:flex}.wm-nav-title{color:var(--text-mute);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;padding:4px 10px;font-size:.72rem;font-weight:700}.wm-nav-item{color:var(--text-soft);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-family:inherit;font-size:.85rem;font-weight:500;display:flex;position:relative}.wm-nav-item:hover{color:var(--ink);background:#1a3a2e14}.wm-nav-item.active{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;box-shadow:0 4px 12px #1a3a2e4d}.wm-nav-icon{flex-shrink:0;font-size:.95rem}.wm-nav-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.wm-nav-count{border-radius:var(--radius-pill);color:var(--ink);background:#1a3a2e1f;flex-shrink:0;padding:1px 7px;font-size:.72rem;font-weight:600}.wm-nav-item.active .wm-nav-count{color:#fff;background:#ffffff40}.wm-nav-custom{cursor:pointer}.wm-book-delete{width:18px;height:18px;color:var(--text-mute);cursor:pointer;opacity:0;transition:all var(--transition);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.wm-nav-custom:hover .wm-book-delete{opacity:1}.wm-book-delete:hover{color:#f56565;background:#f5656526}.wm-nav-add{border:1px dashed var(--border);color:var(--text-mute);cursor:pointer;transition:all var(--transition);text-align:left;background:0 0;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.wm-nav-add:hover{border-color:var(--ink-light);color:var(--ink);background:#1a3a2e0d}.wm-create-book{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px}.wm-book-input{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:.85rem}.wm-book-input:focus{border-color:var(--ink-light);outline:none}.wm-create-actions{gap:6px;display:flex}.wm-btn-sm{flex:1;padding:6px 12px;font-size:.8rem}.wm-btn-cancel{background:var(--bg-warm);color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:6px 12px;font-size:.8rem}.wm-btn-cancel:hover{background:var(--border)}.wm-content{flex-direction:column;display:flex}.wm-list-header{justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:12px;display:flex}.wm-list-title{color:var(--text);font-size:1rem;font-weight:700}.wm-list-count{color:var(--text-mute);font-size:.78rem;font-weight:600}.book-words{scrollbar-width:thin;scrollbar-color:var(--ink-light) transparent;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;max-height:420px;padding:4px 0;display:grid;overflow-y:auto}.book-words::-webkit-scrollbar{width:6px}.book-words::-webkit-scrollbar-track{background:0 0}.book-words::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:3px}.word-card.highlight-flash{animation:1.6s highlightFlash}@media (width<=768px){.word-manager-v2 .wm-layout{grid-template-columns:1fr;gap:12px}.wm-sidebar{flex-flow:wrap;gap:6px}.wm-nav-group{flex:1;min-width:120px}.wm-nav-item{padding:8px 10px;font-size:.78rem}.book-words{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}}@media (width<=480px){.book-words{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.word-card{background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:stretch;animation:.3s tagIn;display:flex;position:relative;overflow:hidden}.word-card:hover{border-color:var(--ink-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-card-stripe{background:linear-gradient(180deg, var(--ink-soft), var(--ink-light));width:4px;transition:background var(--transition);flex-shrink:0}.word-card:hover .word-card-stripe{background:linear-gradient(180deg, var(--vermilion), var(--vermilion-soft))}.word-card-body{flex:1;min-width:0;padding:12px 14px}.word-card-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.word-card-word{color:var(--ink);letter-spacing:.3px;font-family:Fraunces,Noto Serif SC,serif;font-size:1.05rem;font-weight:700}.word-card-phonetic{color:var(--text-mute);font-family:Fraunces,serif;font-size:.78rem;font-style:italic}.word-card-pos{color:var(--vermilion);background:var(--vermilion-bg);border-radius:var(--radius-pill);letter-spacing:.3px;padding:1px 7px;font-size:.7rem;font-weight:600}.word-card-meaning{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.word-card-meaning-empty{color:var(--text-mute);font-style:italic}.word-card-delete{background:var(--bg-warm);width:22px;height:22px;color:var(--text-mute);cursor:pointer;opacity:0;transition:all var(--transition);z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;line-height:1;display:flex;position:absolute;top:6px;right:6px}.word-card:hover .word-card-delete{opacity:1}.word-card-delete:hover{background:var(--vermilion);color:#fff;transform:rotate(90deg)}.word-list{flex-wrap:wrap;gap:10px;min-height:60px;padding:8px 0;display:flex}.word-tag{color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:linear-gradient(135deg,#1a3a2e1f,#1a3a2e1f);border:1px solid #1a3a2e33;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-family:Poppins,sans-serif;font-size:.92rem;font-weight:600;animation:.3s tagIn;display:inline-flex}.word-tag:hover{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;transform:translateY(-2px);box-shadow:0 6px 14px #1a3a2e4d}.word-tag .tag-text{pointer-events:none}.word-tag .tag-delete{width:20px;height:20px;color:var(--ink);cursor:pointer;transition:all var(--transition);background:#1a3a2e2e;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex}.word-tag:hover .tag-delete{color:#fff;background:#ffffff4d}.word-tag .tag-delete:hover{color:var(--ink);background:#fff;transform:rotate(90deg)}@media (width<=768px){.word-card-body{padding:10px 12px}.word-card-word{font-size:.98rem}.word-card-delete{opacity:.6}}.selector-input-section,.selector-books-section{margin-bottom:20px}.selector-book-tabs{background:var(--bg);border-radius:var(--radius-sm);flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:5px;display:flex}.book-tab{color:var(--text-soft);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.book-tab:hover{color:var(--ink);background:#1a3a2e14}.book-tab.active{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;box-shadow:0 4px 12px #1a3a2e4d}.book-tab-icon{font-size:.9rem}.book-tab-count{border-radius:var(--radius-pill);color:var(--ink);background:#1a3a2e1f;padding:1px 6px;font-size:.7rem;font-weight:700}.book-tab.active .book-tab-count{color:#fff;background:#ffffff40}.selector-word-grid{scrollbar-width:thin;scrollbar-color:var(--ink-light) transparent;flex-wrap:wrap;gap:10px;max-height:280px;padding:4px 0;display:flex;overflow-y:auto}.selector-word-grid::-webkit-scrollbar{width:6px}.selector-word-grid::-webkit-scrollbar-thumb{background:linear-gradient(var(--ink-light), var(--ink));border-radius:3px}.selector-word-grid-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;max-height:420px;display:grid}.word-card-selectable{cursor:pointer;position:relative}.word-card-selectable:hover{border-color:var(--ink-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.word-card-selectable.selected{border-color:var(--vermilion);background:linear-gradient(135deg, var(--vermilion-bg), var(--paper));box-shadow:0 4px 14px #c8463c2e}.word-card-selectable.selected .word-card-stripe{background:linear-gradient(180deg, var(--vermilion), var(--vermilion-soft))}.word-card-selectable.selected .word-card-word{color:var(--vermilion)}.word-card-check{background:var(--bg-warm);width:22px;height:22px;color:var(--text-mute);transition:all var(--transition);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.word-card-selectable:hover .word-card-check{background:var(--ink-light);color:#fff}.word-card-selectable.selected .word-card-check{background:var(--vermilion);color:#fff;transform:scale(1.1)}.selector-word-chip{border:1px solid var(--border);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:#fff;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex}.selector-word-chip:hover{border-color:var(--ink-light);color:var(--ink);background:#1a3a2e0d}.selector-word-chip.selected{background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;border-color:#0000;box-shadow:0 4px 12px #1a3a2e4d}.chip-check{text-align:center;width:16px;font-size:.8rem;font-weight:700}.selector-selected-bar{border-radius:var(--radius-sm);background:#1a3a2e0f;border:1px solid #1a3a2e26;margin:20px 0;padding:14px 16px}.selected-label{color:var(--ink);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.selected-tags{flex-wrap:wrap;gap:8px;display:flex}.selected-tag{cursor:pointer;color:var(--ink);border-radius:var(--radius-pill);transition:all var(--transition);background:linear-gradient(135deg,#1a3a2e1f,#1a3a2e1f);border:1px solid #1a3a2e33;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:500}.selected-tag .tag-delete{opacity:.6;margin-left:4px;font-size:.85rem}.selected-tag:hover .tag-delete{opacity:1}.selector-next-btn{margin-top:8px}.selector-next-btn:disabled{opacity:.5;cursor:not-allowed}.selected-words-bar{border-radius:var(--radius-sm);background:#1a3a2e0f;border:1px solid #1a3a2e26;margin-bottom:20px;padding:14px 16px}.selected-words-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.selected-words-label{color:var(--ink);font-size:.85rem;font-weight:600}.selected-words-tags{flex-wrap:wrap;gap:8px;display:flex}@media (width<=768px){.selector-word-grid-cards{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px}.book-tab{min-width:56px;padding:7px 8px;font-size:.75rem}}@media (width<=480px){.selector-word-grid-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.step-indicator{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.step-item{color:var(--text-mute);transition:all var(--transition);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.step-item.active{color:var(--ink)}.step-item.done{color:var(--text-soft)}.step-num{background:var(--border);color:#fff;width:28px;height:28px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-item.active .step-num{background:linear-gradient(135deg, var(--ink-soft), var(--ink));box-shadow:0 4px 12px #1a3a2e59}.step-item.done .step-num{background:#48bb78}.step-line{background:var(--border);width:60px;height:2px;transition:all var(--transition);border-radius:1px}.step-line.active{background:linear-gradient(90deg, var(--ink-soft), var(--ink))}.essay-output{background:var(--bg);border-radius:var(--radius-sm);border:1px dashed var(--border);min-height:180px;margin-top:18px;padding:22px}.essay-placeholder{text-align:center;color:var(--text-mute);padding:30px 0}.placeholder-icon{opacity:.6;margin-bottom:12px;font-size:2.4rem;display:block}.essay-placeholder p{font-size:.9rem;line-height:1.8}.essay-content{animation:.5s fadeIn}.essay-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.meta-tag{border-radius:var(--radius-pill);color:var(--ink);background:#1a3a2e1f;padding:3px 10px;font-size:.75rem;font-weight:600}.meta-tag-bilingual{background:var(--vermilion-bg);color:var(--vermilion)}.essay-action-hints{background:var(--bg-warm);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;padding:8px 14px;display:flex}.action-hint{color:var(--text-soft);font-size:.78rem}.essay-textarea{border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--bg);resize:vertical;min-height:140px;transition:border-color var(--transition), background var(--transition);margin-bottom:14px;padding:16px;font-family:Poppins,Noto Sans SC,sans-serif;font-size:.95rem;line-height:1.7}.essay-textarea:focus{border-color:var(--ink-light);background:#fff;outline:none}@media (width<=768px){.step-indicator{gap:6px;margin-bottom:20px}.step-item{font-size:.78rem}.step-num{width:24px;height:24px;font-size:.75rem}.step-line{width:30px}.essay-output{padding:16px 12px}.essay-textarea{padding:12px;font-size:16px}.essay-action-hints{gap:8px}}.essay-view-switcher{background:var(--bg-warm);border-radius:var(--radius-pill);gap:4px;width:fit-content;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.view-switch-btn{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.view-switch-btn:hover{color:var(--ink)}.view-switch-btn.active{background:var(--ink);color:var(--paper);box-shadow:0 2px 8px #1a3a2e40}.view-switch-icon{font-size:.95rem}.essay-title-row{border-bottom:2px solid var(--border);justify-content:center;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.essay-title-row .essay-title{border-bottom:none;flex:1;margin-bottom:0;padding-bottom:0}.essay-fav-btn{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.essay-fav-btn:hover{border-color:var(--vermilion);color:var(--vermilion)}.essay-fav-btn.saved{background:var(--vermilion-bg);border-color:var(--vermilion);color:var(--vermilion)}.essay-reading{position:relative}.reading-hint{color:var(--text-mute);text-align:center;background:var(--bg-warm);border-radius:var(--radius-pill);width:fit-content;margin-bottom:18px;margin-left:auto;margin-right:auto;padding:6px 14px;font-size:.78rem}.reading-body{color:var(--text);text-align:justify;text-indent:2em;letter-spacing:.2px;font-family:Fraunces,Noto Serif SC,serif;font-size:1.05rem;line-height:2.1}.reading-sentence{cursor:pointer;transition:background var(--transition);border-radius:4px;position:relative}.reading-sentence:hover{background:#1a3a2e0f}.reading-sentence.expanded{background:#c8463c14}.reading-translation{color:var(--text-soft);background:var(--paper);border-left:3px solid var(--vermilion);text-indent:0;border-radius:4px;margin:6px 0 10px;padding:8px 14px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:.88rem;line-height:1.7;animation:.25s fadeIn;display:block}.reading-translation-empty{color:var(--text-mute);border-left-color:var(--border);font-style:italic}.essay-sentences{flex-direction:column;gap:0;display:flex}.essay-sentence-pair{border-bottom:1px dashed var(--border-soft);transition:background var(--transition);cursor:pointer;padding:14px 0}.essay-sentence-pair:last-child{border-bottom:none}.essay-sentence-pair:hover{background:#1a3a2e05}.essay-sentence-pair.expanded{background:#c8463c0a}.sentence-en{color:var(--text);margin-bottom:6px;font-family:Fraunces,Noto Serif SC,serif;font-size:.98rem;line-height:1.75}.sentence-cn{color:var(--text-soft);border-left:3px solid var(--ink-light);padding-left:12px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:.85rem;line-height:1.6}.sentence-cn-empty{color:var(--text-mute);border-left-color:var(--border);font-style:italic}.sentence-cn-hint{color:var(--text-mute);border-left:3px solid var(--border);opacity:0;transition:opacity var(--transition);padding-left:12px;font-size:.78rem}.essay-sentence-pair:hover .sentence-cn-hint{opacity:1}.sentence-en .highlight,.reading-body .highlight,.essay-text .highlight{color:var(--vermilion);background:linear-gradient(120deg,#c8463c26,#c8463c1a);border-radius:4px;padding:1px 5px;font-weight:700}.highlight-clickable{cursor:pointer;transition:all var(--transition)}.highlight-clickable:hover{background:linear-gradient(120deg, var(--vermilion), var(--vermilion-soft));color:#fff;transform:scale(1.05)}.essay-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.essay-toolbar .essay-view-switcher{margin:0}.pick-mode-toggle{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.pick-mode-toggle:hover{border-color:var(--ink-light);color:var(--ink)}.pick-mode-toggle.active{border-color:var(--vermilion);background:var(--vermilion-bg);color:var(--vermilion)}.pick-mode-icon{font-size:.95rem}.pick-mode-switch{background:var(--border);width:32px;height:18px;transition:background var(--transition);border-radius:9px;position:relative}.pick-mode-switch:after{content:"";width:14px;height:14px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.pick-mode-switch.on{background:var(--vermilion)}.pick-mode-switch.on:after{transform:translate(14px)}.pickable-word{cursor:pointer;transition:all var(--transition);border-radius:3px;margin:0 -1px;padding:1px 2px}.pickable-word:hover{color:var(--ink);background:#1a3a2e1f}.pickable-word.highlight{color:var(--vermilion);background:linear-gradient(120deg,#c8463c26,#c8463c1a);font-weight:700}.pickable-word.highlight:hover{background:linear-gradient(120deg, var(--vermilion), var(--vermilion-soft));color:#fff}.reading-sentence.picking{cursor:pointer}.sentence-bookmark{width:22px;height:22px;color:var(--text-mute);cursor:pointer;transition:all var(--transition);vertical-align:middle;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;font-size:1rem;line-height:1;display:inline-flex}.sentence-bookmark:hover{background:var(--vermilion-bg);color:var(--vermilion);transform:scale(1.2)}.sentence-bookmark.saved{color:var(--vermilion)}.sentence-en-row{align-items:flex-start;gap:8px;display:flex}.sentence-en-row .sentence-en{flex:1;margin-bottom:0}@media (width<=768px){.essay-toolbar{flex-direction:column;gap:10px}.essay-toolbar .essay-view-switcher{width:100%}.essay-toolbar .essay-view-switcher .view-switch-btn{flex:1;justify-content:center}.pick-mode-toggle{justify-content:center;width:100%}.essay-title-row{flex-direction:column;align-items:flex-start;gap:8px}.reading-body{font-size:1rem;line-height:1.9}.sentence-en{font-size:.92rem}.view-switch-btn,.pick-mode-toggle{padding:10px 16px}}.essay-list-card{max-width:860px;margin:0 auto}.essay-detail-back{margin-bottom:16px}.essay-list-header-actions{align-items:center;gap:12px;display:flex}.essay-list-clear-btn{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:4px 12px;font-family:inherit;font-size:.78rem}.essay-list-clear-btn:hover{border-color:var(--vermilion);color:var(--vermilion);background:var(--vermilion-bg)}.essay-list-empty{text-align:center;color:var(--text-mute);padding:60px 20px}.essay-list-empty .empty-icon{opacity:.6;margin-bottom:16px;font-size:3rem;display:block}.essay-list-empty p{white-space:pre-line;font-size:.9rem;line-height:1.8}.essay-list{flex-direction:column;gap:14px;display:flex}.essay-list-item{background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:all var(--transition);box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.essay-list-item:hover,.essay-list-item.expanded{border-color:var(--ink-light);box-shadow:var(--shadow-md)}.essay-list-item-stripe{background:linear-gradient(180deg, var(--ink-soft), var(--ink-light));width:4px;transition:background var(--transition);flex-shrink:0}.essay-list-item:hover .essay-list-item-stripe,.essay-list-item.expanded .essay-list-item-stripe{background:linear-gradient(180deg, var(--vermilion), var(--vermilion-soft))}.essay-list-item-body{flex:1;min-width:0;padding:16px 18px}.essay-list-item-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.essay-list-item-title{color:var(--ink);cursor:pointer;min-width:0;transition:color var(--transition);flex:1;font-family:Fraunces,Noto Serif SC,serif;font-size:1.1rem;font-weight:700}.essay-list-item-title:hover{color:var(--vermilion)}.essay-list-item-actions{flex-wrap:wrap;gap:6px;display:flex}.essay-list-action-btn{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:4px 10px;font-family:inherit;font-size:.75rem}.essay-list-action-btn:hover{border-color:var(--ink-light);color:var(--ink);background:var(--bg-warm)}.essay-list-action-btn.active,.essay-list-action-danger:hover{border-color:var(--vermilion);color:var(--vermilion);background:var(--vermilion-bg)}.essay-list-item-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.essay-list-time{color:var(--text-mute);margin-left:auto;font-size:.72rem}.essay-list-item-content{border-top:1px dashed var(--border-soft);margin-top:14px;padding-top:14px;animation:.25s fadeIn}.essay-list-sentence{border-bottom:1px dashed var(--border-soft);padding:10px 0}.essay-list-sentence:last-child{border-bottom:none}.essay-list-sentence-en{color:var(--text);margin-bottom:4px;font-family:Fraunces,Noto Serif SC,serif;font-size:.95rem;line-height:1.7}.essay-list-sentence-cn{color:var(--text-soft);border-left:3px solid var(--ink-light);padding-left:12px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:.82rem;line-height:1.6}@media (width<=768px){.essay-list-item-head{flex-direction:column;align-items:flex-start;gap:8px}.essay-list-item-actions{justify-content:flex-start;width:100%}.essay-list-item-meta{gap:6px}.essay-list-time{width:100%;margin-left:0}.essay-list-item-body{padding:14px 12px}.essay-list-item-title{font-size:1rem}.essay-list-action-btn{padding:6px 12px;font-size:.78rem}}.sentence-lib-card{max-width:860px;margin:0 auto}.sentence-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sentence-search{flex:1;min-width:200px}.sentence-filters{gap:6px;display:flex}.sentence-empty{text-align:center;color:var(--text-mute);padding:60px 20px}.sentence-empty .empty-icon{opacity:.6;margin-bottom:16px;font-size:3rem;display:block}.sentence-empty p{white-space:pre-line;font-size:.9rem;line-height:1.8}.sentence-list{flex-direction:column;gap:14px;display:flex}.sentence-item{background:var(--paper);border:1px solid var(--border-soft);border-radius:var(--radius-sm);transition:all var(--transition);box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.sentence-item:hover{border-color:var(--ink-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sentence-item-stripe{background:linear-gradient(180deg, var(--ink-soft), var(--ink-light));width:4px;transition:background var(--transition);flex-shrink:0}.sentence-item:hover .sentence-item-stripe{background:linear-gradient(180deg, var(--vermilion), var(--vermilion-soft))}.sentence-item-body{flex:1;min-width:0;padding:16px 18px}.sentence-item-en{color:var(--text);margin-bottom:8px;font-family:Fraunces,Noto Serif SC,serif;font-size:1.02rem;line-height:1.7}.sentence-item-cn{color:var(--text-soft);border-left:3px solid var(--ink-light);margin-bottom:12px;padding-left:12px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-size:.88rem;line-height:1.6}.sentence-item-cn-empty{color:var(--text-mute);border-left-color:var(--border);font-style:italic}.sentence-item-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sentence-source-tag{border-radius:var(--radius-pill);background:var(--vermilion-bg);color:var(--vermilion);padding:2px 8px;font-size:.72rem;font-weight:600}.sentence-time{color:var(--text-mute);font-size:.72rem}.sentence-item-actions{gap:6px;margin-left:auto;display:flex}.sentence-action-btn{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:4px 10px;font-family:inherit;font-size:.75rem}.sentence-action-btn:hover{border-color:var(--ink-light);color:var(--ink);background:var(--bg-warm)}.sentence-action-danger:hover{border-color:var(--vermilion);color:var(--vermilion);background:var(--vermilion-bg)}@media (width<=768px){.sentence-item-body{padding:14px 12px}.sentence-item-en{font-size:.95rem}.sentence-item-actions{flex-wrap:wrap}.sentence-action-btn{padding:6px 12px;font-size:.78rem}.sentence-toolbar{flex-direction:column;align-items:stretch}.sentence-search{min-width:100%}.sentence-filters{-webkit-overflow-scrolling:touch;overflow-x:auto}}.scorer-tabs{background:var(--bg-warm);border-radius:var(--radius-pill);gap:4px;margin-bottom:24px;padding:4px;display:flex}.scorer-tab{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.scorer-tab:hover{color:var(--ink)}.scorer-tab.active{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #1a3a2e4d}.scorer-tab-icon{font-size:.95rem}.scorer-tab-badge{background:var(--vermilion);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.scorer-tab.active .scorer-tab-badge{background:#ffffff4d}.scorer-section-title{color:var(--text);align-items:center;gap:6px;margin-bottom:14px;font-size:.95rem;font-weight:700;display:flex}.scorer-overview{animation:.4s fadeIn}.score-hero{background:linear-gradient(135deg, var(--bg), var(--bg-warm));border-radius:var(--radius);border:1px solid var(--border-soft);align-items:center;gap:28px;margin-bottom:28px;padding:24px;display:flex}.score-circle-lg{background:conic-gradient(var(--ink) calc(var(--score) * 1%), var(--border-soft) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:background .6s;display:flex;position:relative}.score-circle-inner{background:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.score-num-lg{color:var(--ink);font-family:Fraunces,Poppins,serif;font-size:2.2rem;font-weight:700;line-height:1}.score-unit{color:var(--text-mute);margin-top:2px;font-size:.78rem}.score-hero-info{flex:1;min-width:0}.score-summary-text{color:var(--text);margin-bottom:16px;font-size:.92rem;line-height:1.7}.score-stats{gap:20px;display:flex}.score-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.score-stat-num{color:var(--ink);font-family:Fraunces,Poppins,serif;font-size:1.4rem;font-weight:700;line-height:1}.score-stat-label{color:var(--text-mute);font-size:.72rem;font-weight:600}.score-dimensions{margin-bottom:28px}.dimension-list{flex-direction:column;gap:16px;display:flex}.dimension-item{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-soft);padding:14px 16px}.dimension-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dimension-icon{font-size:1.1rem}.dimension-label{color:var(--text);flex:1;font-size:.88rem;font-weight:600}.dimension-score{font-family:Fraunces,Poppins,serif;font-size:1.3rem;font-weight:700}.dimension-bar{background:var(--border-soft);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.dimension-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.dimension-comment{color:var(--text-soft);font-size:.82rem;line-height:1.5}.score-suggestions{margin-bottom:8px}.suggestion-list{flex-direction:column;gap:10px;list-style:none;display:flex}.suggestion-item{background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--ink-light);align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.suggestion-num{background:var(--ink);width:24px;height:24px;color:var(--paper);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.suggestion-text{color:var(--text);flex:1;font-size:.88rem;line-height:1.6}.scorer-annotation{animation:.4s fadeIn}.annotation-legend{background:var(--bg);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.legend-chip{border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-hint{color:var(--text-mute);margin-left:auto;font-size:.75rem}.annotation-body{background:var(--paper);border-radius:var(--radius);border:1px solid var(--border-soft);color:var(--text);text-align:justify;padding:24px;font-family:Fraunces,Noto Serif SC,serif;font-size:1rem;line-height:2.2}.annotation-text{white-space:pre-wrap}.annotation-clean{text-align:center;color:#38a169;padding:20px;font-size:1rem;font-weight:600}.annotation-error-wrap{display:inline;position:relative}.annotation-mark{cursor:pointer;border-bottom:2px solid var(--err-color);background:color-mix(in srgb, var(--err-color) 12%, transparent);color:var(--err-color);transition:all var(--transition);border-radius:4px;padding:1px 4px;font-weight:600}.annotation-mark:hover{background:color-mix(in srgb, var(--err-color) 22%, transparent)}.annotation-mark.expanded{background:color-mix(in srgb, var(--err-color) 28%, transparent)}.annotation-tooltip{background:var(--paper);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid;border-left-width:4px;margin:8px 0;padding:12px 16px;font-family:Noto Sans SC,sans-serif;font-size:.85rem;line-height:1.6;animation:.25s fadeIn;display:block}.tooltip-row{margin:4px 0;display:block}.tooltip-label{color:var(--text-soft);margin-right:4px;font-weight:600}.tooltip-correct{color:#38a169;font-weight:600}.tooltip-explain{color:var(--text-soft);margin-top:6px;font-size:.82rem;display:block}.scorer-analysis{animation:.4s fadeIn}.analysis-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.analysis-stat-card{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-soft);border-top:3px solid var(--stat-color);flex-direction:column;align-items:center;gap:4px;padding:18px 12px;display:flex}.analysis-stat-num{color:var(--stat-color);font-family:Fraunces,Poppins,serif;font-size:2rem;font-weight:700;line-height:1}.analysis-stat-label{color:var(--text-soft);font-size:.82rem;font-weight:600}.analysis-errors{margin-bottom:8px}.error-detail-list{flex-direction:column;gap:12px;display:flex}.error-detail-card{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-soft);border-left:4px solid;padding:16px;animation:.4s fadeIn}.error-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.error-index{color:var(--text-mute);font-size:.78rem;font-weight:600}.error-original{color:#c53030;background:#f5656514;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.88rem;line-height:1.6}.error-correct{color:#2f855a;background:#48bb7814;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:.88rem;font-weight:600;line-height:1.6}.error-label{color:var(--text-soft);margin-right:6px;font-size:.78rem;font-weight:600}.error-explain{color:var(--text-soft);background:var(--paper);border-radius:6px;padding:8px 12px;font-size:.82rem;line-height:1.6}.no-error-tip{text-align:center;color:#2f855a;border-radius:var(--radius-sm);background:#48bb7814;padding:24px;font-size:.92rem;font-weight:600}.scorer-actions{border-top:1px solid var(--border-soft);margin-top:24px;padding-top:20px}.scorer-header-actions{align-items:center;gap:8px;display:flex}.annotation-compare{background:var(--paper);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--text);border:1px solid;border-left-width:4px;margin:10px 0;padding:14px 16px;font-family:Noto Sans SC,sans-serif;font-size:.85rem;line-height:1.6;animation:.25s fadeIn;display:block}.annotation-compare .err-type-tag{margin-bottom:8px}.compare-row{border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:6px;padding:8px 12px;display:flex}.compare-original{background:#f5656514}.compare-correct{background:#48bb7814}.compare-label{color:var(--text-soft);flex-shrink:0;width:32px;font-size:.75rem;font-weight:700;line-height:1.6}.compare-original .compare-label{color:#c53030}.compare-correct .compare-label{color:#2f855a}.compare-text{flex:1;line-height:1.6}.compare-original .compare-text{color:#c53030;-webkit-text-decoration:line-through #c5303066;text-decoration:line-through #c5303066}.compare-correct .compare-text{color:#2f855a;font-weight:600}.compare-explain{background:var(--bg);color:var(--text-soft);border-radius:6px;margin-top:8px;padding:8px 12px;font-size:.82rem;line-height:1.6}.list-page-tabs{background:var(--paper);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);border:1px solid var(--border);gap:4px;width:fit-content;margin:0 auto 24px;padding:4px;display:flex}.list-page-tab{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.list-page-tab:hover{color:var(--ink);background:var(--bg)}.list-page-tab.active{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #1a3a2e4d}.list-tab-icon{font-size:1rem}.list-tab-count{border-radius:var(--radius-pill);color:var(--ink);background:#1a3a2e1f;padding:1px 7px;font-size:.72rem;font-weight:700}.list-page-tab.active .list-tab-count{color:#fff;background:#ffffff40}.score-list-item-title{color:var(--ink);cursor:pointer;min-width:0;transition:color var(--transition);flex:1;align-items:center;gap:10px;font-family:Noto Sans SC,sans-serif;font-size:1rem;font-weight:600;display:flex}.score-list-item-title:hover{color:var(--vermilion)}.score-list-badge{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--ink-soft), var(--ink));color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;padding:4px 10px;font-family:Fraunces,Poppins,serif;font-size:.88rem;font-weight:700;display:inline-flex}.score-list-summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.err-type-tag{border-radius:var(--radius-pill);padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.err-type-tag.err-grammar{color:#c53030;background:#c530301f}.err-type-tag.err-unclear{color:#dd6b20;background:#dd6b201f}.err-type-tag.err-typo{color:#3182ce;background:#3182ce1f}@media (width<=768px){.scorer-tab{gap:4px;padding:8px;font-size:.78rem}.scorer-tab-icon{font-size:.88rem}.score-hero{text-align:center;flex-direction:column;gap:16px;padding:20px 16px}.score-stats{justify-content:center;gap:24px}.dimension-item{padding:12px}.annotation-body{padding:16px 12px;font-size:.92rem;line-height:2}.analysis-stats{gap:8px}.analysis-stat-card{padding:14px 8px}.analysis-stat-num{font-size:1.6rem}.error-detail-card{padding:12px}.legend-hint{display:none}.list-page-tab{padding:8px 16px;font-size:.82rem}.score-list-item-title{flex-direction:column;align-items:flex-start;gap:4px}.annotation-compare{padding:12px}.compare-row{padding:6px 10px}}@media (width<=480px){.scorer-tab{padding:10px 4px;font-size:0}.scorer-tab-icon{font-size:1.1rem}.scorer-tab-badge{font-size:.68rem}.score-stats{gap:16px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition);z-index:100;background:#1a3a2e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:85vh;transition:transform var(--transition);background:#fff;padding:32px;position:relative;overflow-y:auto;transform:scale(.9)translateY(20px)}.modal-overlay.active .modal{transform:scale(1)translateY(0)}.modal-close{background:var(--bg);width:34px;height:34px;color:var(--text-soft);cursor:pointer;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}.modal-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;padding-right:40px;display:flex}.modal-word{color:var(--text);background:linear-gradient(135deg, var(--ink-soft), var(--ink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Poppins,sans-serif;font-size:2rem;font-weight:700}.modal-phonetic{color:var(--text-soft);font-family:Poppins,sans-serif;font-size:1rem;font-style:italic}.modal-phonetic:empty{display:none}.modal-pos{color:var(--ink);border-radius:var(--radius-pill);background:#1a3a2e1a;margin-bottom:14px;padding:3px 12px;font-size:.82rem;font-weight:600;display:inline-block}.modal-meaning{color:var(--text);background:var(--bg);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:1rem}.modal-actions{gap:10px;margin-bottom:16px;display:flex}.modal-action-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-soft);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.modal-action-btn:hover{border-color:var(--ink-light);color:var(--ink);background:#1a3a2e0d}.modal-action-btn.active{color:#c05621;background:linear-gradient(135deg,#ffd70026,#ffa50026);border-color:#f6ad55}.action-icon{font-size:1rem}.book-selector{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;animation:.3s fadeIn;display:flex}.book-selector-empty{text-align:center;color:var(--text-mute);padding:12px;font-size:.82rem}.book-selector-title{color:var(--text-soft);border-bottom:1px solid var(--border);margin-bottom:4px;padding:4px 8px 8px;font-size:.8rem;font-weight:600}.book-selector-item{color:var(--text);cursor:pointer;transition:all var(--transition);text-align:left;background:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.85rem;display:flex}.book-selector-item:hover{background:#1a3a2e14}.book-selector-item.checked{color:#2f855a;background:#48bb781a}.book-selector-check{text-align:center;width:20px;font-size:.95rem;font-weight:700}.book-selector-name{flex:1;font-weight:500}.book-selector-count{color:var(--text-mute);font-size:.72rem;font-weight:600}.modal-section-title{color:var(--text);align-items:center;gap:6px;margin-bottom:12px;font-size:.9rem;font-weight:700;display:flex}.modal-examples{flex-direction:column;gap:12px;list-style:none;display:flex}.modal-examples li{background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--ink-light);padding:14px 16px}.modal-examples .example-en{color:var(--text);margin-bottom:4px;font-family:Poppins,sans-serif;font-size:.92rem;line-height:1.6}.modal-examples .example-en strong{color:var(--ink);background:#1a3a2e1f;border-radius:3px;padding:0 4px}.modal-examples .example-cn{color:var(--text-mute);font-size:.82rem}.modal-examples .example-context{color:var(--ink);border-radius:var(--radius-pill);background:#1a3a2e1a;margin-bottom:6px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}.modal-examples .no-example{border-left-color:var(--text-mute);text-align:center}.modal-examples .no-example .example-en{color:var(--text-soft);font-style:italic}.modal-edit{flex-direction:column;gap:4px;animation:.25s fadeIn;display:flex}.modal-edit .form-row{margin-bottom:10px}.modal-edit .form-examples{margin-top:8px}.modal-edit-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;display:flex}.modal-edit-actions .btn{min-width:96px}@media (width<=768px){.modal-overlay{padding:12px}.modal{max-height:90vh;margin:12px;padding:20px 16px}.modal-word{font-size:1.5rem}.modal-actions{flex-direction:column}.modal-action-btn{width:100%}.modal-edit-actions{flex-direction:column-reverse}.modal-edit-actions .btn{width:100%}}.word-popover-overlay{z-index:1000;background:#2a252059;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.word-popover{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:90%;max-width:420px;padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) popoverIn}.word-popover-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.word-popover-word{color:var(--ink);font-family:Fraunces,Noto Serif SC,serif;font-size:1.3rem;font-weight:700}.word-popover-exist{color:var(--vermilion);background:var(--vermilion-bg);border-radius:var(--radius-pill);padding:3px 10px;font-size:.75rem}.word-popover-label{color:var(--text-soft);margin-bottom:10px;font-size:.82rem}.word-popover-books{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.book-option{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:8px 14px;font-family:inherit;font-size:.82rem}.book-option:hover{border-color:var(--ink-light);color:var(--ink)}.book-option.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.word-popover-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=768px){.word-popover{width:calc(100vw - 32px);max-width:320px;padding:20px 16px}.word-popover-actions{flex-direction:column-reverse}.word-popover-actions .btn{width:100%}}.toast{background:var(--text);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition);z-index:200;padding:12px 24px;font-size:.9rem;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}@media (width<=768px){.toast{text-align:center;max-width:calc(100vw - 32px);padding:10px 20px;font-size:.85rem;bottom:80px}}.recite-essay-list{flex-direction:column;gap:12px;display:flex}.recite-essay-item{background:var(--paper);border-radius:var(--radius-sm);border:1px solid var(--border-soft);cursor:pointer;transition:all var(--transition);align-items:center;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.recite-essay-item:hover{border-color:var(--ink-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recite-essay-stripe{background:linear-gradient(180deg, var(--ink), var(--vermilion));width:4px;position:absolute;top:0;bottom:0;left:0}.recite-essay-body{flex:1;min-width:0;padding-left:8px}.recite-essay-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:1rem;font-weight:700;overflow:hidden}.recite-essay-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.meta-tag-bilingual{background:var(--vermilion-bg);color:var(--vermilion);font-weight:700}.recite-essay-preview{color:var(--text-mute);text-overflow:ellipsis;white-space:nowrap;font-family:Fraunces,Noto Serif SC,serif;font-size:.85rem;line-height:1.5;overflow:hidden}.recite-essay-arrow{color:var(--text-mute);transition:all var(--transition);flex-shrink:0;font-size:1.5rem}.recite-essay-item:hover .recite-essay-arrow{color:var(--vermilion);transform:translate(4px)}.recite-mode-switcher{background:var(--bg-warm);border-radius:var(--radius-pill);gap:4px;margin-bottom:24px;padding:4px;display:flex}.recite-mode-btn{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.recite-mode-btn:hover{color:var(--ink)}.recite-mode-btn.active{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #1a3a2e4d}.recite-mode-icon{font-size:1rem}.recite-voice-controls{background:var(--bg);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.recite-voice-buttons{gap:8px;display:flex}.recite-voice-btn{min-width:80px}.recite-voice-rate{align-items:center;gap:10px;display:flex}.recite-rate-label{color:var(--text-soft);white-space:nowrap;font-size:.82rem;font-weight:600}.recite-rate-slider{width:120px;accent-color:var(--ink);cursor:pointer}.recite-shadow-toggle{border:2px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);align-items:center;gap:4px;padding:8px 16px;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.recite-shadow-toggle.active{border-color:var(--vermilion);background:var(--vermilion-bg);color:var(--vermilion)}.recite-shadow-hint{background:var(--vermilion-bg);border-radius:var(--radius-sm);color:var(--vermilion);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:.88rem;font-weight:600;animation:.3s fadeIn;display:flex}.recite-shadow-pulse{background:var(--vermilion);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.recite-progress{align-items:center;gap:12px;margin-bottom:20px;display:flex}.recite-progress-bar{background:var(--border-soft);border-radius:3px;flex:1;height:6px;overflow:hidden}.recite-progress-fill{background:linear-gradient(90deg, var(--ink), var(--ink-light));border-radius:3px;height:100%;transition:width .4s}.recite-progress-text{color:var(--text-mute);white-space:nowrap;font-size:.78rem;font-weight:600}.recite-voice-essay{background:var(--paper);border-radius:var(--radius);border:1px solid var(--border-soft);padding:24px}.recite-voice-sentence{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:12px;margin-bottom:4px;padding:10px 12px;display:flex}.recite-voice-sentence:hover{background:var(--bg)}.recite-voice-sentence.current{background:var(--vermilion-bg);box-shadow:0 0 0 1px var(--vermilion-soft)}.recite-voice-sentence.done{opacity:.5}.recite-sentence-num{background:var(--bg-warm);width:24px;height:24px;color:var(--text-mute);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.recite-voice-sentence.current .recite-sentence-num{background:var(--vermilion);color:#fff}.recite-voice-sentence.done .recite-sentence-num{background:var(--ink-light);color:#fff}.recite-sentence-en{color:var(--text);flex:1;font-family:Fraunces,Noto Serif SC,serif;font-size:1rem;line-height:1.8}.recite-voice-sentence.current .recite-sentence-en{color:var(--vermilion);font-weight:600}.recite-sentence-cn{color:var(--text-soft);border-left:2px solid var(--vermilion-soft);margin-top:4px;padding-left:12px;font-size:.82rem;animation:.3s fadeIn;display:block}.recite-typing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.recite-typing-modes{background:var(--bg-warm);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex}.recite-typing-mode-btn{color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:6px 16px;font-family:inherit;font-size:.82rem;font-weight:600}.recite-typing-mode-btn.active{background:var(--ink);color:var(--paper)}.recite-ref-toggle{border:1px solid var(--border);background:var(--paper);color:var(--text-soft);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition);padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600}.recite-ref-toggle.active{border-color:var(--ink-light);background:var(--ink-light);color:#fff}.recite-typing-reference{background:var(--vermilion-bg);border-radius:var(--radius-sm);border-left:3px solid var(--vermilion);margin-bottom:16px;padding:16px}.recite-reference-text{color:var(--text);font-family:Fraunces,Noto Serif SC,serif;font-size:.95rem;line-height:1.8}.recite-typing-compare-live{background:var(--paper);border-radius:var(--radius-sm);border:1px solid var(--border-soft);min-height:60px;margin-bottom:16px;padding:16px;font-family:Fraunces,Noto Serif SC,serif;font-size:1rem;line-height:2}.recite-char{transition:all .15s}.recite-char-correct{color:var(--ink)}.recite-char-wrong{color:var(--vermilion);background:var(--vermilion-bg);border-radius:2px;font-weight:600}.recite-char-pending{color:var(--text-mute);opacity:.4}.recite-char-extra{color:var(--text-mute);opacity:.6;text-decoration:line-through}.recite-typing-input{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);width:100%;color:var(--text);resize:vertical;transition:border-color var(--transition);-webkit-text-size-adjust:100%;padding:16px;font-family:Fraunces,Noto Serif SC,serif;font-size:1rem;line-height:1.8}.recite-typing-input:focus{border-color:var(--ink-light);outline:none;box-shadow:0 0 0 3px #4a7c651f}.recite-typing-input::placeholder{color:var(--text-mute)}.recite-typing-stats{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:16px;margin-top:12px;padding:10px 16px;display:flex}.recite-stat-inline{color:var(--text-soft);font-size:.82rem;font-weight:600}.recite-stat-inline.correct{color:var(--ink)}.recite-stat-inline.wrong{color:var(--vermilion)}.recite-typing-submit{margin-top:16px}.recite-sentence-verify{margin-top:16px;animation:.3s fadeIn}.recite-verify-accuracy{background:var(--bg);border-radius:var(--radius-sm);align-items:center;gap:16px;margin-bottom:12px;padding:10px 16px;display:flex}.recite-verify-acc{border-radius:var(--radius-pill);padding:2px 10px;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.recite-verify-acc.good{color:var(--ink);background:#1a3a2e1a}.recite-verify-acc.ok{color:#dd6b20;background:#dd6b201a}.recite-verify-acc.bad{color:var(--vermilion);background:var(--vermilion-bg)}.recite-verify-compare{flex-direction:column;gap:8px;display:flex}.recite-typing-buttons{margin-top:16px}.recite-ocr-upload{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:all var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.recite-ocr-upload:hover{border-color:var(--ink-light);background:var(--paper)}.recite-ocr-upload-icon{font-size:3rem}.recite-ocr-upload-text{color:var(--ink);font-size:1.1rem;font-weight:700}.recite-ocr-upload-hint{color:var(--text-mute);text-align:center;font-size:.82rem}.recite-ocr-preview{margin-bottom:16px}.recite-ocr-image{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--paper);width:100%;max-height:400px}.recite-ocr-progress{margin-top:12px}.recite-ocr-progress-bar{background:var(--border-soft);border-radius:4px;height:8px;overflow:hidden}.recite-ocr-progress-fill{background:linear-gradient(90deg, var(--ink), var(--ink-light));border-radius:4px;height:100%;transition:width .3s}.recite-ocr-progress-text{color:var(--text-soft);text-align:center;margin-top:6px;font-size:.82rem;font-weight:600;display:block}.recite-ocr-actions{gap:8px;margin-top:12px;display:flex}.recite-ocr-result{margin-bottom:16px}.recite-ocr-label{color:var(--text);margin-bottom:8px;font-size:.88rem;font-weight:700;display:block}.recite-ocr-edit-hint{color:var(--text-mute);font-size:.78rem;font-weight:400}.recite-ocr-text{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);width:100%;color:var(--text);resize:vertical;padding:14px;font-family:Fraunces,Noto Serif SC,serif;font-size:.95rem;line-height:1.7}.recite-ocr-text:focus{border-color:var(--ink-light);outline:none}.recite-ocr-diff{margin-top:20px}.recite-diff-words{background:var(--paper);border-radius:var(--radius-sm);border:1px solid var(--border-soft);flex-wrap:wrap;gap:6px;padding:20px;line-height:2.2;display:flex}.recite-diff-word{border-radius:4px;padding:2px 8px;font-family:Fraunces,Noto Serif SC,serif;font-size:.92rem;font-weight:500;display:inline-block}.recite-diff-correct{color:var(--ink);background:#1a3a2e14}.recite-diff-missing{color:var(--vermilion);background:var(--vermilion-bg);-webkit-text-decoration:line-through #c8463c66;text-decoration:line-through #c8463c66}.recite-diff-extra{color:var(--text-mute);background:var(--bg-warm);opacity:.7}.recite-diff-legend{background:var(--bg);border-radius:var(--radius-sm);flex-wrap:wrap;gap:16px;margin-top:12px;padding:10px 16px;display:flex}.recite-diff-legend-item{color:var(--text-soft);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.recite-diff-dot{border-radius:3px;width:10px;height:10px}.recite-diff-dot.correct{background:var(--ink)}.recite-diff-dot.missing{background:var(--vermilion)}.recite-diff-dot.extra{background:var(--text-mute)}.recite-stats-card{background:linear-gradient(135deg, var(--bg), var(--bg-warm));border-radius:var(--radius);border:1px solid var(--border-soft);align-items:center;gap:24px;margin-bottom:20px;padding:24px;display:flex}.recite-stats-score{background:conic-gradient(var(--ink) calc(var(--score) * 1%), var(--border-soft) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.recite-stats-score:before{content:"";background:var(--paper);border-radius:50%;width:76px;height:76px;position:absolute}.recite-stats-num{color:var(--ink);z-index:1;font-family:Fraunces,Poppins,serif;font-size:1.8rem;font-weight:700;position:relative}.recite-stats-unit{color:var(--text-mute);z-index:1;margin-left:2px;font-size:.72rem;position:relative}.recite-stats-detail{flex:1;gap:20px;display:flex}.recite-stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.recite-stat-icon{font-size:.88rem}.recite-stat-val{font-family:Fraunces,Poppins,serif;font-size:1.4rem;font-weight:700}.recite-stat-val.correct{color:var(--ink)}.recite-stat-val.wrong{color:var(--vermilion)}.recite-stat-val.extra{color:var(--text-mute)}.recite-stat-label{color:var(--text-mute);font-size:.72rem;font-weight:600}.recite-typing-compare{margin-bottom:20px}.recite-compare-item{background:var(--paper);border-radius:var(--radius-sm);border:1px solid var(--border-soft);margin-bottom:12px;padding:14px}.recite-compare-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.recite-compare-num{color:var(--text-soft);font-size:.82rem;font-weight:600}.recite-compare-acc{border-radius:var(--radius-pill);padding:2px 10px;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.recite-compare-acc.good{color:var(--ink);background:#1a3a2e1a}.recite-compare-acc.ok{color:#dd6b20;background:#dd6b201a}.recite-compare-acc.bad{color:var(--vermilion);background:var(--vermilion-bg)}.recite-compare-original,.recite-compare-input{border-radius:6px;margin-bottom:6px;padding:8px 12px;font-size:.88rem;line-height:1.6}.recite-compare-original{color:var(--text);background:#1a3a2e0d}.recite-compare-input{background:var(--vermilion-bg);color:var(--vermilion)}.compare-label{color:var(--text-soft);margin-right:6px;font-size:.78rem;font-weight:700}@media (width<=768px){.recite-mode-btn{gap:4px;padding:8px;font-size:.78rem}.recite-mode-icon{font-size:.88rem}.recite-voice-controls{flex-direction:column;align-items:stretch;gap:12px}.recite-voice-buttons,.recite-voice-rate{justify-content:center}.recite-rate-slider{flex:1;width:auto}.recite-shadow-toggle{justify-content:center}.recite-voice-essay{padding:16px 12px}.recite-sentence-en{font-size:.92rem;line-height:1.7}.recite-typing-toolbar{flex-direction:column;align-items:stretch}.recite-typing-modes{justify-content:center}.recite-stats-card{text-align:center;flex-direction:column;gap:16px;padding:20px 16px}.recite-stats-detail{justify-content:center;gap:24px}.recite-ocr-upload{padding:32px 16px}.recite-ocr-upload-icon{font-size:2.4rem}.recite-diff-words{gap:4px;padding:14px 10px}.recite-diff-word{padding:2px 6px;font-size:.85rem}}@media (width<=480px){.recite-mode-btn{gap:0;font-size:0}.recite-mode-icon{font-size:1.2rem}.recite-stats-detail{gap:16px}}