.word-wrapper{position:relative;display:inline}.word-term{cursor:pointer;border-radius:2px;padding:0 1px;margin:0 -1px;text-decoration:underline;text-decoration-color:var(--text-tertiary);text-decoration-thickness:1px;text-underline-offset:3px;transition:background-color var(--transition-fast)}.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:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 8px #0000000f;padding:10px 12px;min-width:160px;max-width:240px;z-index:var(--z-overlay);animation:wp-in var(--transition-fast)}@keyframes wp-in{0%{opacity:0;transform:translate(-50%) translateY(2px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.word-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--bg-surface)}.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);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:color var(--transition-fast),background var(--transition-fast)}.word-audio-btn:hover:not(:disabled){color:var(--text-secondary);background:#eae9e5}.word-audio-btn.loading{opacity:.3;cursor:wait}.word-audio-btn.playing{color:var(--brand-primary);background:#e8f0f8}.word-popup-info{flex:1;min-width:0}.word-popup-term{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.2}.word-popup-pronunciation{font-size:.6875rem;color:var(--text-tertiary);line-height:1.2;margin-top:1px}.word-popup-translation{font-size:.8125rem;color:var(--text-secondary);line-height:1.35;margin-top:5px;padding-top:5px;border-top:1px solid var(--border-primary)}.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);border-radius:var(--radius-md);background:transparent;font-family:var(--font-base);font-size:.75rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.word-status-btn:hover:not(:disabled){border-color:#0000001f;color:var(--text-primary)}.word-status-btn:disabled{opacity:.4;cursor:not-allowed}.word-status-btn.known.active{background:var(--bg-muted);color:var(--text-primary);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);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);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);font-size:.6875rem;color:#92400e;text-align:center}@media(max-width:640px){.word-popup{position:fixed;inset:auto 0 0;transform:none;margin:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:none;border-top:1px solid var(--border-secondary);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}@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}}