.ut{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden;opacity:1;transition:opacity .45s ease}.ut[data-exit=true]{opacity:0}.ut-cover{position:absolute;inset:0;background:var(--ut-bg);opacity:0;animation:ut-cover .34s ease-out forwards}@keyframes ut-cover{to{opacity:1}}.ut-panel{position:absolute;top:-2%;bottom:-2%;width:54%;background:linear-gradient(180deg,color-mix(in srgb,var(--ut-accent) 30%,var(--ut-bg)),var(--ut-bg))}.ut-panel.l{left:0;transform:translateX(-104%);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);animation:ut-tear-l .4s cubic-bezier(.7,0,.25,1) forwards}.ut-panel.r{right:0;transform:translateX(104%);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);animation:ut-tear-r .4s cubic-bezier(.7,0,.25,1) forwards}@keyframes ut-tear-l{to{transform:translateX(0)}}@keyframes ut-tear-r{to{transform:translateX(0)}}.ut-halftone{position:absolute;inset:-30%;opacity:0;background-image:radial-gradient(var(--ut-accent) 28%,transparent 30%);background-size:16px 16px;mix-blend-mode:screen;animation:ut-ht .7s ease-out .24s forwards}@keyframes ut-ht{0%{opacity:0;transform:scale(.25) rotate(0deg)}45%{opacity:.95}to{opacity:0;transform:scale(2.6) rotate(10deg)}}.ut-melt{position:absolute;inset:0;transform:translateY(-100%);background:linear-gradient(180deg,var(--ut-accent2),var(--ut-accent) 45%,var(--ut-bg));filter:blur(.4px);animation:ut-melt .55s cubic-bezier(.65,0,.2,1) .46s forwards}@keyframes ut-melt{to{transform:translateY(0)}}.ut-grid{position:absolute;inset:0;opacity:0;background-image:linear-gradient(var(--ut-line) 1px,transparent 1px),linear-gradient(90deg,var(--ut-line) 1px,transparent 1px);background-size:44px 44px;animation:ut-grid .7s ease .66s forwards}@keyframes ut-grid{0%{opacity:0;transform:scale(1.15)}50%{opacity:.6}to{opacity:.15;transform:scale(1)}}.ut-name{position:absolute;inset:0;display:grid;place-items:center;gap:.5rem;color:var(--ut-ink);font-family:var(--ut-font);font-weight:800;font-size:clamp(2.2rem,9vw,6rem);letter-spacing:.06em;text-align:center;opacity:0;animation:ut-name .85s cubic-bezier(.2,.7,.2,1) .6s forwards}.ut-name .glyph{font-size:.5em;opacity:.7}@keyframes ut-name{0%{opacity:0;letter-spacing:.5em;filter:blur(10px);transform:scale(1.15)}45%{opacity:1;filter:blur(0)}to{opacity:0;letter-spacing:.1em;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ut-grid,.ut-halftone,.ut-melt,.ut-name,.ut-panel{animation-duration:.01ms!important}}