.publish-pop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px}.publish-scrim{position:absolute;inset:0;background:color-mix(in srgb,var(--ink) 66%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:publish-scrim-in .3s ease both}.publish-card{position:relative;width:min(480px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:30px 28px 26px;text-align:center;box-shadow:0 44px 88px -34px rgba(4,31,65,.58);animation:publish-card-in .44s cubic-bezier(.2,.9,.3,1.15) both}.publish-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:999px;border:0;background:var(--surface-2);color:var(--muted);font-size:15px;line-height:1;z-index:2}.publish-close:hover{background:var(--border);color:var(--ink)}.publish-badge{width:60px;height:60px;margin:4px auto 6px;border-radius:999px;background:var(--clay-wash);color:var(--clay);font-size:28px;font-weight:800;display:grid;place-items:center;animation:publish-badge-pop .5s cubic-bezier(.2,.9,.3,1.3) .1s both}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:24px}.confetti i{position:absolute;top:-18px;border-radius:2px;opacity:0;animation:publish-confetti-fall var(--dur) linear var(--delay) both}@keyframes publish-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes publish-card-in{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}@keyframes publish-badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes publish-confetti-fall{0%{opacity:0;transform:translateZ(0) rotate(0deg)}8%{opacity:1}to{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.confetti i,.publish-badge,.publish-card,.publish-scrim{animation:none!important}.confetti{display:none}}