.demo-ribbon{position:fixed;left:12px;bottom:12px;z-index:99;background:rgba(10,10,14,.88);color:#fff;font:600 12px/1.3 system-ui,sans-serif;padding:8px 12px;border-radius:999px;letter-spacing:.02em;backdrop-filter:blur(8px)}
.shot .demo-ribbon{display:none}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:98;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}