.follow-notification{position:fixed;z-index:1100;top:calc(20px + env(safe-area-inset-top,0px));right:20px;display:flex;align-items:flex-start;gap:12px;width:min(360px,calc(100vw - 32px));padding:18px;background:#f7faff;color:#172d46;border:1px solid #c7d6eb;border-radius:14px;box-shadow:0 12px 36px #14294726;font:13px/1.5 var(--sans,system-ui);animation:follow-notification-enter .2s ease-out}
.follow-notification-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#e2ebff;color:#214bd1;font-size:22px}
.follow-notification strong{display:block;margin-bottom:4px;font-size:14px}.follow-notification a{color:#214bd1;overflow-wrap:anywhere;text-decoration:none}.follow-notification a:hover{text-decoration:underline}.follow-notification button{flex:none;margin-left:auto;border:0;background:transparent;color:#405976;font-size:23px;line-height:1;cursor:pointer;padding:3px}.follow-notification :focus-visible{outline:2px solid #214bd1;outline-offset:3px}
@keyframes follow-notification-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.follow-notification{right:16px;top:calc(12px + env(safe-area-inset-top,0px))}}
@media(prefers-reduced-motion:reduce){.follow-notification{animation:none}}