.contextual-tip{box-sizing:border-box;border:1px solid var(--info-border);background:var(--info-bg);width:100%;color:var(--text-secondary);border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 16px;padding:11px 12px;animation:.22s contextual-tip-in;display:flex}.contextual-tip__icon{color:var(--accent-info);opacity:.9;flex-shrink:0;margin-top:1px}.contextual-tip__body{flex:1;min-width:0}.contextual-tip__message{letter-spacing:-.01em;color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.45}.contextual-tip__cta{letter-spacing:-.01em;color:var(--accent-primary);align-items:center;margin-top:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.contextual-tip__cta:hover{color:var(--accent-primary-hover);text-decoration:underline}.contextual-tip__dismiss{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px 0 0;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.contextual-tip__dismiss:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes contextual-tip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.contextual-tip{margin-bottom:12px;padding:10px}.contextual-tip__message{font-size:13px}}.contextual-tip--reader{width:100%;max-width:none;margin:0 0 16px}.reader-container.theme-dark .contextual-tip--reader{color:#e5e7eb;background:#06b6d41f;border-color:#06b6d459}.reader-container.theme-dark .contextual-tip--reader .contextual-tip__message{color:#d1d5db}.reader-container.theme-dark .contextual-tip--reader .contextual-tip__dismiss{color:#9ca3af}.reader-container.theme-book .contextual-tip--reader{background:#8b69141a;border-color:#8b691447}.reader-container.theme-book .contextual-tip--reader .contextual-tip__message{color:#5c3d12}.reader-container.theme-book .contextual-tip--reader .contextual-tip__icon{color:#8b6914}.contextual-tip--flashcards-results{text-align:left;max-width:420px;margin:0 auto 20px}
