:root{--stage-scale: 1;color:#fff;background:#121c33;font-family:Segoe UI,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#121c33}button{font:inherit}.stage{position:absolute;top:50%;left:50%;width:1280px;height:720px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:center}.deck{position:absolute;inset:0;overflow:hidden}.slide{position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:translate3d(100%,0,0);transition:transform .52s cubic-bezier(.22,.8,.24,1);will-change:transform}.slide.is-active{pointer-events:auto;transform:translateZ(0)}.slide.is-before{transform:translate3d(-100%,0,0)}.slide.is-after{transform:translate3d(100%,0,0)}.content{position:absolute;inset:0;width:1280px;height:720px}.backdrop{position:absolute;inset:0;overflow:hidden;background:#121c33}.backdrop__image{position:absolute;inset:0;display:block;width:1280px;height:720px;object-fit:fill;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .26s ease}.backdrop__image.is-active{opacity:1}.layer{position:absolute;display:block;opacity:0;filter:blur(5px);transform:translate3d(44px,0,0);transition:opacity .36s ease,filter .44s ease,transform .52s cubic-bezier(.22,.8,.24,1);will-change:opacity,filter,transform}.layer--left{transform:translate3d(-44px,0,0)}.layer--top{transform:translate3d(0,-36px,0)}.layer--bottom{transform:translate3d(0,44px,0)}.layer--wipe{filter:none;transform:none;clip-path:inset(0 100% 0 0);transition:opacity .12s ease,clip-path .76s cubic-bezier(.32,.72,.22,1)}.layer.is-visible{opacity:1;filter:blur(0);transform:translateZ(0)}.layer--wipe.is-visible{clip-path:inset(0 0 0 0)}.controls{position:absolute;left:20px;bottom:18px;z-index:50;display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#040a18b3;box-shadow:0 12px 32px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:.38;transition:opacity .18s ease}.controls:hover,.controls:focus-within{opacity:1}.control{width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer}.control:hover,.control:focus-visible{outline:none;background:#ffffff1f}.counter{min-width:56px;text-align:center;color:#ffffffd1;font-size:12px;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.slide,.layer{transition-duration:1ms}}