:root{--welcome-accent-glow-primary:rgb(var(--color-accent-rgb) / .12);--welcome-accent-glow-secondary:rgb(var(--color-accent-rgb) / .06);--welcome-amber-glow:#d4a55414;--shot-shadow-depth:0 24px 50px -16px #00000080, 0 8px 22px -10px #00000059;--shot-glow-brass:0 0 90px -10px rgb(var(--color-accent-rgb) / .18)}@layer components{.shot-edge{border:1px solid var(--outline-ghost);border-top-color:var(--outline-edge)}.shot-frame{border:1px solid var(--outline-ghost);border-top-color:var(--outline-edge);background:var(--color-surface-dark);box-shadow:var(--shot-shadow-depth);border-radius:.5rem;overflow:hidden}.shot-frame-glow{box-shadow:var(--shot-glow-brass), var(--shot-shadow-depth)}.shot-phone{border:1px solid var(--outline-ghost);border-top-color:var(--outline-edge);box-shadow:0 0 0 4px var(--color-surface-darkest), var(--shot-shadow-depth);border-radius:1rem;overflow:hidden}.shot-crop{aspect-ratio:4/3;position:relative}.shot-crop>img{left:var(--shot-crop-x,0);top:var(--shot-crop-y,0);width:var(--shot-crop-w,100%);max-width:none;position:absolute}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-pending.revealed{opacity:1;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:none}.reveal-lag.revealed{transition-delay:.12s}}@media (prefers-reduced-motion:no-preference){.glow-drift{animation:14s ease-in-out infinite alternate glow-drift}.glow-drift-slow{animation:22s ease-in-out infinite alternate-reverse glow-drift}@keyframes glow-drift{0%{transform:scale(1.04)translate(-1%,-.5%)}to{transform:scale(1.08)translate(1%,.75%)}}}@media (prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transition:none;transform:none}}