.event-message-overlay{--event-accent:#d9ff43;position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:rgba(5,4,11,.76);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);opacity:0;transition:opacity .4s ease;overflow:hidden;font-family:Manrope,Inter,system-ui,sans-serif}.event-message-overlay[hidden]{display:none}.event-message-overlay.visible{opacity:1}.event-message-overlay.theme-magenta{--event-accent:#ff3fad}.event-message-overlay.theme-purple{--event-accent:#9d62ff}.event-message-overlay.theme-gold{--event-accent:#ffd35a}.event-message-ambient{position:absolute;inset:-30%;filter:blur(60px);opacity:.52}.event-message-ambient i{position:absolute;width:40vw;height:40vw;min-width:280px;min-height:280px;border-radius:50%;background:var(--event-accent);animation:event-orbit 8s ease-in-out infinite alternate}.event-message-ambient i:nth-child(1){left:3%;top:4%}.event-message-ambient i:nth-child(2){right:1%;bottom:3%;background:#a02eff;animation-delay:-3s}.event-message-ambient i:nth-child(3){left:42%;top:55%;width:25vw;height:25vw;background:#ff3f91;animation-delay:-5s}.event-message-card{position:relative;width:min(900px,92vw);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(22px,5vw,64px);padding:clamp(24px,5vw,62px);border:1px solid color-mix(in srgb,var(--event-accent) 38%,transparent);border-radius:clamp(24px,4vw,46px);background:linear-gradient(145deg,rgba(20,17,31,.96),rgba(8,8,14,.94));box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 60px color-mix(in srgb,var(--event-accent) 13%,transparent);transform:translateY(24px) scale(.96);transition:transform .5s cubic-bezier(.16,1,.3,1)}.event-message-overlay.visible .event-message-card{transform:none}.event-message-photo-wrap{aspect-ratio:1;border-radius:28px;overflow:hidden;border:3px solid color-mix(in srgb,var(--event-accent) 80%,white);box-shadow:0 20px 55px rgba(0,0,0,.38),0 0 35px color-mix(in srgb,var(--event-accent) 20%,transparent)}.event-message-photo{width:100%;height:100%;display:block;object-fit:cover}.event-message-photo-wrap[hidden]+.event-message-copy{grid-column:1/-1;text-align:center}.event-message-label{margin:0 0 12px;color:var(--event-accent);font-size:clamp(11px,1.4vw,17px);font-weight:900;letter-spacing:.22em}.event-message-title{margin:0;color:#fff;font-size:clamp(38px,7vw,88px);font-weight:900;line-height:.94;letter-spacing:-.055em;text-wrap:balance}.event-message-text{max-width:720px;margin:22px auto 0;color:#e9e6ef;font-size:clamp(17px,2.2vw,28px);font-weight:600;line-height:1.35;white-space:pre-line;text-wrap:balance}.event-message-progress{position:absolute;left:clamp(24px,5vw,62px);right:clamp(24px,5vw,62px);bottom:20px;height:4px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.event-message-progress i{display:block;width:100%;height:100%;background:var(--event-accent);transform-origin:left center;transition:transform 1.5s linear}.event-message-confetti{display:none;position:absolute;inset:0;pointer-events:none}.kind-birthday .event-message-confetti{display:block}.event-message-confetti i{--size:9px;position:absolute;left:var(--x);top:-10%;width:var(--size);height:calc(var(--size)*1.8);border-radius:3px;background:hsl(var(--hue) 92% 62%);animation:event-confetti 3.2s linear infinite;animation-delay:var(--delay)}.event-message-tv .event-message-card{width:min(1120px,90vw)}.event-message-tv .event-message-title{font-size:clamp(56px,7vw,108px)}.event-message-tv .event-message-text{font-size:clamp(24px,2.4vw,36px)}
@keyframes event-orbit{to{transform:translate3d(14vw,8vh,0) scale(1.16)}}@keyframes event-confetti{to{transform:translate3d(6vw,120vh,0) rotate(var(--spin))}}
@media(max-width:700px){.event-message-card{grid-template-columns:1fr;gap:20px;padding:26px 20px 34px;border-radius:26px;text-align:center}.event-message-photo-wrap{width:min(58vw,240px);justify-self:center;border-radius:22px}.event-message-title{font-size:clamp(36px,12vw,58px)}.event-message-text{font-size:clamp(16px,4.8vw,22px)}.event-message-progress{left:20px;right:20px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.event-message-overlay,.event-message-card,.event-message-progress i{transition:none}.event-message-ambient i,.event-message-confetti i{animation:none}.event-message-confetti{display:none}}