New-post tint fades the moment any of the post is on screen

It waited for half the row to sit in view for two seconds; scrolling
reset the clock and a replaced node lost it, so a tall post read in
passing or one the window remounted could stay green for good. Now the
first visible pixel starts a 3s fade (the row's background transition),
marked seen by id, whether the reader stays or scrolls on.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Dmcrt9KyNDKVWFKnb8BREo

1 files changed, 4 insertions, 4 deletions

diff --git a/src/style.css b/src/style.css
index 8918c37..7ef428c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -959,10 +959,10 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; }
   border-left: none; border-right: none; border-radius: 0;
   box-shadow: none;
 }
-/* A post that arrived while you were reading wears a tint until it has been
-   on screen a couple of seconds; then it fades to the plain page. The side
-   shadows carry the tint through the list's padding to its edges. */
-.notes-feed > .row { transition: background-color .9s ease, box-shadow .9s ease; }
+/* A post that arrived while you were reading wears a tint until any of it
+   comes on screen; then it fades to the plain page over three seconds. The
+   side shadows carry the tint through the list's padding to its edges. */
+.notes-feed > .row { transition: background-color 3s ease-out, box-shadow 3s ease-out; }
 .notes-feed > .row.note-fresh {
   --fresh-bg: color-mix(in srgb, var(--green) 9%, var(--paper));
   background-color: var(--fresh-bg);