*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--red: #c0392b;--red-light: #fdecea;--gold: var(--gold);--gold-light: #fdf5e0;--blue: #2471a3;--bg: #f4f5f7;--surface: #ffffff;--card-bg: #ffffff;--border: #e0e0e0;--text: #1a1a2e;--muted: #6c757d;--radius: 10px;--shadow: 0 2px 8px rgba(0,0,0,.08);--tone-1: #c0392b;--tone-2: #d35400;--tone-3: #27ae60;--tone-4: #2471a3;--tone-0: #95a5a6}html.dark{--bg: #0f1117;--surface: #1a1d27;--card-bg: #1a1d27;--border: #2e3140;--text: #e8eaf0;--muted: #9099b0;--shadow: 0 2px 8px rgba(0,0,0,.4);--red-light: #2d0f0e}html.dark body{background:var(--bg);color:var(--text)}html.dark .app-header{background:#13161f;border-bottom-color:#c9a2278c;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px}html.dark .app-logo-mark{background:#c0392b4d;border-color:#c9a227b3}html.dark .vocab-card{background:var(--surface);border-color:var(--border);color:var(--text)}html.dark .detail-card{background:var(--surface);border-color:var(--border)}html.dark .search-input{background:var(--surface);border-color:var(--border);color:var(--text)}html.dark .teacher-section{border-color:var(--border)}html.dark .teacher-input{background:var(--surface);border-color:var(--border);color:var(--text)}html.dark .teacher-text{background:#1e2130;border-color:var(--gold)}html.dark .level-tab{background:var(--surface);color:var(--muted);border-color:var(--border)}html.dark .level-tab.active{background:var(--gold);color:#fff}html.dark .level-progress{background:#13161f;border-color:var(--border)}html.dark .level-progress-bar{background:var(--border)}html.dark .immersion-menu{background:var(--surface);border-color:var(--border)}html.dark .immersion-option{background:var(--surface);color:var(--text)}html.dark .immersion-option:hover{background:#22263a}html.dark .badge-pos,html.dark .badge-level{background:#22263a;color:var(--muted)}html.dark .examples-section h3,html.dark .card-english,html.dark .card-pinyin{color:var(--muted)}html.dark .btn-again{background:#2d0a0a}html.dark .btn-good{background:#0d2d1a}html.dark .btn-easy{background:#0d1a3d}html.dark .grammar-notes{background:#1e1c0d;border-color:#3d3800}html.dark .flashcard-front,html.dark .flashcard-back,html.dark .practice-start-card,html.dark .practice-complete-card{background:var(--surface)}html.dark .vocab-card.learned{opacity:.55}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-0{color:var(--tone-0)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app-header{background:#b52a1e;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:20px 20px;border-bottom:3px solid var(--gold);color:#fff;padding:1rem 1.5rem 0;text-align:center;position:relative;z-index:500}.app-logo{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;margin-bottom:.75rem;transition:opacity .15s}.app-logo:hover{opacity:.88}.app-logo-mark{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:#ffffff1f;border:2px solid var(--gold);border-radius:5px;font-size:1.35rem;font-weight:700;line-height:1;flex-shrink:0;font-family:"Noto Serif SC",Noto Sans SC,PingFang SC,Microsoft YaHei,serif;text-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1.5px #ffffff26,0 2px 8px #0000004d;letter-spacing:-.02em}.app-logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:0}.app-logo-en{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}.app-logo-zh{font-size:.68rem;font-weight:400;opacity:.7;letter-spacing:.06em;line-height:1.2}.app-nav{display:flex;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,.2)}.app-nav-link{color:#ffffffbf;text-decoration:none;font-size:.85rem;font-weight:600;padding:.55rem 1.25rem;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.app-nav-link:hover{color:#fff}.app-nav-link.active{color:var(--gold);border-bottom-color:var(--gold)}.app-nav-signin{color:#fff;background:#ffffff26!important;border-radius:6px;margin:.3rem .25rem;padding:.3rem .9rem!important}.app-nav-signin:hover{background:#ffffff40!important}.app-nav-signout{color:#ffffff80!important;font-size:.78rem}.level-tabs{display:flex;gap:.5rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.level-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .85rem;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--text);cursor:pointer;font-size:.82rem;font-weight:500;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}.level-tab:hover{border-color:var(--red);color:var(--red)}.level-tab.active{background:var(--red);border-color:var(--red);color:#fff}.level-tab.empty{opacity:.4;cursor:default}.level-count{background:#0000001f;border-radius:10px;padding:0 .35rem;font-size:.72rem;font-weight:600}.level-tab.active .level-count{background:#ffffff40}.browser-controls{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.sort-control{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.sort-btn{padding:.45rem .75rem;font-size:.78rem;font-weight:500;background:var(--surface);color:var(--muted);border:none;border-right:1px solid var(--border);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.sort-btn:last-child{border-right:none}.sort-btn:hover{background:var(--bg);color:var(--text)}.sort-btn.active{background:var(--red);color:#fff}.search-input{flex:1;padding:.55rem .9rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c0392b1f}.result-count{font-size:.82rem;color:var(--muted);white-space:nowrap}.search-page-hero{padding:1.25rem 1rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:680px;margin:0 auto}.search-input-lg{font-size:1.1rem!important;padding:.75rem 1.1rem!important}.search-hint{text-align:center;color:var(--muted);font-size:.88rem;padding:1rem;max-width:400px;margin:0 auto;line-height:1.6}.stats-page{padding:1.25rem 1rem 3rem;max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.stats-title{font-size:1.3rem;font-weight:700}.stats-hero-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 480px){.stats-hero-row{grid-template-columns:repeat(4,1fr)}}.stats-hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.stats-hero-num{font-size:2rem;font-weight:700;color:var(--text);line-height:1}.stats-hero-label{font-size:.78rem;color:var(--muted);font-weight:600}.stats-hero-sub{font-size:.72rem;color:var(--muted)}.today-badge{color:#27ae60!important;font-weight:600}.stats-link{color:var(--red);text-decoration:none}.stats-link:hover{text-decoration:underline}.stats-share-btn{margin-top:.3rem;font-size:.7rem;padding:.2rem .6rem;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.stats-share-btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.stats-overall{display:flex;flex-direction:column;gap:.4rem}.stats-overall-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--muted)}.stats-bar-track{height:8px;background:var(--border);border-radius:99px;overflow:hidden;position:relative}.stats-bar-sm{height:6px}.stats-bar-fill{height:100%;background:var(--red);border-radius:99px;transition:width .4s ease;position:absolute;left:0;z-index:2}.stats-bar-reviewed{height:100%;background:#dce3f5;border-radius:99px;position:absolute;left:0;z-index:1}html.dark .stats-bar-reviewed{background:#22263a}.stats-levels{display:flex;flex-direction:column;gap:.85rem}.stats-level-row{display:flex;flex-direction:column;gap:.35rem}.stats-level-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stats-level-name{font-weight:700;font-size:.88rem;color:var(--text);text-decoration:none;min-width:3rem}.stats-level-name:hover{color:var(--red)}.stats-level-counts{display:flex;gap:.5rem;font-size:.78rem;flex:1;flex-wrap:wrap}.slc-learned{color:var(--red);font-weight:600}.slc-due{color:#e67e22;font-weight:600}.slc-total{color:var(--muted)}.stats-practice-btn{margin-left:auto;font-size:.78rem;color:var(--red);text-decoration:none;font-weight:600;white-space:nowrap}.stats-practice-btn:hover{text-decoration:underline}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.75rem;padding:0 1.5rem 2.5rem;max-width:1200px;margin:0 auto}.vocab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.25rem;transition:box-shadow .15s,border-color .15s,transform .12s}.vocab-card:hover{box-shadow:var(--shadow);border-color:var(--red);transform:translateY(-1px)}.card-chinese{font-size:1.75rem;font-weight:700;color:var(--red);line-height:1.1}.card-pinyin{font-size:.78rem;color:var(--blue)}.card-english{font-size:.82rem;font-weight:500;margin-top:.1rem}.card-meanings{display:flex;flex-direction:column;gap:.15rem;margin-top:.15rem}.card-meaning-item{font-size:.78rem;color:var(--text);display:flex;align-items:baseline;gap:.3rem}.card-meaning-num{font-size:.65rem;color:var(--muted);font-weight:700;min-width:10px}.card-meaning-pos{font-size:.68rem;font-style:italic;color:var(--muted);margin-right:.2rem}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.35rem}.card-pos{font-size:.7rem;color:var(--muted);font-style:italic}.empty-state{text-align:center;color:var(--muted);padding:3rem 1.5rem;font-size:.95rem}.detail-page{max-width:680px;margin:0 auto;padding:1.5rem}.back-link{display:inline-block;margin-bottom:1.25rem;color:var(--red);text-decoration:none;font-size:.88rem;font-weight:500}.back-link:hover{text-decoration:underline}.detail-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.detail-prev-next{display:flex;align-items:center;gap:.5rem}.prev-next-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:.25rem .6rem;font-size:.82rem;color:var(--red);cursor:pointer;font-family:inherit}.prev-next-btn:disabled{opacity:.3;cursor:default}.prev-next-btn:not(:disabled):hover{background:var(--surface)}.prev-next-pos{font-size:.78rem;color:var(--muted);min-width:3.5rem;text-align:center}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.detail-chinese{font-size:3.5rem;font-weight:700;color:var(--red);line-height:1}.detail-pinyin{font-size:1.25rem;color:var(--blue);margin-bottom:.8rem}.detail-meta{display:flex;gap:.5rem;margin-bottom:.9rem;flex-wrap:wrap}.badge{padding:.2rem .65rem;border-radius:12px;font-size:.78rem}.badge-pos{background:#f0f0f0;color:var(--muted);font-style:italic}.badge-level{background:var(--red-light);color:var(--red);font-weight:600}.badge-dismissed{background:#e8f8f0;color:#27ae60;border:none;cursor:pointer;font-weight:600}.badge-dismiss-btn{background:none;border:1px dashed var(--border);color:var(--muted);cursor:pointer;font-style:italic}.badge-dismissed:hover{opacity:.8}.badge-dismiss-btn:hover{border-color:var(--muted);color:var(--text)}.detail-english{font-size:1.2rem;font-weight:500;margin-bottom:.75rem}.meanings-section{margin-bottom:1rem;display:flex;flex-direction:column;gap:.85rem}.meaning-item{border-left:2.5px solid var(--red);padding-left:.9rem}.meaning-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.meaning-num{font-size:.72rem;font-weight:800;color:var(--red);min-width:14px}.meaning-pos{font-size:.78rem;font-style:italic;color:var(--muted);margin-right:.25rem}.meaning-def{font-size:1.05rem;font-weight:600;color:var(--text)}.detail-pos{font-size:.9rem;font-style:italic;color:var(--muted)}.meaning-example{background:var(--bg);border-radius:8px;padding:.65rem .85rem}.meaning-ex-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.meaning-ex-content{flex:1}.detail-pos-badges{display:flex;flex-wrap:wrap;gap:.35rem}.badge-pos-note{background:#fff3e0;color:#e67e22;font-style:normal;font-size:.68rem;cursor:help}html.dark .badge-pos-note{background:#2c2010;color:#f0a050}.detail-explanation{font-size:.95rem;line-height:1.6;color:var(--text);background:var(--surface);border-left:3px solid var(--blue);padding:.65rem .85rem;border-radius:0 6px 6px 0;margin-bottom:1rem}.detail-explanation-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);margin-bottom:.3rem}.card-pos-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.detail-traditional{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.detail-traditional span{color:var(--text);font-weight:500}.examples-section{margin-top:1.5rem}.examples-section h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.75rem}.example-item{border-top:1px solid var(--border);padding:.85rem 0}.example-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.example-content{flex:1}.example-chinese{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.example-pinyin{font-size:.82rem;color:var(--blue);margin-bottom:.2rem}.example-english{font-size:.87rem;color:var(--muted)}.example-actions{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex-shrink:0}.mine-btn{background:none;border:1.5px solid var(--muted);color:var(--muted);border-radius:50%;width:28px;height:28px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mine-btn:hover{border-color:var(--red);color:var(--red)}.mine-btn.mined{border-color:#27ae60;color:#27ae60;background:#e8f8f0;cursor:default}html.dark .mine-btn.mined{background:#0d2b1a}.ct-word{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;border-bottom:1px dotted var(--muted);line-height:inherit}.ct-word:hover,.ct-word-active{border-bottom-color:var(--red);color:var(--red)}.ct-popup{position:fixed;bottom:60px;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);border-radius:14px 14px 0 0;padding:1rem 1.25rem 1.25rem;z-index:200;box-shadow:0 -6px 32px #00000024;max-width:600px;margin:0 auto}.ct-popup-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.ct-popup-char{font-size:2.2rem;font-weight:700;color:var(--text);line-height:1}.ct-popup-meta{flex:1}.ct-popup-pinyin{font-size:1rem}.ct-popup-pos{font-size:.75rem;font-style:italic;color:var(--muted);margin-top:.1rem}.ct-popup-close{background:none;border:none;font-size:1.1rem;color:var(--muted);cursor:pointer;padding:.2rem}.ct-popup-english{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.4rem}.ct-popup-note{font-size:.82rem;color:var(--muted);line-height:1.5;border-left:2px solid var(--blue);padding-left:.6rem;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ct-popup-link{font-size:.85rem;color:var(--red);text-decoration:none;font-weight:600}.ct-popup-link:hover{text-decoration:underline}.sr-card{background:var(--surface);border-radius:14px;padding:2rem 1.5rem;margin:1.5rem 1rem;text-align:center;cursor:pointer;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;box-shadow:0 2px 12px #00000012}.sr-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sr-chinese{font-size:1.6rem;font-weight:600;color:var(--text);line-height:1.5}.sr-flip-hint{font-size:.82rem;color:var(--muted)}.sr-back{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.sr-pinyin{font-size:.95rem}.sr-english{font-size:1rem;color:var(--muted)}.sr-word-link{font-size:.82rem;color:var(--red);text-decoration:none;margin-top:.25rem}.sr-remove-btn{display:block;margin:.5rem auto 2rem;background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;text-decoration:underline}.tags-section{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.tag{background:#eaf2fb;color:var(--blue);padding:.2rem .65rem;border-radius:12px;font-size:.78rem}.audio-btn{background:none;border:1px solid var(--border);border-radius:50%;width:2.1rem;height:2.1rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s}.audio-btn:hover{border-color:var(--red);background:var(--red-light)}.audio-btn.playing{border-color:var(--red);background:var(--red-light);animation:pulse .8s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.btn-primary,.btn-secondary,.btn-practice{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.3rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s,transform .1s;white-space:nowrap}.btn-primary{background:var(--red);color:#fff}.btn-secondary{background:#f0f0f0;color:var(--text)}.btn-practice{background:var(--red-light);color:var(--red);border:1px solid #f5c6c2}.btn-practice-quiz{background:#e8f0fe;color:#3b5fe2;border-color:#c5d4f8}.btn-practice-write{background:#e8f8f0;color:#27ae60;border-color:#b8eacf}.btn-practice-listen{background:#f3e8fd;color:#7b2fa8;border-color:#d4aeef}.btn-primary:hover,.btn-secondary:hover,.btn-practice:hover{opacity:.88;transform:translateY(-1px)}.quiz-option-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.quiz-option-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.quiz-length-picker{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.quiz-length-btn{padding:.5rem 1.1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;min-width:3.5rem}.quiz-length-btn:disabled{opacity:.35;cursor:not-allowed}.quiz-length-btn.active{border-color:var(--red);color:var(--red);background:var(--red-light)}.quiz-mode-picker{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.quiz-mode-btn{padding:.35rem .8rem;border:1.5px solid var(--border);border-radius:99px;background:var(--surface);font-size:.82rem;cursor:pointer;color:var(--muted);font-family:inherit;transition:all .15s}.quiz-mode-btn.active{border-color:var(--red);color:var(--red);background:var(--red-light);font-weight:600}.quiz-prompt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.quiz-prompt-chinese{font-size:3.5rem;font-weight:700;line-height:1.1}.quiz-prompt-english{font-size:1.2rem;color:var(--text);line-height:1.4;max-width:320px}.quiz-prompt-pinyin{font-size:1.4rem}.quiz-prompt-sub{display:flex;justify-content:center}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{width:100%;padding:.85rem 1.1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.92rem;text-align:left;cursor:pointer;color:var(--text);font-family:inherit;transition:border-color .12s,background .12s;line-height:1.4}.quiz-option:hover:not(:disabled){border-color:var(--red);background:var(--red-light)}.quiz-option.opt-correct{border-color:#27ae60;background:#e8f8f0;color:#27ae60;font-weight:600}.quiz-option.opt-wrong{border-color:var(--red);background:var(--red-light);color:var(--red)}.quiz-option.opt-dim{opacity:.4}.opt-chinese{font-size:1.5rem}html.dark .quiz-option.opt-correct{background:#0d2d1a}html.dark .quiz-option.opt-wrong{background:#2d0a0a}kbd.quiz-key{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid var(--border);border-radius:4px;font-size:.7rem;font-family:inherit;background:var(--bg);color:var(--muted);margin-right:.5rem;flex-shrink:0;vertical-align:middle}.btn-next kbd{font-family:inherit;font-size:.72rem;opacity:.7;margin-left:.3rem}.quiz-feedback{margin-top:.75rem;padding:.85rem 1rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;font-size:.92rem}.qf-correct{background:#e8f8f0;border:1px solid #27ae60;color:#27ae60}.qf-wrong{background:var(--red-light);border:1px solid var(--red);color:var(--red)}html.dark .qf-correct{background:#0d2d1a}html.dark .qf-wrong{background:#2d0a0a}.qf-pinyin{color:var(--text);font-size:.85rem}.btn-next{align-self:flex-end;padding:.4rem 1rem;background:var(--text);color:var(--surface);border:none;border-radius:8px;font-size:.88rem;cursor:pointer;font-family:inherit;font-weight:600;transition:opacity .15s}.btn-next:hover{opacity:.85}.writing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem}.writing-word-info{text-align:center}.writing-pinyin{font-size:1.1rem}.writing-english{font-size:.9rem;color:var(--muted);margin-top:.2rem}.writing-char-progress{display:flex;gap:.4rem;justify-content:center;margin-top:.5rem;font-size:1.1rem}.writing-char-dot{color:var(--muted)}.writing-char-dot.done{color:#27ae60}.writing-char-dot.current{color:var(--red);font-weight:700;text-decoration:underline}.writing-canvas-wrap{position:relative;border:2px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.writing-canvas{cursor:crosshair}.writing-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--muted);background:var(--surface);z-index:2}.writing-mistakes{font-size:.82rem;color:#e67e22}.writing-hint{font-size:.82rem;color:var(--muted)}.writing-next-btn{width:100%}.practice-menu-wrap{position:relative}.practice-menu-trigger{white-space:nowrap}.practice-menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #0000001f;min-width:200px;z-index:100;overflow:hidden;max-height:calc(100vh - 120px);overflow-y:auto}@media (max-width: 640px){.practice-menu-dropdown{position:fixed;right:1rem;left:1rem;top:auto;bottom:calc(60px + env(safe-area-inset-bottom));max-height:65svh;border-radius:12px}}.practice-menu-item{display:flex;flex-direction:column;gap:.1rem;padding:.7rem 1rem;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);transition:background .12s}.practice-menu-item:last-child{border-bottom:none}.practice-menu-item:hover{background:var(--bg)}.pmi-label{font-size:.9rem;font-weight:600}.pmi-sub{font-size:.75rem;color:var(--muted)}.fillblank-sentence-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1rem 0;display:flex;flex-direction:column;gap:.6rem}.fbs-english{font-size:.82rem;color:var(--muted);font-style:italic}.fbs-sentence{font-size:1.5rem;line-height:1.6;display:flex;flex-wrap:wrap;align-items:baseline;gap:.1rem}.fbs-blank{display:inline-block;min-width:2ch;border-bottom:2.5px solid var(--red);text-align:center;font-weight:700;color:var(--red);padding:0 .15rem;transition:color .2s,border-color .2s}.fbs-blank.blank-correct{color:#27ae60;border-color:#27ae60}.fbs-blank.blank-wrong{color:var(--red);border-color:var(--red)}.fbs-pinyin{font-size:.82rem;color:var(--muted)}.fbs-audio-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.fbs-hint-btn{background:none;border:1px dashed var(--border);border-radius:6px;padding:.2rem .6rem;font-size:.78rem;cursor:pointer;color:var(--muted);font-family:inherit}.fbs-hint-btn:hover{border-color:var(--muted);color:var(--text)}.fbs-hint{font-size:.82rem;color:var(--muted)}.fillblank-type-area{display:flex;gap:.5rem}.fillblank-input{flex:1;padding:.6rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:1.1rem;background:var(--surface);color:var(--text);font-family:inherit;outline:none;transition:border-color .15s}.fillblank-input:focus{border-color:var(--red)}.opt-english-sub{font-size:.72rem;color:var(--muted);display:block;margin-top:.15rem}.fbs-typed-was{font-size:.82rem;opacity:.75}.listening-prompt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.listening-play-btn{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:none;border:2px solid var(--red);border-radius:50%;width:80px;height:80px;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;color:var(--red)}.listening-play-btn:hover{background:var(--red-light);transform:scale(1.05)}.listening-play-icon{font-size:1.8rem;line-height:1}.listening-play-label{font-size:.65rem;color:var(--muted)}.listening-instruction{font-size:.88rem;color:var(--muted)}.listening-loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.88rem}.listening-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--red);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.practice-page{max-width:600px;margin:0 auto;padding:1.5rem;min-height:100vh}.practice-start-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem 2rem;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:1rem}.practice-start-level{font-size:.8rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em}.practice-start-card h2{font-size:1.5rem}.practice-start-desc{font-size:.9rem;color:var(--muted);max-width:340px;line-height:1.5}.practice-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.practice-counter{font-size:.85rem;color:var(--muted);margin-left:auto}.practice-score-inline{font-size:.85rem}.progress-bar-wrap{height:4px;background:var(--border);border-radius:2px;margin-bottom:1.5rem;overflow:hidden}.progress-bar-fill{height:100%;background:var(--red);border-radius:2px;transition:width .3s ease}.got-count{color:#27ae60;font-weight:600}.missed-count{color:var(--red);font-weight:600}.flashcard-scene{perspective:1000px;cursor:pointer;margin-bottom:1.25rem;-webkit-user-select:none;user-select:none;outline:none}.flashcard-scene:focus-visible .flashcard{box-shadow:0 0 0 3px #c0392b59}.flashcard{position:relative;height:340px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.flashcard-front{background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.fc-chinese{font-size:5rem;font-weight:700;color:var(--red);line-height:1}.fc-tap-hint{font-size:.8rem;color:var(--muted)}.flashcard-back{background:var(--surface);transform:rotateY(180deg);padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto}.fc-back-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.2rem}.fc-chinese-sm{font-size:2.25rem;font-weight:700;color:var(--red);line-height:1}.fc-pinyin{font-size:1.15rem;color:var(--blue)}.fc-pos-badge{display:inline-block;background:#f0f0f0;color:var(--muted);font-size:.75rem;font-style:italic;padding:.15rem .5rem;border-radius:8px;align-self:flex-start}.fc-english{font-size:1.1rem;font-weight:600;margin-top:.1rem}.fc-example{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border)}.fc-ex-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.fc-ex-chinese{font-size:.95rem;font-weight:600;flex:1}.fc-ex-english{font-size:.82rem;color:var(--muted)}.answer-area{display:flex;flex-direction:column;gap:.6rem}.answer-btns{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-missed,.btn-got{padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.btn-missed{background:#fdecea;color:var(--red)}.btn-got{background:#e8f8f0;color:#27ae60}.btn-missed:hover,.btn-got:hover{opacity:.85;transform:translateY(-1px)}.btn-too-easy{width:100%;padding:.5rem;background:none;border:1px dashed var(--border);border-radius:8px;font-size:.82rem;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s}.btn-too-easy:hover{border-color:var(--muted);color:var(--text)}.dismissed-info{font-size:.82rem;color:var(--muted)}.link-btn{background:none;border:none;color:var(--red);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.flip-hint{text-align:center;font-size:.82rem;color:var(--muted)}.srs-stats{display:flex;gap:1.5rem;justify-content:center;margin:.5rem 0 1rem}.srs-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.srs-stat-num{font-size:1.6rem;font-weight:700;color:var(--text)}.srs-stat-num.due-num{color:var(--red)}.srs-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.start-btns{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:260px}.srs-answer-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}.btn-again,.btn-good,.btn-easy{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem .5rem;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s}.btn-again,.btn-good,.btn-easy:hover{opacity:.85;transform:translateY(-1px)}.btn-again{background:#fdecea;color:var(--red)}.btn-good{background:#e8f8f0;color:#27ae60}.btn-easy{background:#e8f0fe;color:#3b5fe2}.srs-btn-label{font-size:.95rem;font-weight:600}.srs-btn-sub{font-size:.72rem;opacity:.7}.fc-srs-badge{font-size:.72rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:.1rem .5rem;position:absolute;top:.75rem;right:.75rem}.srs-easy-count{color:#3b5fe2;font-weight:600}.srs-result-row{display:flex;gap:1rem;justify-content:center;font-size:.9rem;flex-wrap:wrap}.complete-subtext{font-size:.82rem;color:var(--muted);max-width:280px;line-height:1.5}.streak-badge{font-size:.9rem;font-weight:600;color:#e67e22;background:#fff3e0;border-radius:99px;padding:.25rem .75rem;display:inline-block}html.dark .streak-badge{background:#3d2b00;color:#f5a623}.pronun-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;font-size:.9rem;color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s;margin-top:.5rem}.pronun-btn:hover{border-color:var(--red)}.pronun-btn.listening{border-color:var(--red);background:#fff0f0;color:var(--red)}html.dark .pronun-btn.listening{background:#2d0a0a}.pronun-pulse{width:10px;height:10px;border-radius:50%;background:var(--red);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pronun-result-wrap{margin-top:.5rem;border:1.5px solid var(--border);border-radius:10px;overflow:hidden}.pronun-grade{padding:.6rem 1rem;font-weight:600;font-size:.92rem}.pronun-grade-perfect{background:#e8f8f0;color:#27ae60}.pronun-grade-tones{background:#fff8e1;color:#c0860a}.pronun-grade-sounds{background:#fff0f0;color:var(--red)}.pronun-grade-miss{background:#fdecea;color:var(--red)}html.dark .pronun-grade-perfect{background:#0d2d1a}html.dark .pronun-grade-tones{background:#2d2000}html.dark .pronun-grade-sounds,html.dark .pronun-grade-miss{background:#2d0a0a}.pronun-breakdown{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.pronun-syllable{display:grid;grid-template-columns:2rem 3.5rem 1fr;align-items:start;gap:.4rem;padding:.55rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem}.pronun-syllable:last-child{border-bottom:none}.syl-ok{background:#f7fdf9}.syl-tone{background:#fffcf0}.syl-wrong{background:#fff7f7}html.dark .syl-ok{background:#0a1a10}html.dark .syl-tone{background:#1a1600}html.dark .syl-wrong{background:#1a0a0a}.syl-char{font-size:1.2rem;font-weight:600;color:var(--text)}.syl-expected{font-family:monospace;color:var(--muted);font-size:.78rem;align-self:center}.syl-check{color:#27ae60;font-weight:700;align-self:center}.syl-feedback{display:flex;flex-direction:column;gap:.2rem}.syl-heard{font-size:.78rem;color:var(--red);font-style:italic}.syl-tip{font-size:.78rem;color:var(--text);line-height:1.4}.syl-shape{font-weight:700;font-size:.9rem;color:#3b5fe2}.pronun-retry{display:block;width:100%;padding:.5rem;background:none;border:none;border-top:1px solid var(--border);font-size:.82rem;cursor:pointer;color:var(--muted);font-family:inherit;transition:color .15s,background .15s}.pronun-retry:hover{color:var(--text);background:var(--surface)}.sentence-practice{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.sentence-practice-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .35rem}.sentence-practice-hint{font-size:.9rem;color:var(--muted);margin:0 0 .6rem}.sentence-practice-input-row{display:flex;gap:.5rem}.sentence-practice-input{flex:1;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--text);outline:none}.sentence-practice-input:focus{border-color:var(--blue)}.sentence-mic-btn{padding:.55rem .65rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s}.sentence-mic-btn:disabled{opacity:.4;cursor:default}.sentence-mic-btn.listening{background:#fdecea;border-color:var(--red);animation:mic-pulse 1s ease-in-out infinite}html.dark .sentence-mic-btn.listening{background:#3b1a1a}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.55}}.sentence-practice-btn{padding:.55rem 1rem;border-radius:8px;border:none;background:var(--red);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap}.sentence-practice-btn:disabled{opacity:.5;cursor:default}.sentence-feedback{margin-top:.75rem;padding:.65rem .85rem;border-radius:8px;font-size:.92rem;line-height:1.55}.feedback-correct{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.feedback-incorrect{background:#fce4ec;color:#b71c1c;border:1px solid #f48fb1}html.dark .feedback-correct{background:#1b3a1f;color:#81c784;border-color:#2e5c33}html.dark .feedback-incorrect{background:#3b1a1a;color:#ef9a9a;border-color:#5c2a2a}.stroke-order-section{margin-top:1.25rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stroke-order-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:var(--bg);border-bottom:1px solid var(--border)}.stroke-order-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stroke-order-actions{display:flex;gap:.4rem}.stroke-btn{padding:.25rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.78rem;cursor:pointer;color:var(--text);font-family:inherit;transition:border-color .15s,color .15s}.stroke-btn:hover:not(:disabled){border-color:var(--red);color:var(--red)}.stroke-btn:disabled{opacity:.4;cursor:default}.stroke-chars{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:var(--surface)}.stroke-char-wrap svg{display:block}.stroke-missing{padding:.75rem 1rem;font-size:.82rem;color:var(--muted)}html.dark .stroke-order-section{border-color:var(--border)}html.dark .stroke-order-header{background:#13161f}html.dark .stroke-chars{background:var(--surface)}.practice-complete-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.complete-score{font-size:4rem;font-weight:700;line-height:1}.score-good{color:#27ae60}.score-ok{color:#e67e22}.score-low{color:var(--red)}.practice-complete-card h2{font-size:1.4rem}.complete-detail{font-size:.9rem;color:var(--muted)}.complete-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.missed-words{margin-top:1.75rem;text-align:left;width:100%}.missed-words-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.6rem}.missed-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.missed-word-card{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;background:#fff1f0;border:1px solid #fca5a5;border-radius:8px;text-decoration:none;color:inherit;transition:background .15s}.missed-word-card:hover{background:#ffe4e1}.mw-chinese{font-size:1.25rem;font-weight:600;color:var(--red)}.mw-pinyin{font-size:.75rem;color:var(--muted)}.mw-english{font-size:.78rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark .missed-word-card{background:#2a1010;border-color:#7f1d1d}html.dark .missed-word-card:hover{background:#3a1515}.grammar-list{display:flex;flex-direction:column;gap:.75rem;padding:0 1.5rem 2.5rem;max-width:860px;margin:0 auto}.grammar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.35rem;transition:box-shadow .15s,border-color .15s,transform .12s}.grammar-card:hover{box-shadow:var(--shadow);border-color:var(--red);transform:translateY(-1px)}.grammar-card-title{font-size:1rem;font-weight:700;color:var(--text)}.grammar-card-pattern{font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;color:var(--red);background:var(--red-light);display:inline-block;padding:.15rem .5rem;border-radius:4px;align-self:flex-start}.grammar-card-example{display:flex;flex-direction:column;gap:.1rem;margin-top:.2rem;padding-top:.5rem;border-top:1px solid var(--border)}.gc-ex-chinese{font-size:.95rem;font-weight:600}.gc-ex-pinyin{font-size:.78rem}.gc-ex-english{font-size:.8rem;color:var(--muted)}.grammar-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.grammar-detail-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.grammar-detail-title{font-size:1.45rem;font-weight:700;margin-bottom:.9rem;line-height:1.3}.grammar-pattern-block{display:flex;align-items:baseline;gap:.6rem;background:var(--red-light);border-left:3px solid var(--red);padding:.65rem 1rem;border-radius:0 6px 6px 0;margin-bottom:1rem;flex-wrap:wrap}.grammar-pattern-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--red);flex-shrink:0}.grammar-pattern-text{font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;color:var(--text)}.grammar-explanation{font-size:.95rem;line-height:1.65;color:var(--text);margin-bottom:1rem}.grammar-notes{margin-top:1.25rem;padding:.85rem 1rem;background:#fffbf0;border:1px solid #f0e0a0;border-radius:var(--radius);font-size:.88rem;line-height:1.6}.grammar-notes-label{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#b8860b;margin-bottom:.35rem}@media (max-width: 600px){.app-header{padding:.75rem .75rem 0}.app-logo-en{font-size:1rem}.app-logo-mark{width:1.9rem;height:1.9rem;font-size:1.1rem}.app-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.app-nav::-webkit-scrollbar{display:none}.app-nav-link{font-size:.78rem;padding:.45rem .7rem;white-space:nowrap;flex-shrink:0}.browser-controls{flex-wrap:wrap;padding:.75rem;gap:.5rem}.search-input{min-width:0}.result-count{order:3;width:100%;text-align:right;font-size:.75rem}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:0 .75rem 2rem;gap:.5rem}.detail-chinese{font-size:2.75rem}.detail-card{padding:1.25rem}.detail-page{padding:1rem .75rem}.fc-chinese{font-size:4rem}.flashcard{height:320px}.practice-page{padding:1rem .75rem}.practice-start-card,.practice-complete-card{padding:2rem 1.25rem}.quiz-prompt{padding:1.25rem 1rem}.quiz-prompt-chinese{font-size:2.75rem}.quiz-option{padding:.9rem .85rem;min-height:48px}.review-card{padding:1.75rem 1rem;min-height:240px}.review-card-chinese{font-size:3rem}.rate-btn{padding:.9rem .4rem;min-height:64px}.stats-page{padding:1rem .75rem 3rem}}.teacher-wrap{margin-top:1.25rem}.teacher-open-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75rem 1rem;background:var(--surface);border:1.5px solid #e0d5c5;border-radius:var(--radius);font-size:.92rem;font-weight:600;color:#b8860b;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s;position:relative}.teacher-open-btn:hover{border-color:var(--gold);background:#fdfaf6}html.dark .teacher-open-btn{border-color:#3d2e00;color:#f5a623}html.dark .teacher-open-btn:hover{background:#1e1800}.teacher-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #0000002e}.teacher-badge{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-size:.72rem;font-weight:700;padding:.1rem .45rem}.teacher-chat{border:1.5px solid #e0d5c5;border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}html.dark .teacher-chat{border-color:#3d2e00}.teacher-chat-header{display:flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:#fdfaf6;border-bottom:1px solid #f0e6d3}html.dark .teacher-chat-header{background:#1e1800;border-color:#3d2e00}.teacher-avatar-sm{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 1px 4px #0000002e}.teacher-chat-name{font-weight:700;font-size:.88rem;color:#b8860b}html.dark .teacher-chat-name{color:#f5a623}.teacher-close-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;padding:.1rem .3rem;border-radius:4px;margin-left:.25rem}.teacher-close-btn:hover{background:var(--border)}.teacher-messages{flex:1;max-height:320px;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;background:var(--bg)}.teacher-welcome{font-size:.88rem;color:var(--muted);line-height:1.55;padding:.5rem}.teacher-suggestions{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.teacher-suggestion{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;font-size:.82rem;cursor:pointer;text-align:left;color:var(--text);font-family:inherit;transition:border-color .12s,background .12s}.teacher-suggestion:hover{border-color:var(--gold);background:#fdfaf6}.chat-bubble-row{display:flex;gap:.4rem;align-items:flex-end}.cb-user{flex-direction:row-reverse}.cb-teacher{flex-direction:row}.chat-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;align-self:flex-end;box-shadow:0 1px 4px #0000002e}.chat-bubble{max-width:80%;padding:.55rem .85rem;border-radius:14px;font-size:.88rem;line-height:1.5;position:relative}.bubble-user{background:var(--red);color:#fff;border-bottom-right-radius:4px}.bubble-teacher{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.chat-replay-btn{background:none;border:none;cursor:pointer;font-size:.78rem;opacity:.6;padding:0 .15rem;vertical-align:middle;margin-left:.3rem}.chat-replay-btn:hover{opacity:1}.chat-typing{display:flex;align-items:center;gap:4px;padding:.55rem .85rem;min-width:50px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.teacher-clear-btn{background:none;border:none;border-top:1px solid var(--border);width:100%;padding:.4rem;font-size:.75rem;color:var(--muted);cursor:pointer;font-family:inherit}.teacher-clear-btn:hover{color:var(--text);background:var(--bg)}.teacher-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f0e6d3}.teacher-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;background:#e8f4fd;color:#1a6fa8}.teacher-btn:hover:not(:disabled){background:#d0eaf8;transform:scale(1.02)}.teacher-btn:disabled{opacity:.6;cursor:default}.teacher-btn.mode-listening{background:#fde8e8;color:#c0392b;animation:pulse 1.2s infinite}.teacher-btn.mode-thinking{background:#f5f0ff;color:#6c3fcf}.teacher-btn.mode-speaking{background:#e8fdf0;color:#1a7a44}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.teacher-text{margin-top:.75rem;padding:.75rem 1rem;background:#fafaf7;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;font-size:.92rem;line-height:1.55;color:#333}.teacher-name{font-weight:700;color:#b8860b;margin-right:.3rem}.teacher-input-row{display:flex;gap:.5rem;align-items:center}.teacher-input{flex:1;padding:.55rem .9rem;border:1.5px solid #e0d5c5;border-radius:999px;font-size:.9rem;outline:none;transition:border-color .2s;background:#fdfaf6}.teacher-input:focus{border-color:var(--gold)}.teacher-input:disabled{opacity:.6;background:#f5f5f5}.teacher-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--gold);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.teacher-send-btn:hover:not(:disabled){background:#b8860b}.teacher-send-btn:disabled{opacity:.6;cursor:default}.teacher-mic-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid #e0d5c5;background:#fdfaf6;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;flex-shrink:0}.teacher-mic-btn:hover:not(:disabled){background:#f5ede0;border-color:var(--gold)}.teacher-mic-btn.listening{background:#fde8e8;border-color:#c0392b;animation:pulse 1.2s infinite}.teacher-mic-btn:disabled{opacity:.5;cursor:default}.teacher-lang-toggle{display:flex;gap:.3rem;margin-bottom:.5rem}.lang-btn{padding:.2rem .7rem;border-radius:999px;border:1.5px solid #e0d5c5;background:#fdfaf6;font-size:.78rem;font-weight:600;cursor:pointer;color:#888;transition:all .2s}.lang-btn.active{background:var(--gold);border-color:var(--gold);color:#fff}.lang-btn:disabled{opacity:.5;cursor:default}.teacher-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.teacher-label{font-weight:700;font-size:.9rem;color:#b8860b}.immersion-picker{position:relative}.immersion-trigger{padding:.25rem .7rem;border-radius:999px;border:1.5px solid #e0d5c5;background:#fdfaf6;font-size:.78rem;font-weight:600;cursor:pointer;color:#555;transition:all .2s}.immersion-trigger:hover:not(:disabled){border-color:var(--gold);color:#333}.immersion-trigger:disabled{opacity:.5;cursor:default}.immersion-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1.5px solid #e0d5c5;border-radius:10px;box-shadow:0 4px 16px #0000001a;z-index:10;overflow:hidden;min-width:160px}.immersion-option{display:block;width:100%;padding:.55rem 1rem;border:none;background:#fff;font-size:.85rem;text-align:left;cursor:pointer;transition:background .15s;color:#333}.immersion-option:hover{background:#fdf6e9}.immersion-option.active{background:#fef3d0;font-weight:700;color:#b8860b}.level-progress{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#fdfaf6;border-bottom:1px solid #f0e6d3}.level-progress-bar{flex:1;height:8px;background:#f0e6d3;border-radius:999px;overflow:hidden}.level-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold),#f0c040);border-radius:999px;transition:width .4s ease}.level-progress-label{font-size:.75rem;color:#888;white-space:nowrap}.daily-goal-bar{display:flex;align-items:center;gap:.75rem;padding:.55rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.82rem}.daily-goal-bar.goal-met{background:#f0fdf4;border-color:#86efac}html.dark .daily-goal-bar.goal-met{background:#052e16;border-color:#166534}.daily-goal-label{color:var(--text);font-weight:500;white-space:nowrap}.daily-goal-dots{display:flex;gap:4px;flex-wrap:wrap}.goal-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .2s}.goal-dot.filled{background:#16a34a}.daily-goal-bar.goal-met .goal-dot.filled{background:#15803d}.unlock-banner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:linear-gradient(90deg,var(--gold),#f0c040);color:#1a1a2e;font-weight:600;font-size:.88rem;gap:.5rem}.unlock-dismiss{background:none;border:none;cursor:pointer;font-size:1rem;color:#1a1a2e;padding:0 .25rem;opacity:.6}.unlock-dismiss:hover{opacity:1}.streak-display{display:flex;align-items:center;gap:2px;font-size:.85rem;font-weight:600}.freeze-count{font-size:.75rem;opacity:.85}.freeze-toast{background:#1e40af;color:#fff;padding:.5rem 1rem;font-size:.82rem;text-align:center;cursor:pointer;font-weight:500}html.dark .freeze-toast{background:#1d4ed8}.vocab-card.learned{opacity:.6;background:#f8f8f6}.vocab-card.learned .card-chinese{color:#aaa}.action-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.2rem .3rem;border-radius:4px;transition:transform .15s,color .15s;color:#ccc}.action-btn:hover{transform:scale(1.2)}.fav-btn.active{color:var(--gold)}.detail-actions{display:flex;align-items:center;gap:.4rem}.badge-mark-learned{background:#eaf4ea;color:#2e7d32;border:1px solid #b8e0b8;cursor:pointer}.badge-mark-learned:hover{background:#d4ecd4}.badge-learned{background:#2e7d32;color:#fff;cursor:pointer}.fav-count{display:inline-block;background:var(--gold);color:#fff;font-size:.65rem;border-radius:999px;padding:0 5px;margin-left:3px;font-weight:700}.page-title{font-size:1.1rem;font-weight:700;color:#333;margin:0}.pron-page{max-width:960px;margin:0 auto;padding:1rem 1rem 4rem}.pron-hero{text-align:center;padding:2rem 1rem 1.5rem}.pron-title{font-size:1.9rem;font-weight:800;color:var(--red);margin:0 0 .4rem}.pron-title-zh{font-size:1.2rem;font-weight:600;color:#b8860b;margin-left:.5rem}.pron-subtitle{color:var(--muted);font-size:.97rem;margin:0}.pron-section{margin-top:2.5rem}.pron-section-title{font-size:1.25rem;font-weight:800;color:#1a1a1a;border-bottom:2.5px solid var(--red);padding-bottom:.35rem;margin-bottom:.7rem}html.dark .pron-section-title{color:#f5f5f5}.pron-section-zh{font-size:.85rem;font-weight:600;color:#b8860b;margin-left:.4rem}.pron-section-desc{color:var(--muted);font-size:.88rem;margin-bottom:1.2rem;line-height:1.55}.tone-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}.tone-card{border-radius:12px;border:1.5px solid var(--border);background:var(--card);padding:.9rem .75rem;display:flex;flex-direction:column;gap:.5rem}.tone-card-1{border-top:3px solid #e74c3c}.tone-card-2{border-top:3px solid #e67e22}.tone-card-3{border-top:3px solid #27ae60}.tone-card-4{border-top:3px solid #2980b9}.tone-card-0{border-top:3px solid #7f8c8d}html.dark .tone-card{background:var(--card);border-color:#2e2e2e}.tone-card-header{display:flex;align-items:baseline;gap:.45rem}.tone-num{font-size:1.5rem;font-weight:900;color:var(--red);line-height:1}.tone-name{font-size:.82rem;font-weight:700;color:#444}html.dark .tone-name{color:#ccc}.tone-zh{font-size:.78rem;color:#b8860b;margin-left:auto}.tone-contour-wrap{background:var(--bg);border-radius:8px;padding:.3rem}.tone-card-1 .tone-contour-svg{color:#e74c3c}.tone-card-2 .tone-contour-svg{color:#e67e22}.tone-card-3 .tone-contour-svg{color:#27ae60}.tone-card-4 .tone-contour-svg{color:#2980b9}.tone-card-0 .tone-contour-svg{color:#7f8c8d}.tone-contour-svg{width:100%;height:60px}.tone-desc{font-size:.78rem;color:var(--muted);margin:0;line-height:1.45;flex:1}.tone-example-btn{display:flex;align-items:center;gap:.4rem;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:.45rem .55rem;cursor:pointer;transition:background .15s,border-color .15s;width:100%}.tone-example-btn:hover{background:#fdf5e8;border-color:var(--gold)}.tone-example-btn.playing{background:#fff5cc;border-color:var(--gold)}html.dark .tone-example-btn{background:#1e1e1e;border-color:#2e2e2e}html.dark .tone-example-btn:hover{background:#2a1e00;border-color:var(--gold)}.tone-ex-char{font-size:1.3rem;font-weight:700;color:var(--red);line-height:1}.tone-ex-pinyin{font-size:.78rem;font-weight:600;color:#b8860b}.tone-ex-en{font-size:.72rem;color:var(--muted);flex:1}.tone-play-icon{font-size:.75rem;margin-left:auto}.pron-group{margin-bottom:1.2rem}.pron-group-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem}.pron-items-grid{display:flex;flex-wrap:wrap;gap:.55rem}.pron-item-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:.6rem .7rem;cursor:pointer;min-width:72px;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}.pron-item-btn:hover{border-color:var(--red);box-shadow:0 2px 8px #c0392b1f}.pron-item-btn.playing{background:#fff0f0;border-color:var(--red)}html.dark .pron-item-btn{background:#1e1e1e;border-color:#2e2e2e}html.dark .pron-item-btn:hover{border-color:var(--red)}html.dark .pron-item-btn.playing{background:#2e1010}.pron-item-main{font-size:1.25rem;font-weight:800;color:var(--red);line-height:1}.pron-item-char{font-size:1.1rem;color:#333;line-height:1}html.dark .pron-item-char{color:#eee}.pron-item-tip{font-size:.65rem;color:var(--muted);line-height:1.3;max-width:90px}.chart-tone-picker{display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;flex-wrap:wrap}.chart-tone-label{font-size:.85rem;font-weight:600;color:var(--muted)}.chart-tone-btn{display:flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border-radius:20px;border:1.5px solid var(--border);background:var(--card);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.chart-tone-btn:hover{border-color:var(--red)}.chart-tone-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.chart-tone-mark{font-size:1rem}.chart-scroll{overflow-x:auto}.chart-sub{margin-bottom:2rem}.chart-sub-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem}.pron-table{border-collapse:collapse;min-width:100%;font-size:.78rem}.pron-th-init{background:var(--red);color:#fff;font-size:.7rem;padding:.4rem .5rem;text-align:center;min-width:34px;position:sticky;left:0;z-index:2}.pron-th-fin{background:#fdf5e8;color:#b8860b;font-weight:700;padding:.35rem .4rem;text-align:center;min-width:52px;border-bottom:2px solid #f0d8a8;white-space:nowrap}html.dark .pron-th-fin{background:#1e1800;color:var(--gold);border-color:#3d2e00}.pron-td-init{background:#fdf5e8;color:#b8860b;font-weight:800;font-size:.85rem;text-align:center;padding:.25rem .5rem;border-right:2px solid #f0d8a8;position:sticky;left:0;z-index:1;white-space:nowrap}html.dark .pron-td-init{background:#1e1800;border-color:#3d2e00}.pron-td{padding:.2rem;text-align:center;border:1px solid var(--border)}.pron-td-empty{padding:.2rem;text-align:center;color:var(--border);font-size:.7rem;border:1px solid var(--border)}.chart-cell-btn{display:flex;flex-direction:column;align-items:center;gap:1px;background:transparent;border:1.5px solid transparent;border-radius:6px;padding:.2rem .3rem;cursor:pointer;width:100%;min-width:44px;transition:background .1s,border-color .1s}.chart-cell-btn:hover{background:#fff0f0;border-color:var(--red)}.chart-cell-btn.playing{background:#ffe0e0;border-color:var(--red)}html.dark .chart-cell-btn:hover{background:#2e1010}html.dark .chart-cell-btn.playing{background:#3e1818}.chart-cell-syl{font-size:.72rem;font-weight:600;color:#333;white-space:nowrap}html.dark .chart-cell-syl{color:#e0e0e0}.chart-cell-char{font-size:.92rem;color:var(--red);line-height:1}@media (max-width: 600px){.tone-cards{grid-template-columns:1fr 1fr}.pron-title{font-size:1.4rem}.chart-cell-syl{font-size:.65rem}.chart-cell-char{font-size:.8rem}.pron-table{font-size:.7rem}}.welcome-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.welcome-char-left,.welcome-char-right{position:absolute;bottom:0;width:240px;pointer-events:none}.welcome-char-left{right:calc(50% + 260px)}.welcome-char-right{left:calc(50% + 260px)}@media (max-width: 1080px){.welcome-char-left,.welcome-char-right{display:none}}.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;box-shadow:0 4px 24px #00000014}.welcome-card-wide{max-width:620px;text-align:left;align-items:stretch}.welcome-logo-wrap{display:flex;align-items:center;gap:.75rem;justify-content:center}.welcome-logo-mark{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:#b52a1e;border:2.5px solid var(--gold);border-radius:8px;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0;font-family:"Noto Serif SC",Noto Sans SC,PingFang SC,Microsoft YaHei,serif;box-shadow:inset 0 0 0 2px #ffffff1f,0 4px 16px #b52a1e66;text-shadow:0 1px 4px rgba(0,0,0,.3)}.welcome-logo-zh{font-size:.75rem;color:var(--muted);letter-spacing:.08em;margin-top:.1rem}.welcome-title{font-size:1.8rem;font-weight:800;margin:0;text-align:left}.welcome-tagline{color:var(--muted);font-size:.95rem;line-height:1.6;max-width:360px}.welcome-features{display:flex;flex-direction:column;gap:.75rem;width:100%;margin:.5rem 0;text-align:left}.welcome-feature{display:flex;align-items:center;gap:.85rem;background:var(--bg);border-radius:10px;padding:.75rem 1rem}.welcome-feature-icon{font-size:1.4rem;flex-shrink:0}.welcome-feature-title{font-weight:600;font-size:.9rem}.welcome-feature-desc{font-size:.82rem;color:var(--muted)}.welcome-cta{width:100%;font-size:1rem;padding:.85rem}.welcome-skip{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;font-family:inherit}.welcome-skip:hover{color:var(--text)}.welcome-pick-title{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.welcome-pick-sub{color:var(--muted);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.welcome-level-groups{display:flex;flex-direction:column;gap:1.25rem}.welcome-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.welcome-level-list{display:flex;flex-direction:column;gap:.4rem}.welcome-level-btn{display:grid;grid-template-columns:4rem 1fr auto;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background .15s}.welcome-level-btn:hover{border-color:var(--red)}.welcome-level-btn.selected{border-color:var(--red);background:var(--red-light)}.wlb-label{font-weight:700;font-size:.9rem;color:var(--text)}.wlb-desc{font-size:.82rem;color:var(--muted)}.wlb-words{font-size:.75rem;color:var(--muted);white-space:nowrap}.welcome-pick-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.welcome-pick-actions .btn-primary{width:100%;font-size:1rem;padding:.85rem}@media (max-width: 600px){.welcome-card{padding:1.75rem 1.25rem}.welcome-level-btn{grid-template-columns:3.5rem 1fr}.wlb-words{display:none}}.review-card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem 2rem;margin:1.5rem auto;max-width:480px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:box-shadow .15s}.review-card:hover{box-shadow:0 6px 28px #00000021}.review-card-chinese{font-size:4rem;line-height:1.1}.review-card-hint{opacity:.35;font-size:.85rem;margin-top:.5rem}.review-card-hint kbd{font-family:inherit;font-size:.75rem;border:1px solid currentColor;border-radius:3px;padding:0 3px}.review-card-back{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.review-card-pinyin{font-size:1.4rem}.review-card-english{font-size:1.2rem;font-weight:600}.review-card-example{margin-top:.5rem;padding:.75rem 1rem;background:var(--bg);border-radius:8px;width:100%;text-align:center}.review-example-zh{font-size:1rem;margin-bottom:.25rem}.review-example-en{font-size:.85rem;opacity:.6}.review-ratings{display:flex;gap:.75rem;justify-content:center;margin:0 auto 2rem;max-width:480px}.rate-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.8rem .5rem;border-radius:10px;border:none;cursor:pointer;font-family:inherit;transition:opacity .15s,transform .1s}.rate-btn:hover{opacity:.85;transform:translateY(-1px)}.rate-btn:active{transform:translateY(0)}.rate-label{font-size:1rem;font-weight:700}.rate-sub{font-size:.75rem;opacity:.8}.rate-sub kbd{font-family:inherit;font-size:.7rem;border:1px solid currentColor;border-radius:3px;padding:0 3px;opacity:.7}.rate-again{background:#ffeaea;color:#c00}.rate-good{background:#e6f9ee;color:#1a7a3c}.rate-easy{background:#e8f0ff;color:#1a4ab0}html.dark .rate-again{background:#3d1a1a;color:#f88}html.dark .rate-good{background:#1a3d27;color:#6ef08a}html.dark .rate-easy{background:#1a2a4d;color:#7aadff}.guide-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}.guide-hero{text-align:center;margin-bottom:2rem}.guide-title{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:.4rem}.guide-subtitle{color:var(--muted);font-size:1rem}.guide-platforms{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2.5rem}@media (max-width: 600px){.guide-platforms{grid-template-columns:1fr}}.guide-platform-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.guide-platform-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.guide-platform-icon{font-size:1.8rem;line-height:1}.guide-platform-name{font-weight:700;font-size:1rem;color:var(--text)}.guide-platform-switch{font-size:.78rem;color:var(--muted);margin-top:.15rem}kbd{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;font-family:monospace;font-size:.78rem;color:var(--text)}.guide-steps{margin:0;padding-left:1.25rem}.guide-step{font-size:.85rem;color:var(--text);margin-bottom:.45rem;line-height:1.5}.guide-note{font-size:.78rem;color:var(--muted);margin:.75rem 0 0;line-height:1.5;border-top:1px solid var(--border);padding-top:.75rem}.guide-tips-section{margin-bottom:2.5rem}.guide-tips-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:1rem}.guide-tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 600px){.guide-tips-grid{grid-template-columns:1fr}}.guide-tip-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.guide-tip-title{font-weight:700;font-size:.88rem;color:var(--text);margin-bottom:.35rem}.guide-tip-body{font-size:.82rem;color:var(--muted);line-height:1.55}.guide-demo{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.guide-demo h3{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem}.guide-demo-example{display:flex;flex-direction:column;gap:.65rem}.demo-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.demo-label{font-size:.78rem;color:var(--muted);width:80px;flex-shrink:0}.demo-typed{font-family:monospace;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.9rem;color:var(--text)}.demo-candidates{display:flex;gap:.4rem;flex-wrap:wrap}.demo-candidate{font-size:.85rem;padding:.15rem .4rem;border-radius:4px;border:1px solid var(--border);color:var(--muted);background:var(--bg)}.demo-candidate.selected{background:var(--red);color:#fff;border-color:var(--red)}.course-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.course-hero-text{flex:1;min-width:220px}.course-hero-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.35rem}.course-hero-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0 0 .5rem}.course-hero-sub{font-size:.88rem;color:var(--muted);line-height:1.55;margin:0}.course-hero-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.course-ring{display:block}.course-ring-label{font-size:.8rem;color:var(--muted);font-weight:600}.course-lessons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.course-lesson-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.course-lesson-card:hover{border-color:var(--red);box-shadow:0 2px 8px #0000000f}.course-lesson-card.clc-done{opacity:.65}.course-lesson-card.clc-next{border-color:var(--red);background:color-mix(in srgb,var(--red) 6%,var(--surface))}.clc-num{width:28px;height:28px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--muted);flex-shrink:0}.clc-done .clc-num{background:#22a355;border-color:#22a355;color:#fff}.clc-next .clc-num{background:var(--red);border-color:var(--red);color:#fff}.clc-emoji{font-size:1.5rem;flex-shrink:0}.clc-body{flex:1;min-width:0}.clc-title{font-size:.95rem;font-weight:700;color:var(--text)}.clc-zh{font-size:.85rem;color:var(--muted);font-weight:400;margin-left:.4rem}.clc-desc{font-size:.8rem;color:var(--muted);margin-top:.2rem;line-height:1.4}.clc-words{font-size:.72rem;color:var(--muted);margin-top:.25rem;opacity:.7}.clc-next-badge{font-size:.8rem;font-weight:700;color:var(--red);white-space:nowrap}.clc-done-badge{font-size:1rem;color:#22a355}.course-complete-banner{background:color-mix(in srgb,#22a355 12%,var(--surface));border:1.5px solid #22a355;border-radius:12px;padding:1rem 1.25rem;font-size:.92rem;color:var(--text);text-align:center;margin-bottom:2rem}.course-complete-link{color:var(--red);font-weight:700}.lesson-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.lesson-hero .back-link{display:inline-block;margin-bottom:1rem}.lesson-hero-inner{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.lesson-hero-emoji{font-size:2.5rem;line-height:1;flex-shrink:0}.lesson-hero-num{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.25rem}.lesson-hero-title{font-size:1.3rem;font-weight:800;color:var(--text);margin:0 0 .35rem}.lesson-hero-zh{font-size:1rem;font-weight:500;color:var(--muted);margin-left:.4rem}.lesson-hero-desc{font-size:.85rem;color:var(--muted);margin:0;line-height:1.5}.lesson-hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lesson-complete-btn{font-size:.85rem;padding:.5rem 1rem}.lesson-learned-badge{font-size:.8rem;color:var(--muted);font-weight:600}.lesson-words{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.lesson-word-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;transition:border-color .15s}.lesson-word-card.lwc-learned{border-color:#22a355;opacity:.8}.lwc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.lwc-chinese{display:flex;flex-direction:column;gap:.2rem}.lwc-hanzi{font-size:1.8rem;font-weight:700;color:var(--text);text-decoration:none;line-height:1}.lwc-hanzi:hover{color:var(--red)}.lwc-pinyin{font-size:.82rem;color:var(--muted)}.lwc-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.lwc-english{font-size:.88rem;color:var(--text);text-align:right}.lwc-actions{display:flex;align-items:center;gap:.5rem}.lwc-learn-btn{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);color:var(--muted);font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.lwc-learn-btn:hover{border-color:var(--red);color:var(--red)}.lwc-learn-btn.learned{background:#22a355;border-color:#22a355;color:#fff}.lwc-example{border-top:1px solid var(--border);padding-top:.65rem}.lwc-ex-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.lwc-ex-zh{font-size:.92rem;color:var(--text)}.lwc-ex-pinyin{font-size:.75rem;color:var(--muted);margin-bottom:.15rem}.lwc-ex-en{font-size:.78rem;color:var(--muted)}.lesson-footer-nav{display:flex;justify-content:space-between;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.lesson-nav-btn{font-size:.85rem}.demo-result{font-size:1.4rem;font-weight:700;color:var(--text)}.dialogues-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin-bottom:1.75rem}.dialogues-hero-text{flex:1}.dialogues-hero-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.35rem}.dialogues-hero-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0 0 .5rem}.dialogues-hero-sub{font-size:.88rem;color:var(--muted);line-height:1.55;margin:0}.dialogues-hero-icon{font-size:3rem;flex-shrink:0}.dialogues-group{margin-bottom:2rem}.dialogues-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.75rem}.dialogues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.dialogue-card{display:flex;align-items:flex-start;gap:.85rem;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:1rem 1.1rem;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.dialogue-card:hover{border-color:var(--red);box-shadow:0 2px 8px #0000000f}.dialogue-card-emoji{font-size:1.75rem;flex-shrink:0}.dialogue-card-title{font-size:.95rem;font-weight:700;color:var(--text)}.dialogue-card-zh{font-size:.82rem;color:var(--muted);margin-top:.1rem}.dialogue-card-situation{font-size:.77rem;color:var(--muted);margin-top:.3rem;line-height:1.4}.dialogue-card-lines{font-size:.72rem;color:var(--muted);margin-top:.4rem;opacity:.7}.dialogue-header{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.dialogue-header .back-link{display:inline-block;margin-bottom:.85rem}.dialogue-header-inner{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.dialogue-header-emoji{font-size:2.2rem;flex-shrink:0;line-height:1}.dialogue-header-level{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--red);margin-bottom:.2rem}.dialogue-header-title{font-size:1.25rem;font-weight:800;color:var(--text);margin:0 0 .3rem}.dialogue-header-zh{font-size:.95rem;font-weight:400;color:var(--muted);margin-left:.4rem}.dialogue-header-situation{font-size:.82rem;color:var(--muted);margin:0}.dialogue-controls{display:flex;gap:.75rem;flex-wrap:wrap}.dialogue-ctrl-btn{font-size:.82rem;padding:.45rem .9rem}.dialogue-chat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.dialogue-wechat{background:#ededed}.dark .dialogue-wechat{background:#1a1a1a}.wechat-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.78rem;color:var(--muted);padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.wechat-name{font-weight:600;color:var(--text)}.wechat-status{color:#22a355}.chat-line{display:flex;align-items:flex-end;gap:.6rem;cursor:pointer}.chat-line-me{flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.chat-avatar-them{background:var(--red);color:#fff}.chat-avatar-me{background:#22a355;color:#fff}.chat-bubble-wrap{display:flex;align-items:center;gap:.4rem;max-width:75%}.chat-line-me .chat-bubble-wrap{flex-direction:row-reverse}.chat-bubble{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:.75rem 1rem;transition:background .15s;-webkit-user-select:none;user-select:none}.bubble-me{background:#22a355;color:#fff;border-color:#22a355}.bubble-me .chat-tap-hint,.bubble-me .chat-pinyin,.bubble-me .chat-english{color:#ffffffbf}.bubble-them{background:var(--bg)}.bubble-playing{outline:2px solid var(--red);outline-offset:2px}.chat-chinese{font-size:1.1rem;color:inherit;font-weight:500}.bubble-me .chat-chinese{color:#fff}.chat-reveal{margin-top:.45rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.2)}.bubble-them .chat-reveal{border-top-color:var(--border)}.chat-pinyin{font-size:.75rem;color:var(--muted);margin-bottom:.15rem}.chat-english{font-size:.8rem;color:var(--muted)}.chat-tap-hint{font-size:.7rem;color:var(--muted);margin-top:.3rem;opacity:.7}.chat-play-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem;opacity:.55;transition:opacity .15s;flex-shrink:0}.chat-play-btn:hover,.chat-play-btn-active{opacity:1}.dialogue-vocab-hint{font-size:.78rem;color:var(--muted);text-align:center;padding:.5rem;margin-bottom:1rem}.dialogue-footer-nav{display:flex;justify-content:space-between;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tone-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem}.tone-prompt-chinese{font-size:3.5rem;font-weight:700;line-height:1}.tone-play-btn{background:none;border:1.5px solid var(--border);border-radius:99px;padding:.4rem 1rem;font-size:.9rem;cursor:pointer;color:var(--text);font-family:inherit;transition:opacity .15s}.tone-play-btn:hover{opacity:.7}.tone-prompt-hint{font-size:.85rem;color:var(--muted);margin:0}.tone-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;max-width:500px;margin:0 auto;width:100%}.tone-option{padding:1rem .75rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:1.1rem;cursor:pointer;color:var(--text);font-family:inherit;transition:all .15s;text-align:center}.tone-option:hover:not(:disabled){border-color:var(--red);color:var(--red)}.tone-option.opt-correct{border-color:#27ae60;background:#eafaf1;color:#1e8449}.tone-option.opt-wrong{border-color:var(--red);background:var(--red-light);color:var(--red)}.tone-option.opt-dim{opacity:.35}html.dark .tone-option.opt-correct{background:#0a2e1a;color:#58d68d}.scramble-hint-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.25rem}.scramble-hint-word{font-size:2rem;font-weight:700}.scramble-hint-pinyin{font-size:.95rem}.scramble-hint-english{font-size:.85rem;color:var(--muted)}.scramble-answer{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;min-height:3rem;padding:.75rem;border:2px dashed var(--border);border-radius:var(--radius);margin-bottom:1rem}.scramble-slot{width:2.5rem;height:2.5rem;border:2px solid var(--border);border-radius:8px;background:var(--bg);font-size:1.2rem;cursor:pointer;font-family:inherit;color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .15s}.scramble-slot.filled{border-color:var(--red);background:var(--red-light)}.scramble-slot.slot-correct{border-color:#27ae60;background:#eafaf1;color:#1e8449}.scramble-slot.slot-wrong{border-color:var(--red);background:var(--red-light);color:var(--red)}html.dark .scramble-slot.slot-correct{background:#0a2e1a;color:#58d68d}.scramble-pool{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.25rem}.scramble-tile{width:2.75rem;height:2.75rem;border:2px solid var(--border);border-radius:8px;background:var(--surface);font-size:1.25rem;font-family:inherit;cursor:pointer;color:var(--text);transition:all .15s}.scramble-tile:hover{border-color:var(--red);transform:translateY(-2px)}.scramble-actions{display:flex;gap:.75rem;justify-content:center}.daily-badge{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--red)}.daily-preview{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:.25rem 0}.daily-preview-tag{font-size:.72rem;background:var(--red-light);color:var(--red);border-radius:99px;padding:.2rem .55rem;font-weight:600}.guides-hero{padding:1.5rem 0 1rem}.guides-hero h2{font-size:1.6rem;margin-bottom:.5rem}.guides-hero-desc{font-size:.9rem;color:var(--muted);max-width:520px;line-height:1.6}.guides-section{margin-bottom:2rem}.guides-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}.guides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.guide-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:all .15s}.guide-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.guide-emoji{font-size:1.8rem;line-height:1;flex-shrink:0}.guide-title{font-weight:600;font-size:.95rem;margin-bottom:.2rem}.guide-desc{font-size:.8rem;color:var(--muted);line-height:1.45}.radicals-section{margin-bottom:2rem}.radicals-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.75rem}.radicals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.radical-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .9rem}.radical-char{font-size:2rem;font-weight:700;line-height:1.1;margin-bottom:.2rem}.radical-alt{font-size:1.1rem;color:var(--muted);margin-left:.4rem}.radical-pinyin{font-size:.8rem;color:var(--red);font-weight:600}.radical-meaning{font-size:.85rem;font-weight:500;margin:.1rem 0}.radical-examples{font-size:.75rem;color:var(--muted);margin-top:.35rem;line-height:1.5}.mw-tip{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--radius);padding:.75rem 1rem;font-size:.88rem;margin-bottom:1.5rem;line-height:1.6}.mw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-bottom:2rem}.mw-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.mw-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.mw-char{font-size:2.2rem;font-weight:700;line-height:1;flex-shrink:0}.mw-pinyin{font-size:.9rem;color:var(--red);font-weight:600}.mw-meaning{font-size:.8rem;color:var(--muted)}.mw-used-for{font-size:.82rem;color:var(--text);margin-bottom:.6rem;line-height:1.5}.mw-examples{display:flex;flex-direction:column;gap:.3rem}.mw-example{display:flex;gap:.5rem;font-size:.82rem;align-items:baseline}.mw-ex-zh{font-weight:600}.mw-ex-en{color:var(--muted)}.dialogue-nav-btn{font-size:.85rem}.wotd-wrap{margin-bottom:1rem}.wotd-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.wotd-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--red);border-radius:var(--radius);padding:.85rem 1.1rem;text-decoration:none;color:var(--text);transition:all .15s}.wotd-card:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.wotd-chinese{font-size:2rem;font-weight:700;line-height:1;flex-shrink:0}.wotd-middle{display:flex;flex-direction:column;gap:.1rem;flex-shrink:0}.wotd-pinyin{font-size:.85rem}.wotd-pos{font-size:.72rem;color:var(--muted)}.wotd-english{flex:1;font-size:.9rem}.wotd-example{font-size:.8rem;color:var(--muted);flex:1;display:none}.wotd-footer{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}@media (min-width: 600px){.wotd-example{display:block}}.stats-section{margin-bottom:2rem}.stats-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem}.stats-section-desc{font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.heatmap-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;overflow-x:auto}.heatmap-months{display:grid;grid-template-columns:repeat(26,1fr);margin-left:1.4rem;margin-bottom:.2rem;min-width:420px}.heatmap-month{font-size:.65rem;color:var(--muted)}.heatmap-body{display:flex;gap:.25rem;min-width:420px}.heatmap-days{display:grid;grid-template-rows:repeat(7,1fr);gap:2px;margin-right:.1rem}.heatmap-day-label{font-size:.62rem;color:var(--muted);line-height:12px;height:12px}.heatmap-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:2px;flex:1}.heatmap-cell{width:12px;height:12px;border-radius:2px;background:var(--border)}.heatmap-cell.hm-studied{background:var(--red);opacity:.85}.heatmap-cell.hm-today{outline:2px solid var(--red);outline-offset:1px}.heatmap-cell.hm-future{opacity:.2}.heatmap-legend{display:flex;align-items:center;gap:.3rem;margin-top:.5rem;justify-content:flex-end}.hm-legend-label{font-size:.65rem;color:var(--muted)}.struggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.struggle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.15rem;transition:border-color .15s}.struggle-card:hover{border-color:var(--red)}.struggle-chinese{font-size:1.3rem;font-weight:700}.struggle-english{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assessment-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:var(--bg)}.assessment-intro-card,.assessment-result-card{background:var(--card);border-radius:1rem;padding:2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 2px 12px #00000014}.assessment-icon{font-size:3rem;margin-bottom:.75rem}.assessment-intro-card h1{font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.assessment-desc{color:var(--muted);line-height:1.6;margin-bottom:1rem}.assessment-bullets{text-align:left;list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.4rem}.assessment-bullets li:before{content:"✓  ";color:var(--green);font-weight:700}.assessment-bullets li{color:var(--muted);font-size:.9rem}.assessment-skip{background:none;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;margin-top:.75rem;text-decoration:underline}.assessment-skip:hover{color:var(--text)}.assessment-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:480px;margin-bottom:.5rem}.assessment-counter{color:var(--muted);font-size:.9rem}.assessment-level-badge{background:var(--red);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:99px}.assessment-loading{margin-top:3rem;color:var(--muted)}.assessment-question-card{background:var(--card);border-radius:1rem;padding:2rem 1.5rem 1.5rem;width:100%;max-width:480px;text-align:center;margin:1rem 0;box-shadow:0 2px 12px #00000012}.assessment-prompt{color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.assessment-word{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:.5rem}.assessment-pinyin{font-size:1.1rem;color:var(--muted)}.assessment-pinyin-hint{font-size:.95rem;color:var(--muted);margin-top:.25rem}.assessment-opt-pinyin{font-size:1.05rem;letter-spacing:.02em}.assessment-options{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:480px}.assessment-option{background:var(--card);border:2px solid var(--border);border-radius:.75rem;padding:.85rem 1.25rem;font-size:.95rem;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.assessment-option:hover:not(:disabled){border-color:var(--red)}.assessment-option.opt-correct{background:var(--green-bg, #eafaf1);border-color:var(--green);color:var(--green)}.assessment-option.opt-wrong{background:#fff0f0;border-color:var(--red);color:var(--red)}.assessment-option.opt-dim{opacity:.4}.assessment-result-badge{font-size:3.5rem;font-weight:900;color:var(--red);margin-bottom:.25rem}.assessment-result-card h2{font-size:1.4rem;margin-bottom:.25rem}.assessment-result-tag{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.assessment-result-score{color:var(--muted);font-size:.85rem;margin-bottom:1.5rem}.assessment-result-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.assessment-link{color:var(--red);text-decoration:none;font-weight:600}.assessment-link:hover{text-decoration:underline}.stats-assessment-banner{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1.5px solid var(--red);border-radius:.75rem;padding:.75rem 1.25rem;margin-bottom:1.25rem;font-size:.9rem;color:var(--text)}.stats-assessment-link{color:var(--red);font-weight:700;text-decoration:none;white-space:nowrap}.stats-assessment-link:hover{text-decoration:underline}.assessment-type-label{font-size:.78rem;font-weight:600;color:var(--red);text-transform:uppercase;letter-spacing:.05em}.assessment-english-prompt{font-size:1.6rem;font-weight:700;line-height:1.3;padding:.5rem 0}.assessment-play-btn{background:var(--red);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:opacity .15s}.assessment-play-btn.playing{opacity:.7}.assessment-no-audio{color:var(--muted);font-size:.9rem}.assessment-sentence{font-size:1.5rem;font-weight:500;line-height:1.6;padding:.5rem 0}.assessment-highlight{background:#ffeaa7;border-radius:4px;padding:0 2px;font-weight:800;color:#333}.dark .assessment-highlight{background:#856a00;color:#fff}.assessment-opt-char{font-size:1.3rem;font-weight:700}.assessment-feedback{width:100%;max-width:480px;border-radius:.75rem;padding:.9rem 1.25rem;font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.fb-correct{background:#eafaf1;color:#1e8449}.fb-wrong{background:#fdedec;color:#c0392b}.dark .fb-correct{background:#1a3a27;color:#58d68d}.dark .fb-wrong{background:#3a1a1a;color:#f1948a}.songs-hero{text-align:center;padding:2rem 1rem 1.5rem}.songs-hero-icon{font-size:3rem;margin-bottom:.5rem}.songs-hero h2{font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.songs-hero-desc{color:var(--muted);max-width:520px;margin:0 auto;line-height:1.6}.songs-list{display:flex;flex-direction:column;gap:1rem;max-width:720px;margin:0 auto;padding:0 1rem 3rem}.song-card{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:var(--card);border:1.5px solid var(--border);border-radius:1rem;padding:1.25rem 1.5rem;text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}.song-card:hover{border-color:var(--red);box-shadow:0 2px 12px #00000014}.song-card-left{flex:1}.song-title{font-size:1.3rem;font-weight:800;margin-bottom:.1rem}.song-pinyin{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.song-artist{font-size:.8rem;color:var(--muted);margin-bottom:.5rem}.song-desc{font-size:.85rem;color:var(--muted);line-height:1.5;margin:0}.song-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:100px}.song-difficulty{font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:99px}.song-hsk{font-size:.75rem;color:var(--muted)}.song-read-link{font-size:.8rem;color:var(--red);font-weight:600;margin-top:auto}.song-article{max-width:700px;margin:0 auto;padding:1rem 1rem 4rem}.song-article-header{margin-bottom:1.5rem}.song-article-title-block{margin:1rem 0 .75rem}.song-article-title{font-size:2.2rem;font-weight:900;margin-bottom:.25rem;line-height:1.2}.song-article-pinyin{font-size:1rem;color:var(--muted);margin-bottom:.5rem}.song-article-meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}.song-article-hsk{background:var(--red);color:#fff;padding:.15rem .5rem;border-radius:99px;font-size:.75rem;font-weight:700}.song-article-desc{color:var(--muted);line-height:1.7;font-size:.95rem}.song-callout{border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;line-height:1.65;font-size:.9rem}.song-callout-culture{background:#fef9e7;border-left:4px solid #f1c40f;color:#6e5100}.song-callout-tips{background:#eaf4fb;border-left:4px solid #2980b9;color:#154360}.dark .song-callout-culture{background:#2c2200;color:#f9e46a;border-color:#f1c40f}.dark .song-callout-tips{background:#102030;color:#7ec8e3;border-color:#2980b9}.song-callout-label{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.song-callout p{margin:0}.song-tips-list{margin:0;padding-left:1.2rem}.song-tips-list li{margin-bottom:.4rem}.song-lyric-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.song-lyric-controls-label{font-size:.8rem;color:var(--muted)}.song-toggle-btn{border:1.5px solid var(--border);background:var(--card);color:var(--muted);padding:.3rem .75rem;border-radius:99px;font-size:.8rem;cursor:pointer;transition:all .15s}.song-toggle-btn.active{border-color:var(--red);color:var(--red);background:#fff0f0}.dark .song-toggle-btn.active{background:#2a0a0a}.song-lyrics{margin-bottom:2rem}.song-section{margin-bottom:1.75rem}.song-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.song-line{margin-bottom:1rem;padding:.75rem 1rem;background:var(--card);border-radius:.6rem;border-left:3px solid transparent;transition:border-color .15s}.song-line:hover{border-left-color:var(--red)}.song-line-chinese{font-size:1.4rem;font-weight:700;margin-bottom:.2rem}.song-line-pinyin{font-size:.85rem;color:var(--muted);margin-bottom:.15rem}.song-line-english{font-size:.9rem;color:var(--text);opacity:.7}.song-line-note{margin-top:.4rem;font-size:.8rem;color:#2980b9;font-style:italic}.dark .song-line-note{color:#7ec8e3}.song-section-heading{font-size:1.2rem;font-weight:800;margin:0 0 .4rem}.song-vocab-intro{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.song-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:2rem}.song-vocab-card{background:var(--card);border:1.5px solid var(--border);border-radius:.75rem;padding:.9rem 1rem}.song-vocab-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.song-vocab-char{font-size:1.5rem;font-weight:800}.song-vocab-hsk{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:99px}.song-vocab-pinyin{font-size:.8rem;color:var(--muted);margin-bottom:.1rem}.song-vocab-english{font-size:.85rem;font-weight:600;margin-bottom:.35rem}.song-vocab-note{font-size:.78rem;color:var(--muted);line-height:1.45;margin-bottom:.5rem}.song-vocab-search{font-size:.75rem;color:var(--red);text-decoration:none;font-weight:600}.song-vocab-search:hover{text-decoration:underline}.song-article-footer{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.song-video-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem;background:#000}.song-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.nav-emoji{display:block;font-size:1rem;line-height:1}.nav-label{display:block;font-size:.6rem;line-height:1;margin-top:1px;opacity:.75}.app-nav-link{display:flex;flex-direction:column;align-items:center}.app-nav-guides-wrap{position:relative;display:flex;align-items:center}.app-nav-dropdown{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000038;min-width:200px;z-index:9999;overflow:hidden;animation:submenu-in .12s ease}.app-nav-dd-item{display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:var(--text);font-size:.85rem;font-weight:500;border-bottom:1px solid var(--border);transition:background .1s;white-space:nowrap}.app-nav-dd-item:last-child{border-bottom:none}.app-nav-dd-item:hover,.app-nav-dd-item.active{background:var(--hover);color:var(--red)}.app-nav-dd-emoji{font-size:1rem;width:1.2rem;text-align:center}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--card);border-top:1px solid var(--border);z-index:200;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 640px){.bottom-nav{display:flex}.app-nav{display:none}.browser-page,.practice-page,.assessment-page,.song-article,.stats-page{padding-bottom:70px}}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:8px;transition:color .15s;position:relative}.bottom-nav-tab.active{color:var(--red)}.bottom-nav-emoji{font-size:1.3rem;line-height:1}.bottom-nav-label{font-size:.6rem;font-weight:600}.bottom-nav-streak{position:absolute;top:2px;right:6px;font-size:.55rem;font-weight:700;color:var(--red)}.bottom-nav-guides-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.bottom-nav-submenu{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px #00000038;display:flex;flex-direction:column;min-width:130px;overflow:hidden;z-index:9999;animation:submenu-in .15s ease}@keyframes submenu-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bns-item{display:flex;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;color:var(--text);font-size:.8rem;font-weight:500;border-bottom:1px solid var(--border);transition:background .1s}.bns-item:last-child{border-bottom:none}.bns-item:hover,.bns-item.active{background:var(--hover);color:var(--red)}.bns-emoji{font-size:1rem}.bns-label{white-space:nowrap}.search-filters{max-width:720px;margin:0 auto 1rem;padding:0 1rem;display:flex;flex-direction:column;gap:.5rem}.search-filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.search-filter-label{font-size:.75rem;font-weight:700;color:var(--muted);min-width:36px}.search-filter-chips{display:flex;flex-wrap:wrap;gap:.35rem}.filter-chip{border:1.5px solid var(--border);background:var(--card);color:var(--muted);padding:.2rem .6rem;border-radius:99px;font-size:.78rem;cursor:pointer;transition:all .15s}.filter-chip.active{border-color:var(--red);color:var(--red);background:#fff0f0;font-weight:700}.dark .filter-chip.active{background:#2a0a0a}.search-clear-filters{background:none;border:none;color:var(--muted);font-size:.78rem;cursor:pointer;padding:0;text-decoration:underline;align-self:flex-start}.readiness-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);margin-bottom:.75rem}.rl-item{display:flex;align-items:center;gap:.3rem}.rl-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.rl-mastered{background:#27ae60}.rl-familiar{background:#f39c12}.rl-learning{background:#3498db}.readiness-pct{font-size:.75rem;font-weight:700;color:var(--red);margin-left:auto}.stats-bar-mastered{position:absolute;top:0;left:0;height:100%;background:#27ae60;border-radius:4px 0 0 4px;transition:width .4s}.stats-bar-familiar{position:absolute;top:0;height:100%;background:#f39c12;transition:width .4s,margin-left .4s}.stats-bar-learning{position:absolute;top:0;height:100%;background:#3498db;transition:width .4s,margin-left .4s}.stats-bar-track{position:relative}.feedback-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:var(--red);color:#fff;font-size:1.2rem;border:none;cursor:pointer;box-shadow:0 4px 16px #0003;z-index:300;transition:transform .15s,background .15s;display:flex;align-items:center;justify-content:center}.feedback-fab:hover{transform:scale(1.08)}@media (max-width: 640px){.feedback-fab{bottom:4.5rem;right:1rem;width:42px;height:42px;font-size:1rem}}.feedback-panel{position:fixed;bottom:5.5rem;right:1.5rem;width:320px;background:var(--card);border:1.5px solid var(--border);border-radius:1rem;box-shadow:0 8px 32px #00000026;z-index:299;padding:1.25rem}@media (max-width: 640px){.feedback-panel{right:.75rem;left:.75rem;width:auto;bottom:7rem}}.feedback-panel-header h3{font-size:1rem;font-weight:800;margin-bottom:.2rem}.feedback-panel-sub{font-size:.8rem;color:var(--muted);margin-bottom:.9rem}.feedback-form{display:flex;flex-direction:column;gap:.5rem}.feedback-input,.feedback-textarea{width:100%;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:.5rem;background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;resize:none;box-sizing:border-box}.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:var(--red)}.feedback-error{font-size:.8rem;color:var(--red)}.feedback-submit{width:100%;margin-top:.25rem}.feedback-sent{text-align:center;padding:1.5rem;color:#27ae60;font-weight:700;font-size:1rem}.stats-goal-card{background:var(--card);border:1.5px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.stats-goal-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.25rem}.stats-goal-edit{background:none;border:none;color:var(--red);font-size:.72rem;cursor:pointer;margin-left:.5rem;text-decoration:underline;padding:0}.stats-goal-input{width:60px;padding:.1rem .4rem;border:1.5px solid var(--red);border-radius:.35rem;background:var(--bg);color:var(--text);font-size:.85rem}.stats-goal-save{background:var(--red);color:#fff;border:none;border-radius:.35rem;padding:.15rem .6rem;font-size:.78rem;cursor:pointer}.stats-goal-count{font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.stats-goal-sep{font-size:.9rem;font-weight:400;color:var(--muted)}.goal-done{color:#27ae60}.goal-badge{background:#eafaf1;color:#27ae60;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:99px;margin-left:.5rem}.dark .goal-badge{background:#0d2e1a}.stats-goal-bar-wrap{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.stats-goal-bar{height:100%;background:var(--red);border-radius:99px;transition:width .4s;max-width:100%}.session-streak-badge{font-size:.8rem;font-weight:700;color:#e67e22;background:#fff5e6;border:1.5px solid #f0c060;border-radius:99px;padding:.2rem .65rem;transition:transform .15s}html.dark .session-streak-badge{background:#2a1e00;border-color:#c8860a;color:#f5c842}.session-streak-badge.flash{animation:streak-flash .4s ease}@keyframes streak-flash{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.complete-score-label{font-size:.95rem;color:var(--muted);margin-top:-.5rem}.review-complete-stats{display:flex;gap:1.25rem;justify-content:center;margin:.5rem 0}.rcs-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:60px}.rcs-num{font-size:1.75rem;font-weight:800;line-height:1}.rcs-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.rcs-good .rcs-num{color:#27ae60}.rcs-again .rcs-num{color:var(--red)}.rcs-streak .rcs-num{color:#e67e22}.passport-grid{display:flex;flex-wrap:wrap;gap:1rem .75rem;padding:.5rem 0}.passport-stamp{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;color:var(--text);transition:transform .15s}.passport-stamp:hover{transform:scale(1.07)}.passport-stamp-ring{width:66px;height:66px;border-radius:50%;border:2.5px dashed var(--border);display:flex;align-items:center;justify-content:center;background:var(--surface);position:relative;transition:all .2s}.passport-stamp.partial .passport-stamp-ring{border-style:solid;border-color:#f0c060}.passport-stamp.stamped .passport-stamp-ring{border:2.5px solid var(--red);background:#fff0ee;box-shadow:0 0 0 2px #c0392b40;transform:rotate(-4deg)}html.dark .passport-stamp.stamped .passport-stamp-ring{background:#2d0a0a}.passport-stamp-inner{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}.passport-hsk{font-size:.5rem;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.passport-num{font-size:1.6rem;font-weight:800;color:var(--text)}.passport-stamp.stamped .passport-hsk,.passport-stamp.stamped .passport-num{color:var(--red)}.passport-tick{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:var(--gold);border-radius:50%;font-size:.65rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border:2px solid var(--surface)}.passport-pct{font-size:.72rem;color:var(--muted);font-weight:600}.passport-stamp.stamped .passport-pct{color:var(--red);font-weight:700}.milestone-toast{position:fixed;bottom:5.5rem;right:1.25rem;z-index:1000;background:var(--surface);border:2px solid var(--gold);border-radius:14px;padding:.9rem 1rem;box-shadow:0 6px 24px #00000026;display:flex;align-items:center;gap:.75rem;max-width:300px;cursor:pointer;animation:toast-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.milestone-toast-icon{font-size:2rem;flex-shrink:0;line-height:1}.milestone-toast-body{flex:1;min-width:0}.milestone-toast-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.1rem}.milestone-toast-title{font-size:.95rem;font-weight:700;color:var(--text)}.milestone-toast-desc{font-size:.78rem;color:var(--muted)}.milestone-toast-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.75rem;padding:.25rem;align-self:flex-start;flex-shrink:0}.freq-page{max-width:900px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.freq-hero{text-align:center;margin-bottom:2.5rem;padding-top:.5rem}.freq-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.freq-subtitle{color:var(--muted);font-size:1rem;max-width:560px;margin:0 auto}.freq-section{margin-bottom:3rem}.freq-section-title{font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.freq-note{font-size:.82rem;color:var(--muted);margin-bottom:1rem}.freq-footer-note{font-size:.78rem;color:var(--muted);text-align:center;padding-top:1rem;border-top:1px solid var(--border)}.coverage-list{display:flex;flex-direction:column;gap:1.1rem}.coverage-row-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.3rem;flex-wrap:wrap}.coverage-label{font-weight:700;font-size:.95rem;min-width:80px}.coverage-words{font-size:.78rem;color:var(--muted)}.coverage-pct{font-size:1rem;font-weight:800;color:var(--red);margin-left:auto}.coverage-gain{font-size:.75rem;color:var(--gold);background:var(--gold-light);border-radius:99px;padding:.1rem .45rem;font-weight:700}.coverage-bar-track{height:12px;background:var(--border);border-radius:99px;overflow:hidden;position:relative;margin-bottom:.3rem}.coverage-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--red),#e84040);border-radius:99px}.coverage-bar-gain{position:absolute;top:0;height:100%;background:var(--gold);opacity:.55}.coverage-desc{font-size:.78rem;color:var(--muted)}.pos-legend{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin-bottom:.9rem}.pos-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--muted)}.pos-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pos-breakdown{display:flex;flex-direction:column;gap:.5rem}.pos-row{display:flex;align-items:center;gap:.75rem}.pos-row-label{width:48px;font-size:.78rem;font-weight:700;flex-shrink:0}.pos-bar{flex:1;height:20px;border-radius:4px;overflow:hidden;display:flex}.pos-bar-seg{height:100%}.pos-row-total{font-size:.72rem;color:var(--muted);width:40px;text-align:right;flex-shrink:0}.cloud-controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.cloud-level-chips,.cloud-pos-chips{display:flex;flex-wrap:wrap;gap:.35rem}.cloud-chip{padding:.25rem .7rem;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.cloud-chip.active{color:#fff}.cloud-chip:hover:not(.active){border-color:var(--muted)}.word-cloud{display:flex;flex-wrap:wrap;gap:.3rem .5rem;padding:.75rem 0;line-height:1.6}.cloud-word{text-decoration:none;display:inline-block;font-weight:700;transition:opacity .15s,transform .15s;line-height:1.2}.cloud-word:hover{opacity:.65;transform:scale(1.12)}.cloud-word.cloud-learned{opacity:.45}.cloud-l1{font-size:1.6rem}.cloud-l2{font-size:1.2rem}.cloud-l3{font-size:1rem}.cloud-l4{font-size:.88rem}.cloud-l5{font-size:.82rem}.cloud-l6{font-size:.78rem}.cloud-count{font-size:.75rem;color:var(--muted);text-align:right;margin-top:.25rem}.char-freq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.char-freq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.char-freq-rank{font-size:.6rem;color:var(--muted)}.char-freq-hanzi{font-size:2rem;font-weight:700;color:var(--red);text-decoration:none;line-height:1.1;font-family:"Noto Serif SC",PingFang SC,Microsoft YaHei,serif}a.char-freq-hanzi:hover{opacity:.7}.char-freq-count{font-size:.65rem;color:var(--muted)}.char-freq-meaning{font-size:.65rem;color:var(--text);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-page{max-width:920px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.cm-hero{text-align:center;padding:1.5rem 0 2rem}.cm-hero-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1.5px solid var(--gold);border-radius:99px;padding:.2rem .75rem;margin-bottom:.75rem}.cm-title{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.cm-subtitle{color:var(--muted);font-size:1rem;max-width:580px;margin:0 auto;line-height:1.6}.cm-section{margin-bottom:3.5rem}.cm-section-title{font-size:1.15rem;font-weight:700;margin-bottom:.3rem;padding-bottom:.4rem;border-bottom:2px solid var(--border)}.cm-note{font-size:.82rem;color:var(--muted);margin:.4rem 0 1rem;line-height:1.5}.cm-callout{background:var(--red-light);border-left:3px solid var(--red);border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.6;margin-top:1rem}.cm-footer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;font-size:.82rem;color:var(--muted);line-height:1.6;text-align:center}.cm-cheatsheet{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.cm-cs-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cm-cs-title{background:var(--red);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.5rem .9rem}.cm-cs-rows{display:flex;flex-direction:column}.cm-cs-row{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-bottom:1px solid var(--border);font-size:.82rem}.cm-cs-row:last-child{border-bottom:none}.cm-cs-rule{width:72px;font-weight:700;color:var(--red);flex-shrink:0}.cm-cs-cant{flex:1.5;color:var(--muted)}.cm-cs-arrow{color:var(--muted);flex-shrink:0}.cm-cs-mand{flex:1.5;font-weight:600;color:var(--text)}.cm-cs-acc{font-size:.72rem;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--bg);color:var(--muted);flex-shrink:0}.cm-cs-eng{color:var(--muted);font-weight:400}.cm-cs-rel-high{background:#d4edda;color:#155724}.cm-cs-rel-mid{background:#fff3cd;color:#856404}.cm-cs-rel-low{background:#f8d7da;color:#721c24}html.dark .cm-cs-rel-high{background:#1a3a24;color:#7ecf8e}html.dark .cm-cs-rel-mid{background:#3a2e0a;color:#d4aa30}html.dark .cm-cs-rel-low{background:#3a0f12;color:#f08080}.cm-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.cm-diff-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.cm-diff-tag{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:3px 10px;align-self:flex-start;border-radius:0 0 6px}.cm-diff-title{font-weight:700;font-size:.9rem;padding:.6rem .9rem .3rem;color:var(--text)}.cm-diff-rows{padding:0 .9rem .4rem;display:flex;flex-direction:column;gap:4px}.cm-diff-row{display:flex;align-items:baseline;gap:6px;font-size:.82rem;color:var(--muted)}.cm-diff-badge{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:4px;flex-shrink:0}.cm-diff-note{font-size:.78rem;color:var(--muted);padding:.5rem .9rem .75rem;border-top:1px solid var(--border);line-height:1.5;margin-top:auto}.cm-advantage-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cm-adv{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.cm-adv-head{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6rem}.adv-yes .cm-adv-head{color:#27ae60}.adv-learn .cm-adv-head{color:var(--red)}.cm-adv ul{padding-left:1rem;display:flex;flex-direction:column;gap:.35rem}.cm-adv li{font-size:.85rem;color:var(--muted);line-height:1.45}.cm-adv li strong{color:var(--text)}.cm-rule-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}.cm-rule-tab{padding:.3rem .85rem;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:Courier New,monospace}.cm-rule-tab:hover{border-color:var(--red);color:var(--red)}.cm-rule-tab.active{background:var(--red);border-color:var(--red);color:#fff}.cm-rule-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.cm-rule-header{margin-bottom:.75rem}.cm-rule-title{font-size:1.05rem;font-weight:700;margin-bottom:.35rem}.cm-rule-pattern{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cm-rp-cant{font-size:1.1rem;font-weight:800;color:#2471a3;font-family:Courier New,monospace}.cm-rp-arrow{font-size:1.1rem;color:var(--muted)}.cm-rp-mand{font-size:1.1rem;font-weight:800;color:var(--red);font-family:Courier New,monospace}.cm-rp-acc{font-size:.72rem;color:var(--gold);background:var(--gold-light);border-radius:99px;padding:.15rem .55rem;font-weight:700}.cm-rule-exp{font-size:.88rem;color:var(--muted);line-height:1.6;margin-bottom:.75rem}.cm-rule-tip{background:#fffbf0;border:1px solid var(--gold);border-radius:8px;padding:.6rem .85rem;font-size:.83rem;line-height:1.5;display:flex;gap:.5rem;margin-bottom:1rem}html.dark .cm-rule-tip{background:#1e1800}.cm-tip-icon{font-size:1rem;flex-shrink:0;line-height:1.4}.cm-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.cm-example{background:var(--bg);border-radius:8px;padding:.6rem .65rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.cm-ex-char{font-size:1.8rem;font-weight:700;color:var(--red);font-family:"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;line-height:1.1}.cm-ex-pron{display:flex;align-items:center;gap:.3rem;font-size:.8rem;font-family:Courier New,monospace}.cm-ex-cant{color:#2471a3;font-weight:600}.cm-ex-arrow{color:var(--muted)}.cm-ex-mand{color:var(--red);font-weight:600}.cm-ex-eng{font-size:.7rem;color:var(--muted);text-align:center}.cm-exceptions{font-size:.78rem;color:var(--muted);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-style:italic}.cm-tone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.cm-tone-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.cm-tone-cant{font-size:.85rem;font-weight:700}.cm-tone-cant-desc{font-size:.7rem;color:var(--muted)}.cm-tone-ex-cant{font-size:.8rem;font-family:Courier New,monospace;color:#2471a3}.cm-tone-arrow{font-size:.9rem;color:var(--muted);margin:.1rem 0}.cm-tone-mand{font-size:.85rem;font-weight:700;color:var(--red)}.cm-tone-ex-mand{font-size:.8rem;font-family:Courier New,monospace;color:var(--red)}.cm-tone-acc{font-size:.65rem;font-weight:700;border-radius:99px;padding:.1rem .45rem;margin-top:.25rem}.cm-acc-高{background:#e8f5ec;color:#27ae60}.cm-acc-中{background:var(--gold-light);color:#a07000}.cm-acc-低{background:var(--red-light);color:var(--red)}html.dark .cm-acc-高{background:#0a2010}html.dark .cm-acc-中{background:#1e1800}.cm-tone-note{font-size:.8rem;color:var(--muted);line-height:1.6;background:var(--bg);border-radius:8px;padding:.65rem .85rem}.cm-retro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.cm-retro-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.cm-retro-pair{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.cm-retro-mand{font-size:1.4rem;font-weight:800;color:var(--red);font-family:Courier New,monospace}.cm-retro-eq{color:var(--muted);font-size:1rem}.cm-retro-cant{font-size:1.1rem;font-weight:700;color:#2471a3;font-family:Courier New,monospace}.cm-retro-ex{font-size:.82rem;color:var(--text);margin-bottom:.2rem;font-family:Courier New,monospace}.cm-retro-desc{font-size:.78rem;color:var(--muted);line-height:1.45}.cm-reveal-ctrl{margin-bottom:.75rem}.cm-reveal-all{font-size:.8rem;font-weight:600;color:var(--red);background:var(--red-light);border:1px solid var(--red);border-radius:99px;padding:.25rem .85rem;cursor:pointer}.cm-vocab-section{margin-bottom:1.5rem}.cm-vocab-section-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.5rem}.cm-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.cm-vocab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .8rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:.2rem}.cm-vocab-card:hover{border-color:var(--red);box-shadow:0 2px 8px #c0392b1f}.cm-vocab-card.revealed{border-color:#27ae60}.cm-vc-chars{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.1rem}.cm-vc-trad{font-size:1.5rem;font-weight:700;color:var(--text);font-family:"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;line-height:1.1}.cm-vc-alt{font-size:.82rem;color:var(--red);font-weight:600}.cm-vc-cant,.cm-vc-mand{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-family:Courier New,monospace}.cm-vc-badge{font-size:.58rem;font-weight:700;width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-vc-cant-badge{background:#e8f0ff;color:#2471a3}.cm-vc-mand-badge{background:var(--red-light);color:var(--red)}html.dark .cm-vc-cant-badge{background:#0d1a2e}html.dark .cm-vc-mand-badge{background:#2d0f0e}.cm-vc-mand.hidden{color:var(--border)}.cm-vc-mand.hidden .cm-vc-mand-badge{opacity:.4}.cm-vc-english{font-size:.72rem;color:var(--muted)}.cm-vc-note{font-size:.68rem;color:var(--muted);font-style:italic;line-height:1.3;border-top:1px solid var(--border);margin-top:.2rem;padding-top:.2rem}.cm-grammar-list{display:flex;flex-direction:column;gap:.9rem}.cm-grammar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.cm-grammar-title{font-size:.88rem;font-weight:700;margin-bottom:.6rem;color:var(--text)}.cm-grammar-sentences{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.65rem}.cm-gs-row{display:flex;align-items:baseline;gap:.5rem}.cm-gs-badge{font-size:.62rem;font-weight:700;width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cant-badge{background:#e8f0ff;color:#2471a3}.mand-badge{background:var(--red-light);color:var(--red)}html.dark .cant-badge{background:#0d1a2e}html.dark .mand-badge{background:#2d0f0e}.cm-gs-text{font-size:.88rem;line-height:1.5}.cm-grammar-breakdown{background:var(--bg);border-radius:6px;padding:.5rem .7rem;display:flex;flex-direction:column;gap:.25rem}.cm-gb-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.8rem}.cm-gb-cant{color:#2471a3;font-weight:600;font-family:Courier New,monospace}.cm-gb-arrow{color:var(--muted)}.cm-gb-mand{color:var(--red);font-weight:600;font-family:Courier New,monospace}.cm-gb-note{color:var(--muted)}.cm-simp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.cm-simp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.1rem}.cm-simp-pair{display:flex;align-items:center;gap:.3rem;margin-bottom:.1rem}.cm-simp-trad{font-size:1.3rem;font-weight:700;color:var(--muted);font-family:"Noto Serif SC",PingFang SC,serif}.cm-simp-arrow{font-size:.8rem;color:var(--border)}.cm-simp-simp{font-size:1.3rem;font-weight:700;color:var(--red);font-family:"Noto Serif SC",PingFang SC,serif}.cm-simp-mand{font-size:.72rem;color:var(--text);font-family:Courier New,monospace}.cm-simp-eng{font-size:.65rem;color:var(--muted)}@media (max-width: 640px){.freq-title,.cm-title{font-size:1.5rem}.cm-advantage-grid{grid-template-columns:1fr}.cm-tone-grid{grid-template-columns:repeat(2,1fr)}.cm-retro-grid{grid-template-columns:1fr}.cm-examples-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.cm-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.char-freq-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.fc-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fc-page-title{font-size:1.5rem;font-weight:700}.fc-new-deck-form{display:flex;flex-direction:column;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.fc-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.fc-empty-icon{font-size:3rem;margin-bottom:.75rem}.fc-deck-list{display:flex;flex-direction:column;gap:.6rem}.fc-deck-card{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem}.fc-deck-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;background:none;border:none;cursor:pointer;text-align:left;padding:0}.fc-deck-main:hover .fc-deck-card-name{color:var(--red)}.fc-deck-card-name{font-size:1rem;font-weight:600;color:var(--text)}.fc-deck-card-count{font-size:.8rem;color:var(--muted);margin-top:.15rem}.fc-deck-study-btn{padding:.4rem .9rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;cursor:pointer;white-space:nowrap}.fc-deck-study-btn:not(:disabled):hover{background:var(--red);color:#fff;border-color:var(--red)}.fc-deck-study-btn:disabled{opacity:.4;cursor:not-allowed}.fc-editor-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.fc-deck-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.fc-deck-title{font-size:1.4rem;font-weight:700}.fc-card-count{font-size:.85rem;color:var(--muted);margin-bottom:1.25rem}.fc-name-input{flex:1;padding:.4rem .75rem;border:1.5px solid var(--red);border-radius:8px;font-size:1.1rem;font-weight:600;background:var(--bg);color:var(--text)}.fc-add-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1.25rem}.fc-add-form-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.6rem}.fc-add-inputs{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.6rem}.fc-input{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--text);transition:border-color .15s}.fc-input:focus{outline:none;border-color:var(--red)}.fc-card-list{display:flex;flex-direction:column;gap:.5rem}.fc-card-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem}.fc-card-editing{flex-direction:column;align-items:stretch;gap:.4rem}.fc-card-row-content{flex:1;display:flex;align-items:baseline;gap:.6rem;min-width:0}.fc-card-front{font-size:1.05rem;font-weight:600;flex-shrink:0}.fc-card-pinyin{font-size:.8rem;color:var(--muted);flex-shrink:0}.fc-card-back{font-size:.9rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-card-row-actions{display:flex;gap:.4rem;flex-shrink:0}.fc-btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:.2rem .35rem;border-radius:6px;line-height:1;opacity:.7;transition:opacity .15s,background .15s}.fc-btn-icon:hover{opacity:1;background:var(--bg)}.fc-btn-delete:hover{background:#fdecea}.fc-btn-save{padding:.4rem .9rem;border-radius:8px;background:var(--red);color:#fff;border:none;cursor:pointer;font-size:.85rem;font-weight:600}.fc-btn-cancel{padding:.4rem .9rem;border-radius:8px;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:.85rem}.fc-study-card{perspective:1200px;width:100%;max-width:480px;height:260px;cursor:pointer;margin:1rem auto}.fc-study-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s ease;border-radius:18px}.fc-study-card.fc-flipped .fc-study-inner{transform:rotateY(180deg)}.fc-study-front,.fc-study-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;border:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem}.fc-study-back{transform:rotateY(180deg)}.fc-study-term{font-size:2.2rem;font-weight:700}.fc-study-pinyin{font-size:1rem;color:var(--muted)}.fc-study-tap{font-size:.8rem;color:var(--muted);margin-top:.75rem;opacity:.6}.fc-study-divider{width:40px;height:2px;background:var(--border);margin:.5rem 0}.fc-study-definition{font-size:1.1rem;color:var(--text);text-align:center}.fc-mark-row{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.fc-mark-wrong,.fc-mark-correct{padding:.75rem 2rem;border-radius:12px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s}.fc-mark-wrong{background:#fdecea;color:var(--red)}.fc-mark-correct{background:#e6f9ef;color:#218c54}.fc-mark-wrong:hover,.fc-mark-correct:hover{opacity:.85}.fc-flip-hint{text-align:center;color:var(--muted);font-size:.9rem;margin-top:.75rem}html.dark .fc-mark-wrong{background:#2a1010}html.dark .fc-mark-correct{background:#0d2a1a}html.dark .fc-study-front,html.dark .fc-study-back{background:var(--surface)}.reading-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.reading-level-badge{padding:.25rem .7rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700}.reading-page-header{margin-bottom:1.25rem}.reading-page-title{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.reading-page-desc{font-size:.88rem;color:var(--muted)}.reading-level-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.reading-level-tab{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--muted);transition:border-color .15s,color .15s}.reading-level-tab.active{background:var(--bg)}.reading-tab-label{font-size:.7rem;font-weight:400;margin-top:.1rem}.reading-passage-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.reading-passage-btn{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .15s}.reading-passage-btn:hover{border-color:var(--muted)}.rpb-left{display:flex;align-items:center;gap:.75rem}.rpb-badge{padding:.2rem .55rem;border-radius:6px;color:#fff;font-size:.72rem;font-weight:700;flex-shrink:0}.rpb-title{font-size:1rem;font-weight:600;color:var(--text)}.rpb-title-en{font-size:.78rem;color:var(--muted);margin-top:.1rem}.rpb-right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0}.rpb-qcount{font-size:.78rem;color:var(--muted)}.rpb-arrow{font-size:1rem;color:var(--muted)}.reading-total-note{text-align:center;font-size:.8rem;color:var(--muted);margin-top:.5rem}.reading-passage-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;margin-bottom:1.5rem;max-width:680px;width:100%;margin-left:auto;margin-right:auto}.reading-passage-title{font-size:1.3rem;font-weight:700;margin-bottom:.15rem}.reading-passage-title-en{font-size:.82rem;color:var(--muted);margin-bottom:1rem}.reading-passage-text{font-size:1.05rem;line-height:2;display:flex;flex-direction:column;gap:.5rem}.reading-translation-toggle{margin-top:1rem;padding:.4rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:.82rem;cursor:pointer}.reading-translation-toggle:hover{color:var(--text)}.reading-translation{margin-top:.75rem;padding:.75rem;background:var(--bg);border-radius:8px;font-size:.9rem;color:var(--muted);line-height:1.65}.reading-questions{max-width:680px;width:100%;margin:0 auto 1rem}.reading-questions-title{font-size:1rem;font-weight:700;margin-bottom:1rem}.reading-question{display:flex;gap:.75rem;margin-bottom:1.25rem}.reading-q-number{font-size:.8rem;font-weight:700;color:var(--muted);padding-top:.1rem;flex-shrink:0;width:24px}.reading-q-body{flex:1}.reading-q-chinese{font-size:1rem;font-weight:600;margin-bottom:.2rem}.reading-q-english{font-size:.8rem;color:var(--muted);margin-bottom:.6rem}.reading-options{display:flex;flex-direction:column;gap:.4rem}.reading-option{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;font-size:.92rem;transition:border-color .12s,background .12s}.reading-option:hover{border-color:var(--muted)}.reading-opt-selected{border-color:var(--red)!important;background:#fdecea!important}html.dark .reading-opt-selected{background:#2a1010!important}.reading-opt-letter{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.reading-opt-selected .reading-opt-letter{background:var(--red);color:#fff}.reading-result-sub{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.reading-review{margin-top:1.5rem;text-align:left;width:100%}.reading-review-item{padding:.65rem .85rem;border-radius:10px;margin-bottom:.5rem;border:1px solid var(--border)}.rr-correct{border-color:#a5d6a7;background:#f1f8f2}.rr-wrong{border-color:#ef9a9a;background:#fff5f5}html.dark .rr-correct{background:#0d2010;border-color:#1b5e20}html.dark .rr-wrong{background:#2a1010;border-color:#7f1d1d}.rr-header{display:flex;align-items:center;gap:.5rem}.rr-icon{font-size:.9rem;font-weight:700}.rr-correct .rr-icon{color:#2e7d32}.rr-wrong .rr-icon{color:var(--red)}.rr-q{font-size:.9rem;font-weight:500}.rr-detail{margin-top:.4rem;padding-left:1.4rem;display:flex;flex-direction:column;gap:.15rem}.rr-wrong-ans{font-size:.82rem;color:var(--red)}.rr-correct-ans{font-size:.82rem;color:#2e7d32;font-weight:600}.reading-pinyin-toggle{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:.25rem .65rem;font-size:1rem;font-weight:700;cursor:pointer;color:var(--muted);transition:all .15s}.reading-pinyin-toggle.active{border-color:var(--red);color:var(--red);background:#fdecea}html.dark .reading-pinyin-toggle.active{background:#2a1010}.reading-pinyin-mode .reading-passage-text{line-height:3.4}.reading-passage-line{display:flex;align-items:center;gap:.5rem}.ct-ruby{display:inline;cursor:pointer}.ct-ruby rt.ct-rt{font-size:.58em;color:var(--muted);font-style:normal;line-height:1;letter-spacing:0}.ct-ruby.ct-word-active rt.ct-rt{color:var(--red)}.reading-line-audio{flex-shrink:0;background:none;border:1px solid var(--border);border-radius:50%;width:26px;height:26px;padding:0;font-size:.7rem;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.reading-line-audio:hover:not(:disabled){border-color:var(--red);color:var(--red)}.reading-line-audio.loading{color:var(--muted)}.reading-line-audio:disabled{opacity:.5;cursor:default}.ct-hsk-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:20px;background:var(--border);color:var(--muted);align-self:flex-start;white-space:nowrap}.ct-popup-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}.ct-fav-btn{background:none;border:1px solid var(--border);border-radius:20px;padding:.25rem .7rem;font-size:.82rem;cursor:pointer;color:var(--muted);transition:all .15s}.ct-fav-btn:hover{border-color:#e91e63;color:#e91e63}.ct-fav-btn.ct-fav-active{border-color:#e91e63;color:#e91e63;background:#fce4ec}html.dark .ct-fav-btn.ct-fav-active{background:#2a0a14}.reading-vocab-spotlight{max-width:680px;width:100%;margin:0 auto 1.25rem;background:var(--surface);border-radius:12px;padding:1rem 1.25rem;border:1px solid var(--border)}.reading-vocab-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.75rem}.reading-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.reading-vocab-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .5rem .5rem;text-align:center;position:relative}.rvc-top{display:flex;align-items:flex-start;justify-content:center}.rvc-char{font-size:1.4rem;font-weight:700;line-height:1.1}.rvc-fav{position:absolute;top:4px;right:4px;background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--muted);padding:0;line-height:1;transition:color .15s}.rvc-fav:hover,.rvc-fav.rvc-fav-active{color:#e91e63}.rvc-pinyin{font-size:.72rem;color:var(--muted);margin-top:.15rem}.rvc-english{font-size:.72rem;color:var(--text);margin-top:.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pwa-banner{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 1rem;font-size:.85rem;line-height:1.3}.pwa-banner-text{flex:1}.pwa-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pwa-banner-install{background:#fff;color:var(--accent);border:none;border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer}.pwa-banner-dismiss{background:none;border:none;color:#fffc;font-size:1rem;cursor:pointer;padding:.2rem .3rem;line-height:1}.vf-rule-box{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin:1rem 0}.vf-rule-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.vf-rule-pattern{font-family:monospace;font-size:.92rem;color:var(--accent);background:none;border:none;padding:0}.vf-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:.7rem 1rem;font-size:.85rem;color:#5d4037;margin-bottom:1rem}html.dark .vf-warning{background:#2a2000;border-color:#6d5100;color:#ffd54f}.vf-section{margin-bottom:1.5rem}.vf-section-heading{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.6rem}.vf-table{display:flex;flex-direction:column;gap:.4rem}.vf-row{display:grid;grid-template-columns:5rem 1fr 1fr;gap:.5rem .75rem;align-items:center;padding:.5rem .75rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:.88rem}.vf-chinese{font-size:1.1rem;font-weight:600;color:var(--text)}.vf-pinyin{color:var(--accent);font-size:.82rem}.vf-english{color:var(--muted);font-size:.82rem}.vf-cant{grid-column:1 / -1;font-size:.78rem;color:var(--muted);padding-top:.1rem}.vf-note{grid-column:3;font-size:.75rem;color:var(--accent);font-style:italic}.vf-pipeline{margin:2rem 0 4rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem;max-width:680px;margin-left:auto;margin-right:auto}.vf-pipeline-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:1rem}.vf-pipeline-steps{display:flex;flex-direction:column;gap:.75rem}.vf-step{display:flex;align-items:flex-start;gap:.85rem}.vf-step-num{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vf-step-q{font-weight:600;font-size:.88rem}.vf-step-a{font-size:.82rem;color:var(--muted);margin-top:.1rem}.conv-scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:1.25rem}.conv-scenario-card{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.conv-scenario-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #00000014}.conv-scenario-emoji{font-size:2rem;flex-shrink:0}.conv-scenario-info{display:flex;flex-direction:column;flex:1;min-width:0}.conv-scenario-name{font-weight:600;font-size:.9rem;color:var(--text)}.conv-scenario-zh{font-size:.78rem;color:var(--muted);margin-top:.15rem}.conv-level-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:20px;color:#fff;flex-shrink:0}.conv-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.conv-back{margin:0}.conv-scenario-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.conv-tips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.conv-tip{font-size:.72rem;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.2rem .6rem}.conv-messages{flex:1;display:flex;flex-direction:column;gap:.85rem;padding:1rem;min-height:300px;max-height:55vh;overflow-y:auto}.conv-msg{display:flex;gap:.6rem;align-items:flex-start}.conv-msg-user{flex-direction:row-reverse}.conv-avatar{font-size:1.6rem;flex-shrink:0;margin-top:.1rem}.conv-bubble-wrap{display:flex;flex-direction:column;gap:.3rem;max-width:75%}.conv-bubble{padding:.6rem .9rem;border-radius:14px;font-size:.92rem;line-height:1.5;white-space:pre-wrap}.conv-msg-assistant .conv-bubble{background:var(--surface);border:1px solid var(--border);border-top-left-radius:4px}.conv-msg-user .conv-bubble{background:var(--accent);color:#fff;border-top-right-radius:4px;margin-left:auto}.conv-hint{font-size:.78rem;color:var(--muted);padding:.3rem .6rem;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.conv-typing{color:var(--muted);letter-spacing:.2em}.conv-error{font-size:.82rem;color:var(--red);padding:.4rem .75rem;background:#dc323212;border-radius:8px}.conv-input-row{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg);position:sticky;bottom:0}.conv-input{flex:1;resize:none;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--surface);color:var(--text);font-family:inherit;line-height:1.4}.conv-input:focus{outline:none;border-color:var(--accent)}.conv-send-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;align-self:flex-end}.conv-send-btn:disabled{opacity:.5;cursor:not-allowed}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--bg)}.error-boundary-card{max-width:480px;width:100%;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;box-shadow:0 6px 20px #00000014}.error-boundary-icon{font-size:3rem;line-height:1;margin-bottom:.75rem}.error-boundary-card h1{margin:0 0 .5rem;font-size:1.4rem}.error-boundary-card p{margin:0 0 1rem;color:var(--muted)}.error-boundary-msg{background:#0000000a;border-radius:8px;padding:.75rem;font-size:.8rem;text-align:left;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:auto;margin:0 0 1rem}.error-boundary-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9000;animation:modal-fade .18s ease-out}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--card-bg);border-radius:var(--radius);padding:2rem 1.5rem;max-width:420px;width:100%;text-align:center;box-shadow:0 12px 40px #0003}.streak-recovery-icon{font-size:3rem;line-height:1;margin-bottom:.5rem}.streak-recovery h2{margin:0 0 .75rem;font-size:1.25rem}.streak-recovery p{margin:0 0 .75rem;color:var(--text)}.streak-recovery-tokens{color:var(--muted);font-size:.95rem}.streak-recovery-actions{display:flex;gap:.5rem;justify-content:center;margin:1rem 0 .5rem;flex-wrap:wrap}.streak-recovery-help{font-size:.8rem;color:var(--muted);margin-top:.5rem}.welcome-install-cta{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1.5px solid var(--accent);color:var(--accent);padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;cursor:pointer;margin-top:.5rem}.welcome-install-cta:hover{background:#c0392b14}.milestone-toast-actions{display:flex;flex-direction:column;gap:.25rem;align-self:flex-start}.milestone-toast-share{background:#ffffff2e;border:none;color:inherit;width:28px;height:28px;border-radius:6px;font-weight:700;cursor:pointer;font-size:.95rem}.milestone-toast-share:hover{background:#ffffff4d}.review-pace{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem;color:var(--muted);font-size:.9rem}@media (max-width: 380px){.bottom-nav-tab{padding:.4rem .1rem;gap:.15rem}.bottom-nav-emoji{font-size:1.1rem}.bottom-nav-label{font-size:.55rem}.bottom-nav-streak{top:1px;right:2px;font-size:.55rem;padding:0 3px;min-width:10px}}.vocab-card{content-visibility:auto;contain-intrinsic-size:auto 180px}.flashcard-grid>*{content-visibility:auto;contain-intrinsic-size:auto 220px}.premium-wall{border:2px dashed var(--border);border-radius:var(--radius);padding:1.5rem;text-align:center;background:linear-gradient(135deg,#c0392b0f,#c0392b05);margin:1rem 0}.premium-wall-badge{display:inline-block;background:var(--accent, #c0392b);color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:800;letter-spacing:.05em;margin-bottom:.5rem}.premium-wall-title{margin:0 0 .3rem;font-size:1.1rem}.premium-wall-desc{color:var(--muted);margin:0 0 .75rem;font-size:.9rem}.premium-wall-cta{display:inline-block}.pro-page{max-width:720px;margin:0 auto;padding:1rem 1.25rem 5rem}.pro-hero{text-align:center;margin:1rem 0 2rem}.pro-hero h1{margin:.5rem 0 .4rem;font-size:1.7rem}.pro-hero-sub{color:var(--muted);margin:0}.pro-badge{display:inline-block;background:var(--accent, #c0392b);color:#fff;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:800;letter-spacing:.06em}.pro-badge-large{font-size:.85rem;padding:.25rem .8rem}.pro-pricing{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem}.pro-price-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;text-align:center;position:relative}.pro-price-featured{border-color:var(--accent, #c0392b)}.pro-price-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent, #c0392b);color:#fff;padding:.15rem .55rem;font-size:.7rem;font-weight:700;border-radius:4px}.pro-price-name{color:var(--muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pro-price-amount{font-size:1.5rem;font-weight:800;margin:.4rem 0 .8rem}.pro-price-cta{width:100%}.pro-features{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 540px){.pro-features{grid-template-columns:1fr 1fr}}.pro-feature{display:flex;gap:.75rem;align-items:flex-start;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem}.pro-feature-icon{font-size:1.5rem;line-height:1}.pro-feature-title{font-weight:700;margin-bottom:.15rem}.pro-feature-desc{color:var(--muted);font-size:.85rem}.pro-footnote{text-align:center;color:var(--muted);font-size:.85rem;margin-top:1.5rem}.pro-active-card{background:var(--card-bg);border:1.5px solid var(--accent, #c0392b);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;margin-top:1rem}.pro-active-help{color:var(--muted);font-size:.85rem}.record-source-tabs{display:flex;gap:.5rem;margin:1rem 0 .75rem;flex-wrap:wrap}.record-tab{flex:1 1 auto;min-width:100px;padding:.55rem .9rem;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease}.record-tab:hover{color:var(--text)}.record-tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.record-topic-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.record-topic-chip{padding:.35rem .75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.85rem;cursor:pointer}.record-topic-chip.active{background:#1976d2;color:#fff;border-color:#1976d2}.record-custom{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.record-custom-input,.record-custom-pinyin{width:100%;padding:.6rem .8rem;font-size:1rem;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:inherit}.record-custom-input{min-height:64px;resize:vertical}.record-target-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1rem;text-align:center;margin:.5rem 0 1rem}.record-target-zh{font-size:2rem;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:.5rem}.record-target-pinyin{font-size:1.1rem;color:#1976d2;margin-bottom:.25rem}.record-target-en{font-size:.95rem;color:var(--muted)}.record-target-empty{color:var(--muted);font-style:italic;padding:1rem}.record-next-phrase{margin-top:.75rem;padding:.4rem .9rem;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.85rem;cursor:pointer}.record-next-phrase:hover{color:var(--text)}.record-mic-row{display:flex;justify-content:center;margin:1rem 0}.record-mic-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:999px;border:none;background:linear-gradient(135deg,#d32f2f,#f44336);color:#fff;cursor:pointer;box-shadow:0 4px 16px #d32f2f4d;transition:transform .1s ease,box-shadow .15s ease;display:inline-flex;align-items:center;gap:.5rem}.record-mic-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d32f2f66}.record-mic-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.record-mic-btn.recording{background:linear-gradient(135deg,#424242,#616161);animation:record-glow 1.2s ease-in-out infinite}@keyframes record-glow{0%,to{box-shadow:0 4px 16px #f4433666}50%{box-shadow:0 4px 24px #f44336cc}}.record-pulse{width:10px;height:10px;border-radius:50%;background:#ff5252;display:inline-block;animation:record-pulse .8s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.record-analyzing{display:inline-flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.95rem;padding:1rem}.record-spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:#1976d2;border-radius:50%;display:inline-block;animation:record-spin .8s linear infinite}@keyframes record-spin{to{transform:rotate(360deg)}}.record-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;padding:.75rem 1rem;border-radius:8px;margin:.5rem 0;font-size:.9rem}html.dark .record-error{background:#3a1212;border-color:#5a1f1f;color:#ff9a9a}.record-warning{background:#fff3e0;color:#e65100;border:1px solid #ffe0b2;padding:.75rem 1rem;border-radius:8px;margin:.5rem 0;font-size:.9rem}html.dark .record-warning{background:#3a2a12;border-color:#5a4520;color:#ffc080}.record-not-supported{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;color:var(--muted);margin-top:1.5rem}.record-results{margin-top:1rem}.record-perfect{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #66bb6a;color:#1b5e20;padding:.9rem 1rem;border-radius:10px;text-align:center;font-weight:600;margin-bottom:.75rem}html.dark .record-perfect{background:linear-gradient(135deg,#1b3a1f,#2e5d33);color:#b8e8c0}.record-summary{color:var(--muted);font-size:.9rem;text-align:center;margin-bottom:.75rem}.record-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.record-char-card{background:var(--card-bg);border:2px solid var(--border);border-radius:10px;padding:.75rem}.record-char-card.ok{border-color:#66bb6a}.record-char-card.miss{border-color:#ef9a9a}.record-char-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.record-char-han{font-size:2rem;font-weight:700;line-height:1}.record-char-py{color:var(--muted);font-size:.9rem}.record-char-scores{display:flex;flex-direction:column;gap:.35rem}.record-score-badge{display:flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:6px;font-size:.85rem;background:#00000008}html.dark .record-score-badge{background:#ffffff0a}.record-score-badge .sb-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);min-width:48px}.record-score-badge .sb-value{font-weight:600}.record-score-badge .sb-heard{margin-left:auto;color:#c62828;font-size:.8rem;font-style:italic}html.dark .record-score-badge .sb-heard{color:#ff9a9a}.record-score-badge.sb-ok{background:#e8f5e9}.record-score-badge.sb-miss{background:#ffebee}.record-score-badge.sb-unknown{background:#f5f5f5}html.dark .record-score-badge.sb-ok{background:#1b3a1f}html.dark .record-score-badge.sb-miss{background:#3a1212}html.dark .record-score-badge.sb-unknown{background:#22263a}.record-why-btn{margin-top:.5rem;padding:.35rem .75rem;background:var(--text);color:var(--bg);border:none;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer}.record-why-btn:disabled{opacity:.6;cursor:wait}.record-explanation{margin-top:.5rem;padding:.6rem .75rem;background:#1976d214;border-left:3px solid #1976d2;border-radius:4px;font-size:.88rem;color:var(--text);line-height:1.5}html.dark .record-explanation{background:#1976d229}.record-transcript{margin-top:1rem;padding:.6rem .85rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;font-size:.9rem}.record-transcript-label{color:var(--muted);margin-right:.5rem}.record-transcript-text{font-weight:600;color:var(--text)}.record-playback{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;margin:.75rem auto 0;max-width:480px}.record-audio{width:100%;height:36px}.record-pitch-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center}.record-pitch-toggle input{cursor:pointer}.record-pitch-svg{display:block;width:100%;height:36px;margin:.4rem 0 .2rem;background:var(--bg);border-radius:6px}.record-btn{display:inline-flex;align-items:center;gap:.3rem;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;cursor:pointer;transition:all .15s ease}.record-btn:hover{background:var(--accent-bg, #fff3e0);border-color:#ff9800;color:#e65100}.record-btn-sm{padding:.25rem .4rem;font-size:1rem;line-height:1}.record-btn-md{padding:.45rem .7rem;font-size:.95rem}.record-btn-label{font-size:.8rem;font-weight:600}.song-line-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}