@layer components{.greet-root{isolation:isolate;background:var(--event-g1);min-height:100dvh;color:var(--event-fg);flex-direction:column;display:flex;position:relative;overflow:hidden}html:has(.greet-root){background:#0b0612}.greet-content{z-index:2;width:100%;max-width:28rem;padding-top:calc(env(safe-area-inset-top,0px) + var(--greet-clear-top,16) * 1dvh);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--greet-clear-bottom,18) * 1dvh);padding-inline:max(1.25rem, env(safe-area-inset-left,0px)) max(1.25rem, env(safe-area-inset-right,0px));flex-direction:column;flex:auto;margin-inline:auto;display:flex;position:relative}.greet-bar{z-index:3;padding:calc(env(safe-area-inset-top,0px) + .75rem) max(1rem, env(safe-area-inset-right,0px)) 0 max(1rem, env(safe-area-inset-left,0px));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.greet-bar>*{pointer-events:auto}.greet-scene{z-index:0;pointer-events:none;--greet-unit:1;position:absolute;inset:0;overflow:hidden}.greet-layer{position:absolute}.greet-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.greet-star{border-radius:9999px;animation:4.6s ease-in-out infinite greet-twinkle;position:absolute}.greet-veil{transition:opacity 1.6s var(--ease-out-quad,ease-out);background:linear-gradient(#06030e9e 0%,#06030e80 55%,#06030ebd 100%);position:absolute;inset:0}[data-lit=true] .greet-veil{opacity:0}[data-lit=true][data-stage=make]>.greet-scene>.greet-veil{opacity:.85;transition-duration:.5s}.greet-lit{opacity:0;transition:opacity 1.1s var(--ease-out-quad,ease-out) var(--greet-delay,0s)}[data-lit=true] .greet-lit{opacity:var(--greet-opacity,1)}.greet-flame{opacity:0;transition:opacity .7s var(--ease-out-quad,ease-out) var(--greet-delay,0s)}[data-lit=true] .greet-flame{opacity:1}.greet-flame__tongue{transform-box:view-box;transform-origin:60px 54px;animation:2.6s ease-in-out infinite greet-flicker}.greet-sway{transform-origin:50% 0;animation:6.5s ease-in-out infinite greet-sway}.greet-spin{animation:160s linear infinite greet-spin}.greet-burst{animation:3.4s ease-in-out infinite greet-pulse;animation-delay:var(--greet-delay,0s)}.greet-rise{animation:greet-rise .9s var(--ease-out-fluid,ease-out) both;animation-delay:calc(var(--greet-step,0) * .14s + var(--greet-base,0s))}.greet-eyebrow{font-size:var(--text-callout);letter-spacing:.22em;text-transform:uppercase;color:var(--event-accent);font-weight:700}.greet-name{color:var(--event-fg);overflow-wrap:anywhere;text-shadow:0 0 28px color-mix(in oklab, var(--event-accent) 55%, transparent), 0 2px 14px #00000059}.greet-copy{text-shadow:0 1px 12px #00000073}.greet-pulse-ring{display:inline-flex;position:relative}.greet-pulse-ring:before,.greet-pulse-ring:after{content:"";border:1.5px solid color-mix(in oklab, var(--event-accent) 80%, transparent);animation:greet-ring 2.6s var(--ease-out-quad,ease-out) infinite;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.greet-pulse-ring:after{animation-delay:1.3s}.greet-card{isolation:isolate;aspect-ratio:1200/630;border-radius:1.25rem;width:100%;position:relative;overflow:hidden;box-shadow:0 18px 36px -18px #000000b3}.greet-card:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e}@keyframes greet-twinkle{0%,to{opacity:.25;scale:.8}50%{opacity:1;scale:1}}@keyframes greet-flicker{0%,to{transform:scale(1)rotate(0)}28%{transform:scale(.95,1.06)rotate(-2.5deg)}61%{transform:scale(1.04,.96)rotate(2deg)}82%{transform:scale(.98,1.03)rotate(-1deg)}}@keyframes greet-sway{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}@keyframes greet-spin{to{rotate:360deg}}@keyframes greet-pulse{0%,to{opacity:.7;scale:.94}50%{opacity:1;scale:1.04}}@keyframes greet-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes greet-ring{0%{opacity:.75;scale:1}to{opacity:0;scale:1.22 1.7}}@media (prefers-reduced-motion:reduce){.greet-star{opacity:.8;animation:none}.greet-pulse-ring:before,.greet-pulse-ring:after{display:none}.greet-rise{animation:none}}}