interactive intro to open social at-me.zzstoatzz.io

fix: improve toast notification consistency across screen sizes

the firehose toast notification now behaves consistently on both desktop and mobile:
- uses max-width: min(300px, calc(100vw - 2rem)) to respect both size limit and viewport
- width: max-content keeps toast compact, only as wide as needed
- removed mobile-specific left/right/max-width overrides that caused full-width stretch
- toast remains right-aligned and compact on all screen sizes

before: mobile toast spanned entire screen width, looked oversized
after: mobile toast is same compact size as desktop, just positioned lower to avoid button overlap

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

+2 -4
+2 -4
src/templates/app.html
··· 1089 1089 transform: translateY(-10px); 1090 1090 transition: all 0.3s ease; 1091 1091 pointer-events: none; 1092 - max-width: 300px; 1092 + max-width: min(300px, calc(100vw - 2rem)); 1093 + width: max-content; 1093 1094 } 1094 1095 1095 1096 .firehose-toast.visible { ··· 1133 1134 1134 1135 .firehose-toast { 1135 1136 top: clamp(7rem, 12vmin, 8rem); 1136 - right: clamp(1rem, 2vmin, 1.5rem); 1137 - left: clamp(1rem, 2vmin, 1.5rem); 1138 - max-width: none; 1139 1137 } 1140 1138 1141 1139 .sign-guestbook-btn {