/* The path accent acknowledges actions; quiet-state attention is finite and contextual. */
:is(.btn-primary,#hintBtn,.app-nav-link){position:relative;isolation:isolate}
.flow-tap::after,.flow-suggest::after{content:'';position:absolute;inset:-2px;pointer-events:none;border:2px solid var(--gold-text,var(--accent));border-radius:inherit;opacity:0;z-index:2}
.flow-tap::after{animation:flow-action 600ms ease-out}.flow-suggest::after{animation:flow-cue 850ms ease-in-out 2}
.nightline-brand.flow-mark svg path{stroke-dasharray:1;animation:flow-logo 650ms cubic-bezier(.16,1,.3,1)}
.app-nav-link{transition:background-color 150ms ease,color 150ms ease,box-shadow 150ms ease}
@keyframes flow-action{0%{opacity:.85;clip-path:inset(0 100% 0 0)}55%{opacity:.8;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0)}}
@keyframes flow-cue{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.85;transform:scale(1.045)}}
@keyframes flow-logo{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.flow-tap::after,.flow-suggest::after{display:none}.nightline-brand.flow-mark svg path{animation:none;stroke-dasharray:none}.app-nav-link{transition:none}}