<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
body,.stage{background:#ece7de}.st{display:flex;flex-direction:column;gap:1cqw;width:40cqw}
.t{display:flex;gap:1.2cqw;align-items:center;background:#fff;border-radius:14px;padding:1.4cqw 1.8cqw;box-shadow:0 12px 30px -14px rgba(0,0,0,.35);font-size:2cqw;font-weight:600;color:#1c1917;opacity:0;animation:in 4.5s cubic-bezier(.34,1.56,.64,1) infinite}
.t i{width:1.4cqw;height:1.4cqw;border-radius:50%}
@keyframes in{0%{opacity:0;transform:translateY(-40%) scale(.96)}12%,75%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-60%) scale(.96)}}
</style></head>
<body><div class="stage"><div class="st"><div class="t" style="animation-delay:0s"><i style="background:#1f6f5c"></i>Render finished</div><div class="t" style="animation-delay:.4s"><i style="background:#f5b942"></i>New comment on “Intro v3”</div><div class="t" style="animation-delay:.8s"><i style="background:#c2410c"></i>Clip published</div></div></div></body></html>