.personal-events { position: fixed; bottom: 24px; right: 24px; width: min(360px, calc(100vw - 32px)); max-height: 65vh; overflow-y: auto; z-index: 950; display: grid; gap: 12px; }
.personal-event { background: #15151c; color: #e8e6e3; border: 1px solid #777080; border-radius: 20px; padding: 22px; box-shadow: 0 12px 45px #0006; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.personal-event h3 { font-size: 1rem; margin: 0 0 12px; color: #e1d3b8; }
.personal-event p { margin: 8px 0; }
.personal-event a { display: inline-block; color: #d4c4a8; margin: 6px 12px 6px 0; }
.personal-event blockquote { margin: 12px 0; padding-left: 12px; border-left: 2px solid #a78bb7; white-space: pre-wrap; }
.personal-event button { display: block; cursor: pointer; background: transparent; color: inherit; border: 1px solid #777080; border-radius: 10px; padding: 8px 12px; margin-top: 12px; }
.personal-event button:disabled { opacity: .6; cursor: default; }
.personal-event textarea { box-sizing: border-box; width: 100%; min-height: 80px; background: #ffffff08; border: 1px solid #777080; border-radius: 10px; padding: 12px; color: inherit; font: inherit; }
.birthday-surprise { border-color: #daa4bf; background: radial-gradient(ellipse at top right, #59344b 0, #19151e 70%); }
.birthday-surprise::before { content: '🎂 ✨ 🦋'; display: block; font-size: 1.8rem; letter-spacing: .4rem; margin-bottom: 12px; }
@media (max-width: 600px) { .personal-events { bottom: 80px; right: 16px; max-height: 50vh; } }