.ob-root{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:16px;background:rgba(2,8,10,.72);backdrop-filter:blur(6px);animation:ob-fade .35s ease both}:where(.ob-root) button{background:none;border-radius:0;font-size:inherit}.ob-card{position:relative;width:min(440px,100%);padding:26px 24px 22px;border-radius:26px;text-align:center;color:#fff;background:radial-gradient(90% 60% at 50% 0,color-mix(in srgb,var(--oc) 26%,transparent),transparent 70%),#061a1c;border:1px solid color-mix(in srgb,var(--oc) 35%,hsla(0,0%,100%,.1));box-shadow:0 30px 80px rgba(0,0,0,.6);transition:border-color .4s ease,background .4s ease;touch-action:pan-y;animation:ob-in .5s cubic-bezier(.2,1.2,.4,1) both}.ob-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:999px!important;color:hsla(0,0%,100%,.6)}.ob-close:hover{background:hsla(0,0%,100%,.08)!important;color:#fff}.ob-art{display:grid;place-items:center;height:190px;animation:ob-art-in .5s cubic-bezier(.2,1.2,.4,1) both}.ob-text{animation:ob-rise .45s ease .08s both}.ob-kicker{color:var(--oc)!important;font-size:14px}.ob-title{margin-top:4px;font-size:32px;line-height:1.05}.ob-sub{margin-top:10px;color:hsla(0,0%,100%,.7)!important;line-height:1.45}.ob-dots{display:flex;justify-content:center;gap:4px;margin-top:18px}.ob-dots button{display:block;width:28px;height:28px;position:relative}.ob-dots button:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:999px;background:hsla(0,0%,100%,.25);transition:width .3s ease,margin .3s ease,background .3s ease}.ob-dots button.is-active:after{width:22px;margin-left:-11px;background:var(--oc)}.ob-actions{display:flex;gap:10px;margin-top:14px}.ob-ghost,.ob-next{flex:1;display:grid;place-items:center;min-height:50px;border-radius:999px!important;font-size:16px!important}.ob-ghost{border:1px solid hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.85)!important}.ob-ghost:hover{background:hsla(0,0%,100%,.08)}.ob-next{background:var(--oc)!important;color:#04110f!important;box-shadow:0 10px 26px color-mix(in srgb,var(--oc) 40%,transparent)}.ob-rip{position:relative;width:110px;aspect-ratio:3/4}.ob-rip img{position:absolute;inset:0;width:100%;border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.5)}.ob-rip-back{transform:rotate(-10deg) translateX(-26px);opacity:.6}.ob-rip-front{animation:ob-flip 2.2s ease-in-out infinite}.ob-rip-flash{position:absolute;inset:-30%;border-radius:999px;background:radial-gradient(closest-side,rgba(226,85,154,.55),transparent);animation:ob-flash 2.2s ease-in-out infinite;pointer-events:none}.ob-binder{display:grid;grid-template-columns:repeat(3,38px);gap:6px;padding:12px;border-radius:10px;background:#15181d;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 14px 30px rgba(0,0,0,.5)}.ob-binder span{aspect-ratio:3/4;border-radius:4px;background:linear-gradient(160deg,#f0c75a,#a8711b);box-shadow:0 0 10px rgba(240,180,60,.5);animation:ob-slot .4s cubic-bezier(.2,1.4,.4,1) both}.ob-share{display:flex;gap:14px}.ob-share span{display:grid;place-items:center;width:70px;height:70px;border-radius:999px;font-size:32px;background:radial-gradient(circle at 30% 30%,rgba(79,195,217,.4),#0b1a1c 70%);box-shadow:inset 0 0 0 2px #4fc3d9;animation:ob-bob 2s ease-in-out infinite}.ob-share span:nth-child(2){animation-delay:.3s}.ob-share span:nth-child(3){animation-delay:.6s}@keyframes ob-fade{0%{opacity:0}}@keyframes ob-in{0%{opacity:0;transform:translateY(30px) scale(.95)}}@keyframes ob-art-in{0%{opacity:0;transform:scale(.7) rotate(-6deg)}}@keyframes ob-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes ob-flip{0%,30%{transform:rotateY(0deg)}50%,to{transform:rotateY(1turn)}}@keyframes ob-flash{0%,40%{opacity:0}55%{opacity:1}to{opacity:0}}@keyframes ob-slot{0%{opacity:0;transform:translateY(-20px) scale(1.4)}}@keyframes ob-bob{50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.ob-art,.ob-binder span,.ob-card,.ob-rip-flash,.ob-rip-front,.ob-share span,.ob-text{animation:none}}