.publish-success-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:22px;background:rgba(7,21,65,.58);backdrop-filter:blur(7px);animation:publishBackdrop .22s ease-out}.publish-success-modal.closing{opacity:0;transition:opacity .18s}.publish-success-modal>section{position:relative;width:min(520px,100%);padding:46px 48px 38px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:radial-gradient(circle at 50% -10%,rgba(0,198,137,.15),transparent 37%),linear-gradient(145deg,#fff,#f7faff);box-shadow:0 28px 80px rgba(7,32,91,.3);text-align:center;overflow:hidden;animation:publishCard .42s cubic-bezier(.16,1,.3,1)}.publish-success-modal>section:before,.publish-success-modal>section:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;pointer-events:none}.publish-success-modal>section:before{left:-92px;bottom:-77px;background:rgba(21,89,246,.08)}.publish-success-modal>section:after{right:-95px;top:-78px;background:rgba(0,198,137,.09)}.publish-success-close{position:absolute;z-index:2;right:17px;top:17px;width:35px;height:35px;padding:0;border:1px solid #dce6f4;border-radius:50%;color:#7180a1;background:#fff;box-shadow:none;font-size:22px;font-weight:400}.publish-success-close:hover{color:#1559f6;background:#f4f7ff}.publish-success-mark{position:relative;width:82px;height:82px;margin:0 auto 20px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,#124dec,#00c689);box-shadow:0 14px 30px rgba(21,89,246,.22);transform:rotate(-4deg)}.publish-success-mark:before{content:"";position:absolute;inset:-9px;border:1px solid rgba(0,198,137,.24);border-radius:30px}.publish-success-mark span{color:#fff;font-size:38px;font-weight:800;transform:rotate(4deg)}.publish-success-modal section>small{position:relative;color:#1559f6;font-size:9px;font-weight:800;letter-spacing:.13em}.publish-success-modal h2{position:relative;margin:9px 0 10px;color:#071541;font-size:30px;letter-spacing:-.6px}.publish-success-modal section>p{position:relative;max-width:390px;margin:0 auto;color:#64769b;font-size:12px;line-height:1.65}.publish-success-wish{position:relative;margin:23px 0;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dce9f4;border-radius:13px;background:linear-gradient(110deg,rgba(21,89,246,.055),rgba(0,198,137,.075));text-align:left}.publish-success-wish>i{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#1559f6,#00c689);font-style:normal;font-size:17px}.publish-success-wish b,.publish-success-wish small{display:block}.publish-success-wish b{color:#183159;font-size:10px}.publish-success-wish small{margin-top:4px;color:#7585a2;font-size:8px}.publish-success-actions{position:relative;display:grid;gap:9px}.publish-success-actions a,.publish-success-actions button{height:47px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none}.publish-success-actions a{gap:55px;color:#fff;background:linear-gradient(105deg,#124dec,#00c689);box-shadow:0 9px 21px rgba(21,89,246,.18)}.publish-success-actions a span{font-size:18px}.publish-success-actions button{color:#64769b;background:transparent;box-shadow:none}.publish-confetti{position:fixed;z-index:1;inset:0;pointer-events:none;overflow:hidden}.publish-confetti i{--x:calc(7% + (var(--i) * 5.1%));position:absolute;left:var(--x);top:-20px;width:8px;height:13px;border-radius:3px;background:#1559f6;animation:publishConfetti calc(1.8s + (var(--i) * .07s)) calc(var(--i) * .035s) ease-in forwards}.publish-confetti i:nth-child(3n){background:#00c689}.publish-confetti i:nth-child(3n+1){background:#ffd166}.publish-confetti i:nth-child(even){width:6px;height:6px;border-radius:50%}@keyframes publishBackdrop{from{opacity:0}}@keyframes publishCard{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes publishConfetti{0%{opacity:0;transform:translateY(-10px) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(105vh) rotate(620deg)}}@media(max-width:560px){.publish-success-modal>section{padding:40px 20px 25px}.publish-success-modal h2{font-size:25px}.publish-success-wish{padding:12px}.publish-success-actions a{gap:28px}}@media(prefers-reduced-motion:reduce){.publish-success-modal,.publish-success-modal>section,.publish-confetti i{animation:none}}