/* home-screen-nudge.css: Fergi AI's gentle Home Screen line (js/features/home-screen-nudge.js).
 * Joe 2026-11-04 06:40: "Fergi AI should encourage them to do that, gently, until they do but no
 * more blockers." The card is NOT a modal: it covers nothing but its own few lines, sits BELOW Fergi
 * AI (z 10350) and far below the story host (z 2147483000), and goes away by itself. Only the
 * member's own "Show me" opens the sheet, and that closes at once (✕, Done, or a tap outside).
 */
.ffa-home-nudge {
    position: fixed; left: 50%; transform: translateX(-50%);
    bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
    width: min(92vw, 420px); box-sizing: border-box; z-index: 10300;
    padding: 14px 16px 12px; border-radius: 16px;
    background: rgba(13, 42, 48, 0.96); color: #f4ede2;
    border: 1px solid rgba(109, 212, 212, 0.35); box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45);
    font: 400 17px/1.4 'Source Sans 3', system-ui, -apple-system, sans-serif;
    animation: ffa-home-nudge-in .4s ease both;
}
@keyframes ffa-home-nudge-in { from { opacity: 0; transform: translate(-50%, 10px); } to { opacity: 1; transform: translate(-50%, 0); } }
@media (prefers-reduced-motion: reduce) { .ffa-home-nudge { animation: none; } }
.ffa-home-nudge__who { font-weight: 600; color: #6DD4D4; font-size: 15px; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
.ffa-home-nudge__avatar { font-size: 18px; }
.ffa-home-nudge__line { margin: 0 0 10px; }
.ffa-home-nudge__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.ffa-home-nudge__actions button {
    min-height: 44px; padding: 0 18px; border-radius: 22px; cursor: pointer;
    font: 600 16px/1 'Source Sans 3', system-ui, -apple-system, sans-serif;
}
.ffa-home-nudge__show { background: #d4a373; color: #10201f; border: 0; }
.ffa-home-nudge__later { background: transparent; color: #f4ede2; border: 1px solid rgba(244, 237, 226, 0.45); }
/* Inside Fergi AI the line is an ordinary assistant message; only its buttons need a look. */
.ffa-home-nudge-msg .ffa-home-nudge__line { margin: 0 0 10px; }

.ffa-home-nudge-sheet {
    position: fixed; inset: 0; z-index: 10400; background: rgba(0, 0, 0, 0.55);
    display: flex; align-items: flex-end; justify-content: center;
}
.ffa-home-nudge-sheet__panel {
    position: relative; width: min(100vw, 480px); box-sizing: border-box; max-height: 85vh; overflow: auto;
    padding: 18px 18px calc(env(safe-area-inset-bottom, 0px) + 18px); border-radius: 18px 18px 0 0;
    background: #0d2a30; color: #f4ede2; font: 400 17px/1.45 'Source Sans 3', system-ui, -apple-system, sans-serif;
}
.ffa-home-nudge-sheet__x {
    position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border-radius: 22px;
    background: transparent; color: #f4ede2; border: 0; font-size: 20px; cursor: pointer;
}
.ffa-home-nudge-sheet__body { padding-right: 36px; }
.ffa-home-nudge-sheet__done {
    display: block; width: 100%; min-height: 48px; margin-top: 12px; border-radius: 24px; border: 0; cursor: pointer;
    background: #d4a373; color: #10201f; font: 600 17px/1 'Source Sans 3', system-ui, -apple-system, sans-serif;
}