.word-wrapper{display:inline}.word-term{cursor:pointer;border-radius:2px;padding:0 1px;margin:0 -1px;text-decoration:underline;text-decoration-color:var(--text-tertiary, #9ca3af);text-decoration-thickness:1px;text-underline-offset:3px;transition:background-color var(--transition-fast, .15s ease)}.word-term:hover{background-color:#0000000a}.word-term.word-phrase-highlight{background-color:#3b82f61f;border-radius:2px;text-decoration-color:#3b82f666}.word-term.word-status-known{text-decoration:none;cursor:pointer}.word-term.word-status-learning{text-decoration:none;background-color:#fef3c7}.word-popup{position:fixed;transform:translateY(-100%);z-index:var(--z-overlay, 9000);background:var(--bg-surface, #fff);border:1px solid var(--border-secondary, #e5e7eb);border-radius:var(--radius-lg, 12px);box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;padding:10px 12px;min-width:160px;max-width:240px;animation:wp-in var(--transition-fast, .15s ease)}@keyframes wp-in{0%{opacity:0}to{opacity:1}}.word-popup:after{content:"";position:absolute;top:100%;left:var(--popup-caret-x, 50%);transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-surface, #fff);pointer-events:none}.word-popup-header{display:flex;align-items:center;gap:7px}.word-audio-btn{width:26px;height:26px;border:none;border-radius:50%;background:var(--bg-muted, #f3f4f6);color:var(--text-tertiary, #9ca3af);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color var(--transition-fast, .15s ease),background var(--transition-fast, .15s ease)}.word-audio-btn:hover:not(:disabled){color:var(--text-secondary, #6b7280);background:#eae9e5}.word-audio-btn.loading{opacity:.3;cursor:wait}.word-audio-btn.playing{color:var(--brand-primary, #3D5A80);background:#e8f0f8}.word-audio-btn.error{opacity:.4}.word-popup-info{flex:1;min-width:0}.word-popup-term{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary, #1a1a1a);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-popup-pronunciation{display:block;font-size:.6875rem;color:var(--text-tertiary, #9ca3af);line-height:1.2;margin-top:1px}.word-popup-translation{font-size:.8125rem;color:var(--text-secondary, #6b7280);line-height:1.35;margin-top:5px;padding-top:5px;border-top:1px solid var(--border-primary, #f3f4f6)}.word-popup-alt{font-size:.6875rem;color:var(--text-tertiary, #9ca3af);margin-top:4px;line-height:1.3}.word-popup-alt-label{color:var(--text-tertiary, #9ca3af);font-style:italic}.word-popup-meanings{list-style:disc;margin:2px 0 0 16px;padding:0}.word-popup-meanings li{margin:1px 0}.word-popup-actions{display:flex;gap:6px;margin-top:8px}.word-status-btn{flex:1;padding:5px 0;border:1px solid var(--border-secondary, #e5e7eb);border-radius:var(--radius-md, 8px);background:transparent;font-family:var(--font-base, system-ui, sans-serif);font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;text-align:center;transition:all var(--transition-fast, .15s ease)}.word-status-btn:hover:not(:disabled){border-color:#0000001f;color:var(--text-primary, #1a1a1a)}.word-status-btn:disabled{opacity:.4;cursor:not-allowed}.word-status-btn.known.active{background:var(--bg-muted, #f3f4f6);color:var(--text-primary, #1a1a1a);border-color:#00000014}.word-status-btn.learning.active{background:#fef3c7;color:#92400e;border-color:#fde68a}.word-popup-loading{display:flex;align-items:center;justify-content:center;gap:4px;padding:14px}.word-loading-dot{width:4px;height:4px;background:var(--text-tertiary, #9ca3af);border-radius:50%;animation:wp-dot 1.4s ease-in-out infinite both}.word-loading-dot:nth-child(1){animation-delay:-.32s}.word-loading-dot:nth-child(2){animation-delay:-.16s}.word-loading-dot:nth-child(3){animation-delay:0s}@keyframes wp-dot{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}.word-popup-error{color:var(--text-tertiary, #9ca3af);font-size:.75rem;text-align:center;padding:12px 8px}.word-popup-sync-error{margin-top:6px;padding:3px 8px;background:#fefce8;border-radius:var(--radius-sm, 4px);font-size:.6875rem;color:#92400e;text-align:center}@media(max-width:640px){.word-popup{inset:auto 0 0!important;width:100%!important;transform:none!important;border-radius:var(--radius-xl, 16px) var(--radius-xl, 16px) 0 0;border:none;border-top:1px solid var(--border-secondary, #e5e7eb);max-width:none;min-width:auto;padding:14px 16px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0000000f;animation:wp-up .15s ease-out;z-index:9999}@keyframes wp-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.word-popup:after{display:none}.word-audio-btn{width:30px;height:30px}.word-popup-term{font-size:1rem}.word-popup-pronunciation{font-size:.75rem}.word-popup-translation{font-size:.875rem}.word-status-btn{padding:7px 0;font-size:.8125rem}}[data-br-theme=white] .word-term.word-status-learning{background-color:#fef3c7}[data-br-theme=white] .word-status-btn.learning.active{background:#fef3c7;color:#92400e;border-color:#fde68a}[data-br-theme=white] .word-popup-sync-error{background:#fefce8;color:#92400e}[data-br-theme=sepia] .word-term.word-status-learning{background-color:#8b634038}[data-br-theme=sepia] .word-term:hover{background-color:#8b634014}[data-br-theme=sepia] .word-term.word-phrase-highlight{background-color:#8b634024;text-decoration-color:#8b634080}[data-br-theme=sepia] .word-status-btn.learning.active{background:#8b63402e;color:#5c3d1e;border-color:#8b634059}[data-br-theme=sepia] .word-popup-sync-error{background:#8b63401a;color:#5c3d1e}[data-br-theme=sepia] .word-popup{background:#f4ecd8;border-color:#ddd0be}[data-br-theme=sepia] .word-popup:after{border-top-color:#f4ecd8}[data-br-theme=dark] .word-term.word-status-learning{background-color:#9fc4e438}[data-br-theme=dark] .word-term:hover{background-color:#ffffff12}[data-br-theme=dark] .word-term.word-phrase-highlight{background-color:#9fc4e429;text-decoration-color:#9fc4e480}[data-br-theme=dark] .word-status-btn.learning.active{background:#9fc4e42e;color:#c8dff0;border-color:#9fc4e459}[data-br-theme=dark] .word-popup-sync-error{background:#9fc4e41f;color:#c8dff0}[data-br-theme=dark] .word-popup{background:#3a3a3a;border-color:#5a5a5a;box-shadow:0 4px 20px #00000059,0 1px 4px #0003}[data-br-theme=dark] .word-popup:after{border-top-color:#3a3a3a}[data-br-theme=dark] .word-audio-btn{background:#ffffff14}[data-br-theme=dark] .word-audio-btn:hover:not(:disabled){background:#ffffff24;color:#e8e3dc}