.dw-nudge-highlight {
position: relative;
cursor: pointer;
}
.dw-nudge-text {
background-color: #fff59d;
padding: 0 3px;
border-radius: 2px;
} .dw-nudge-highlight::after {
content: attr(data-prompt);
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background: #333;
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: opacity .2s;
pointer-events: none;
z-index: 1000;
}
.dw-nudge-highlight:hover::after {
opacity: 1;
visibility: visible;
} .dw-nudge-badge {
font-size: 1.1em;
margin-left: 8px;
color: #555;
} .dw-nudge-context {
background: #f9f9f9;
padding: 5px 8px;
margin-bottom: 6px;
border-left: 3px solid #666;
font-size: 0.9em;
}
.dw-nudge-context-link {
text-decoration: none;
color: #333;
} .dw-nudge-flash {
animation: dw-nudge-flash 1.2s ease-in-out;
}
@keyframes dw-nudge-flash {
0% { background-color: rgba(255,250,120,0.95); }
60% { background-color: rgba(255,250,120,0.6); }
100% { background-color: transparent; }
}