.project-hover-note { position:fixed; z-index:65; max-width:calc(100vw - 36px); padding:5px 9px; border:1px solid var(--color-border,#d9d9d9); border-radius:6px; background:var(--color-background,#fff); color:var(--color-text-secondary,#4b4b4b); font-family:inherit; font-size:.75rem; line-height:1.5; pointer-events:none; opacity:0; transform:translateY(3px); transition:opacity 180ms ease,transform 180ms ease; }
@media(hover:hover) and (pointer:fine) { .project-hover-note.is-visible { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .project-hover-note { transition:none; transform:none; } }