ruby{ruby-position:over;display:ruby}rt{font-size:.55em;color:var(--text-secondary);font-family:var(--font-ui)}.news-page{min-height:100vh;background:var(--bg-primary);display:flex;flex-direction:column}.news-header{justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--border);gap:12px;flex-shrink:0}.news-header,.news-header-left{display:flex;align-items:center}.news-header-left{gap:10px}.news-back{font-family:var(--font-ui);font-size:.72rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.news-back:hover{color:var(--text-primary)}.news-header-sep{color:var(--border-mid);font-size:.8rem}.news-header-title{font-family:var(--font-ui);font-size:.8rem;color:var(--text-primary);letter-spacing:.04em}.news-header-badge{font-family:var(--font-ui);font-size:.62rem;color:var(--accent-gold);border:1px solid rgba(184,150,12,.25);padding:3px 9px;border-radius:4px;letter-spacing:.06em}.news-filter-bar{display:flex;align-items:center;gap:16px;padding:12px 28px;border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap}.news-source-toggle{display:flex;gap:4px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:8px;padding:3px;flex-shrink:0}.news-source-btn{font-family:var(--font-ui);font-size:.8rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:6px 16px;border-radius:6px;letter-spacing:.02em;transition:background .15s,color .15s;white-space:nowrap}.news-source-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.05)}.news-source-btn.active{background:var(--accent-vermillion);color:#fff}.news-zenn-topics{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;align-items:center;flex:1 1}.news-zenn-topics::-webkit-scrollbar{display:none}.news-zenn-topic-chip{font-family:var(--font-ui);font-size:.73rem;color:var(--text-muted);background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:20px;padding:4px 12px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.news-zenn-topic-chip:hover{color:var(--text-primary);border-color:rgba(255,255,255,.2)}.news-zenn-topic-chip.active{background:rgba(192,57,43,.15);color:var(--accent-vermillion);border-color:rgba(192,57,43,.4);font-weight:500}.news-browser{display:flex;gap:12px;padding:16px 24px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;flex-shrink:0}.news-browser-loading{white-space:nowrap}.news-browser-error,.news-browser-loading{font-family:var(--font-ui);font-size:.74rem;color:var(--text-secondary);padding:8px 0}.news-browser-error{display:flex;flex-direction:column;gap:6px;white-space:normal}.news-browser-error-link{color:var(--accent,#3b82f6);text-decoration:none;font-weight:500}.news-browser-error-link:hover{text-decoration:underline}.news-article-card{flex-shrink:0;width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:8px}.news-article-card:hover{border-color:var(--border-mid);background:var(--bg-tertiary)}.news-article-card.active{border-color:var(--accent-vermillion);background:rgba(192,57,43,.06)}.news-card-img{width:100%;height:90px;object-fit:cover;border-radius:6px}.news-card-title{font-family:var(--font-japanese);font-size:.82rem;color:var(--text-primary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-date{font-family:var(--font-ui);font-size:.62rem;color:var(--text-secondary);margin-top:auto}.news-main{display:grid;grid-template-columns:1fr 260px;flex:1 1;grid-gap:0;gap:0;overflow:hidden}.news-reader-wrap{padding:28px 36px;overflow-y:auto;border-right:1px solid var(--border)}.news-reader-loading{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-family:var(--font-ui);font-size:.78rem;margin-top:40px}.news-spinner{width:16px;height:16px;border:2px solid var(--border-mid);border-top-color:var(--accent-vermillion);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.news-empty{margin-top:60px;text-align:center;color:var(--text-secondary);font-family:var(--font-ui);font-size:.78rem}.news-article-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.news-meta-source{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-vermillion);border:1px solid rgba(192,57,43,.3);padding:2px 7px;border-radius:3px}.news-meta-date{font-family:var(--font-ui);font-size:.7rem;color:var(--text-secondary)}.news-article-title{font-family:var(--font-japanese);font-size:1.35rem;font-weight:600;color:var(--text-primary);line-height:1.7;margin:0 0 10px}.news-reader-hint{font-family:var(--font-ui);font-size:.66rem;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:20px;padding:6px 12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border);display:inline-block}.news-hint-word{background:rgba(196,147,10,.15);color:var(--accent-gold-light);padding:0 3px;border-radius:3px}.news-article-body{font-family:var(--font-japanese);font-size:1.05rem;line-height:2;color:var(--text-primary);max-width:640px}.news-article-body p{margin:0 0 1.2em;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .12s}.news-article-body p:hover{background:rgba(255,255,255,.03)}.news-article-body ruby:hover{background:rgba(196,147,10,.18);border-radius:2px;cursor:pointer}.news-article-body .nhk-a{color:var(--accent-gold-light);text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.news-panel{padding:20px 18px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.news-panel-label{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px}.news-panel-count,.news-panel-label{color:var(--text-secondary)}.news-how-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.news-how-list li{font-family:var(--font-ui);font-size:.7rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px;line-height:1.5}.news-how-icon{flex-shrink:0;font-size:.9rem}.news-saved-list{display:flex;flex-wrap:wrap;gap:6px}.news-saved-chip{font-family:var(--font-japanese);font-size:.85rem;background:var(--bg-secondary);border:1px solid var(--border-mid);padding:3px 9px;border-radius:5px;color:var(--text-primary)}.news-panel-signin{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;text-align:center}.news-panel-signin-text{font-family:var(--font-ui);font-size:.7rem;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.news-panel-signin-btn{font-family:var(--font-ui);font-size:.7rem;color:var(--accent-vermillion);text-decoration:none;border:1px solid rgba(192,57,43,.3);padding:5px 14px;border-radius:5px;display:inline-block;transition:background .15s}.news-panel-signin-btn:hover{background:rgba(192,57,43,.08)}.news-lookup-card{position:fixed;z-index:9999;background:#0C0C0B;border:1px solid rgba(196,147,10,.35);border-radius:var(--radius-md);padding:14px 16px;min-width:200px;max-width:280px;box-shadow:var(--shadow-deep);display:flex;flex-direction:column;gap:5px}.news-lookup-word{font-family:var(--font-japanese);font-size:1.4rem;color:var(--text-primary);font-weight:500}.news-lookup-reading{font-family:var(--font-ui);font-size:.82rem;color:var(--text-secondary)}.news-lookup-jlpt{font-family:var(--font-ui);font-size:.58rem;font-weight:600;letter-spacing:.08em;padding:2px 7px;border-radius:4px;color:#fff;align-self:flex-start}.news-lookup-jlpt[data-level=N1]{background:#E84855}.news-lookup-jlpt[data-level=N2]{background:#C0392B}.news-lookup-jlpt[data-level=N3]{background:#C4930A}.news-lookup-jlpt[data-level=N4]{background:#4CAF50}.news-lookup-jlpt[data-level=N5]{background:#2196F3}.news-lookup-meanings{font-family:var(--font-ui);font-size:.82rem;color:#D4C9B8;line-height:1.5;margin:4px 0 8px}.news-lookup-save{font-family:var(--font-ui);font-size:.7rem;padding:6px 0;background:rgba(196,147,10,.08);border:1px solid rgba(196,147,10,.22);border-radius:6px;color:#C4930A;cursor:pointer;transition:background .15s;letter-spacing:.05em}.news-lookup-save:hover:not(:disabled){background:rgba(196,147,10,.16)}.news-lookup-save.saved{background:rgba(76,175,80,.08);border-color:rgba(76,175,80,.3);color:#4CAF50}.news-lookup-save:disabled{opacity:.6;cursor:default}.news-lookup-auth-note{font-family:var(--font-ui);font-size:.66rem;color:var(--text-secondary);text-align:center}.news-sentence-menu{position:fixed;z-index:9998;display:flex;gap:6px;background:#0C0C0B;border:1px solid var(--border-mid);border-radius:8px;padding:6px;box-shadow:var(--shadow-card)}.news-sentence-opt{font-family:var(--font-ui);font-size:.7rem;padding:6px 14px;border-radius:5px;cursor:pointer;border:1px solid transparent;letter-spacing:.04em;transition:background .12s}.news-sentence-opt.shadow{background:rgba(192,57,43,.08);border-color:rgba(192,57,43,.25);color:#E87060}.news-sentence-opt.shadow:hover{background:rgba(192,57,43,.16)}.news-sentence-opt.type{background:rgba(196,147,10,.08);border-color:rgba(196,147,10,.25);color:#C4930A}.news-sentence-opt.type:hover{background:rgba(196,147,10,.16)}.news-practice-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.news-practice-modal{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-deep);overflow:hidden}.news-practice-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.news-practice-mode-badge{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.06em;color:var(--text-primary)}.news-practice-close{background:none;border:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .12s}.news-practice-close:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.news-practice-body{padding:28px 28px 24px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.news-practice-instruction{font-family:var(--font-ui);font-size:.72rem;color:var(--text-secondary);letter-spacing:.04em}.news-practice-timer{font-family:var(--font-ui);font-size:2.5rem;font-weight:600;color:var(--accent-vermillion);text-align:center;letter-spacing:-.02em}.news-practice-sentence{font-size:1.15rem;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:opacity .3s ease}.news-practice-sentence,.news-practice-ta{font-family:var(--font-japanese);color:var(--text-primary);line-height:1.9;background:var(--bg-primary)}.news-practice-ta{font-size:1.05rem;border:1px solid var(--border-mid);border-radius:var(--radius-md);padding:14px 16px;resize:none;min-height:90px;outline:none;transition:border-color .15s}.news-practice-ta:focus{border-color:var(--accent-vermillion)}.news-practice-btn{font-family:var(--font-ui);font-size:.78rem;padding:10px 0;border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.06em;border:1px solid transparent;transition:background .15s,opacity .15s}.news-practice-btn:disabled{opacity:.4;cursor:default}.news-practice-btn.primary{background:var(--accent-vermillion);color:#fff;border-color:var(--accent-vermillion)}.news-practice-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.news-practice-btn.secondary{background:rgba(255,255,255,.04);color:var(--text-secondary);border-color:var(--border-mid)}.news-practice-btn.secondary:hover{background:rgba(255,255,255,.08);color:var(--text-primary)}.news-practice-score{font-family:var(--font-ui);font-size:3rem;font-weight:700;text-align:center;letter-spacing:-.02em}.news-practice-score-label{font-family:var(--font-ui);font-size:.8rem;color:var(--text-secondary);text-align:center;letter-spacing:.06em;margin-top:-8px}.news-practice-compare{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.news-compare-row{display:grid;grid-template-columns:52px 1fr;grid-gap:0;gap:0;padding:12px 14px;border-bottom:1px solid var(--border)}.news-compare-row:last-child{border-bottom:none}.news-compare-label{font-family:var(--font-ui);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);padding-top:2px}.news-compare-text{font-family:var(--font-japanese);font-size:.96rem;line-height:1.7}.news-compare-text.target{color:#4CAF50}.news-compare-text.yours{color:var(--text-primary)}.news-practice-actions{display:flex;gap:10px}.news-practice-actions .news-practice-btn{flex:1 1}@media (max-width:760px){.news-main{grid-template-columns:1fr}.news-reader-wrap{border-right:none;border-bottom:1px solid var(--border);padding:20px 18px}.news-panel{padding:16px 18px}.news-browser,.news-header{padding:12px 18px}}.dash-practice-grid{display:flex;flex-direction:column;gap:10px}.dash-practice-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:border-color .15s,background .15s;cursor:pointer}a.dash-practice-card:hover{border-color:var(--accent-vermillion);background:rgba(192,57,43,.04)}.dash-practice-card.dash-practice-locked{opacity:.55;cursor:default}.dash-practice-icon{font-size:1.3rem;flex-shrink:0}.dash-practice-info{flex:1 1;min-width:0}.dash-practice-name{font-family:var(--font-ui);font-size:.78rem;color:var(--text-primary);letter-spacing:.03em;display:flex;align-items:center;gap:8px;margin-bottom:3px}.dash-practice-desc{font-family:var(--font-ui);font-size:.66rem;color:var(--text-secondary);letter-spacing:.02em}.dash-practice-arrow{font-family:var(--font-ui);font-size:.85rem;color:var(--accent-vermillion);flex-shrink:0}.dash-practice-badge{font-size:.55rem;letter-spacing:.08em;background:rgba(184,150,12,.15);border:1px solid rgba(184,150,12,.25);padding:1px 6px;border-radius:3px}.dash-practice-badge,.dash-practice-upgrade{font-family:var(--font-ui);color:var(--accent-gold-light)}.dash-practice-upgrade{font-size:.66rem;text-decoration:none;border:1px solid rgba(184,150,12,.3);padding:4px 10px;border-radius:5px;flex-shrink:0;transition:background .15s}.dash-practice-upgrade:hover{background:rgba(184,150,12,.08)}.dash-practice-soon{font-family:var(--font-ui);font-size:.62rem;color:var(--text-secondary);border:1px solid var(--border);padding:4px 10px;border-radius:5px;flex-shrink:0;letter-spacing:.06em}.news-meta-level{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.08em;color:var(--accent-gold-light);border:1px solid rgba(184,150,12,.25);padding:2px 7px;border-radius:3px}.news-meta-link{font-family:var(--font-ui);font-size:.62rem;color:var(--text-secondary);text-decoration:none;margin-left:auto;transition:color .15s}.news-meta-link:hover{color:var(--text-primary)}.news-sentence-para{margin:0 0 1em;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .12s;line-height:2}.news-sentence-para:hover{background:rgba(255,255,255,.04)}.news-desc-raw{color:var(--text-primary);line-height:2}.news-empty-desc{margin-top:24px}.news-read-full-btn{font-family:var(--font-ui);font-size:.74rem;color:var(--accent-vermillion);text-decoration:none;border:1px solid rgba(192,57,43,.3);padding:8px 16px;border-radius:6px;display:inline-block;transition:background .15s}.news-read-full-btn:hover{background:rgba(192,57,43,.06)}.news-practice-list{margin-top:24px;border-top:1px solid var(--border);padding-top:20px}.news-practice-list-label{font-family:var(--font-ui);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}.news-practice-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.news-practice-row-text{flex:1 1;font-family:var(--font-japanese);font-size:.92rem;color:var(--text-primary);line-height:1.7}.news-practice-row-btns{display:flex;gap:6px;flex-shrink:0}.news-practice-row-btn{font-family:var(--font-ui);font-size:.62rem;padding:4px 10px;border-radius:5px;cursor:pointer;border:1px solid transparent;letter-spacing:.04em;white-space:nowrap;transition:background .12s}.news-practice-row-btn.shadow{background:rgba(192,57,43,.08);border-color:rgba(192,57,43,.25);color:#E87060}.news-practice-row-btn.shadow:hover{background:rgba(192,57,43,.16)}.news-practice-row-btn.type{background:rgba(196,147,10,.08);border-color:rgba(196,147,10,.25);color:#C4930A}.news-practice-row-btn.type:hover{background:rgba(196,147,10,.16)}.news-mode-toggle{display:flex;gap:6px;margin:18px 0 20px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:4px;width:-moz-fit-content;width:fit-content}.news-mode-btn{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.05em;padding:7px 18px;border-radius:7px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.news-mode-btn:hover{color:var(--text-primary);background:rgba(255,255,255,.04)}.news-mode-btn.active{background:var(--bg-tertiary);color:var(--accent-gold-light);border:1px solid rgba(196,147,10,.2);box-shadow:0 1px 4px rgba(0,0,0,.3)}.typing-drill-wrap{display:flex;flex-direction:column;gap:12px;margin-top:4px}.typing-header-row{display:flex;align-items:center;gap:12px}.typing-sent-label{font-family:var(--font-ui);font-size:.62rem;color:var(--text-secondary);letter-spacing:.08em;white-space:nowrap}.typing-sent-num{color:var(--accent-gold-light);font-weight:600}.typing-sent-sep{margin:0 3px;opacity:.4}.typing-progress-track{flex:1 1;height:3px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden}.typing-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold) 0,var(--accent-gold-light) 100%);border-radius:2px;transition:width .25s ease}.typing-exit-btn{font-family:var(--font-ui);font-size:.65rem;padding:4px 8px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.typing-exit-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.typing-display{font-family:"Noto Serif JP","Hiragino Serif",serif;font-size:1.7rem;line-height:1.9;letter-spacing:.04em;display:block;min-height:90px;background:rgba(255,255,255,.025);border:1px solid var(--border-mid);border-radius:12px;cursor:text;transition:border-color .2s;padding:1.5rem 1.5rem 1.1rem}.typing-display:focus-within{border-color:rgba(196,147,10,.3)}.typing-display[data-furigana=on]{line-height:2.6}.typing-char{display:inline;transition:color .1s}.typing-char.pending{color:rgba(255,255,255,.15)}.typing-char.correct{color:#D4AF37;text-shadow:0 0 12px rgba(212,175,55,.3)}.typing-char.wrong{color:#E84855;border-bottom:1.5px solid rgba(232,72,85,.6);animation:typing-wrong-bg .3s ease forwards}.typing-char.cursor{color:rgba(255,255,255,.2);border-bottom:2.5px solid var(--accent-gold-light);animation:typing-cursor-blink 1.1s ease-in-out infinite}@keyframes typing-wrong-bg{0%{background:rgba(232,72,85,.18);border-radius:2px}to{background:transparent}}@keyframes typing-cursor-blink{0%,to{border-bottom-color:var(--accent-gold-light)}50%{border-bottom-color:transparent}}.typing-bottom-row{display:flex;align-items:center;gap:12px}.typing-ime-box{flex:1 1;font-family:var(--font-ui);font-size:.8rem;letter-spacing:.05em;padding:8px 14px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.1);border-radius:7px;min-height:36px;display:flex;align-items:center;transition:border-color .15s,background .15s}.typing-ime-box.active{border-color:rgba(196,147,10,.35);background:rgba(196,147,10,.04)}.typing-ime-text{color:var(--accent-gold-light);font-size:1rem;letter-spacing:.08em}.typing-ime-hint{color:rgba(255,255,255,.2);font-size:.72rem}.typing-cpm-box{display:flex;flex-direction:column;align-items:center;min-width:52px}.typing-cpm-val{font-family:var(--font-ui);font-size:1.3rem;font-weight:700;color:var(--accent-gold-light);line-height:1}.typing-cpm-unit{font-family:var(--font-ui);font-size:.55rem;letter-spacing:.12em;color:var(--text-secondary);margin-top:2px}.typing-hidden-input{position:absolute;left:-9999px;opacity:0;width:1px;height:1px;pointer-events:none}.typing-result-panel{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:16px;animation:typing-result-in .3s ease}@keyframes typing-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-result-stats{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.typing-result-stat{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:14px 10px;gap:4px;border-right:1px solid var(--border)}.typing-result-stat:last-child{border-right:none}.typing-result-val{font-family:var(--font-ui);font-size:1.6rem;font-weight:700;line-height:1;color:var(--text-primary)}.typing-result-label{font-family:var(--font-ui);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.typing-result-actions{display:flex;gap:10px;justify-content:flex-end}.typing-result-btn{font-family:var(--font-ui);font-size:.7rem;letter-spacing:.06em;padding:8px 20px;border-radius:7px;border:1px solid var(--border-mid);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s}.typing-result-btn:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}.typing-result-btn.primary{background:rgba(196,147,10,.1);border-color:rgba(196,147,10,.3);color:var(--accent-gold-light)}.typing-result-btn.primary:hover{background:rgba(196,147,10,.18)}.typing-furigana-row{display:flex;align-items:center}.typing-furigana-toggle{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 10px;border-radius:8px;border:1px solid var(--border-mid);background:rgba(255,255,255,.03);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;font-family:var(--font-ui)}.typing-furigana-toggle:hover{background:rgba(196,147,10,.06);border-color:rgba(196,147,10,.25);color:var(--text-primary)}.typing-furigana-toggle.active{background:rgba(196,147,10,.1);border-color:rgba(196,147,10,.4);color:var(--accent-gold-light);box-shadow:0 0 12px rgba(196,147,10,.1)}.typing-furigana-icon{font-family:var(--font-japanese);font-size:1rem;line-height:1;width:20px;text-align:center}.typing-furigana-label{font-size:.7rem;letter-spacing:.05em}.typing-furigana-kana{font-family:var(--font-japanese);font-size:.65rem;opacity:.5;letter-spacing:.04em}.typing-ruby{ruby-align:center}.typing-rt{font-family:var(--font-ui);font-size:.38em;letter-spacing:.06em;color:rgba(196,147,10,.75);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity .2s ease}.typing-display[data-furigana=off] .typing-rt{opacity:0}.typing-display[data-furigana=on] .typing-rt{opacity:1}.typing-vocab-section{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:10px}.typing-vocab-header{display:flex;align-items:center;gap:10px}.typing-vocab-title{font-family:var(--font-ui);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.typing-vocab-hint{font-family:var(--font-ui);font-size:.58rem;color:rgba(255,255,255,.2);letter-spacing:.04em}.typing-vocab-chips{display:flex;flex-wrap:wrap;gap:6px}.typing-vocab-chip{font-family:"Noto Serif JP",serif;font-size:.9rem;padding:4px 12px;border-radius:6px;border:1px solid var(--border-mid);background:rgba(255,255,255,.03);color:var(--text-primary);cursor:pointer;transition:background .12s,border-color .12s,color .12s;letter-spacing:.02em}.typing-vocab-chip:hover{background:rgba(196,147,10,.07);border-color:rgba(196,147,10,.25);color:var(--accent-gold-light)}.typing-vocab-chip.active{background:rgba(196,147,10,.1);border-color:rgba(196,147,10,.4);color:var(--accent-gold-light)}.typing-vocab-card{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;animation:typing-vocab-in .18s ease}@keyframes typing-vocab-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.typing-vocab-loading{color:var(--text-secondary);font-family:var(--font-ui);font-size:.8rem}.typing-vocab-card-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.typing-vocab-card-word{font-family:"Noto Serif JP",serif;font-size:1.3rem;color:var(--text-primary);line-height:1}.typing-vocab-card-reading{font-family:var(--font-ui);font-size:.78rem;color:rgba(196,147,10,.75);letter-spacing:.06em}.typing-vocab-card-jlpt{font-family:var(--font-ui);font-size:.55rem;letter-spacing:.1em;padding:2px 7px;border-radius:4px;border:1px solid rgba(196,147,10,.25);background:rgba(196,147,10,.08);color:var(--accent-gold-light);margin-left:auto}.typing-vocab-card-meanings{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);line-height:1.5;border-top:1px solid var(--border);padding-top:6px}