*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;font-family:system-ui,-apple-system,sans-serif}.app{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.stage{width:100%;max-width:460px;height:100svh;position:relative}.player{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.slide{position:absolute;inset:0}.scene{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:9vw;display:flex}.bars{z-index:2;gap:4px;padding:10px;display:flex;position:absolute;top:0;left:0;right:0}.bar{background:#ffffff4d;border-radius:3px;flex:1;height:3px;overflow:hidden}.barFill{background:#fff;border-radius:3px;height:100%}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.rise{animation:.55s cubic-bezier(.2,.7,.2,1) both rise}.delay{animation-delay:.15s}@keyframes overshoot{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.pop{animation:.55s cubic-bezier(.2,.8,.2,1) both overshoot}.dot{background:#57e0c4;border-radius:50%;width:90px;height:90px}.big{font-size:38vw;font-weight:800;line-height:1}