*{box-sizing:border-box}html,body{background:0 0;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.output-root{color:#fff;background:radial-gradient(circle at 50% 60%,#6f36bf8c,#0000 48%),linear-gradient(145deg,#090b18,#171125);place-items:center;width:100vw;height:100vh;transition:background .3s;display:grid;position:relative}.output-root.transparent{background:0 0}.output-root.blank>:not(.connection):not(.diagnostic){opacity:0}.slide{text-align:center;width:86%;max-width:1650px;transition:opacity .28s,transform .28s;animation:.45s ease-out enter}.slide blockquote{letter-spacing:-.035em;text-shadow:0 5px 26px #00000080;margin:0;font-size:clamp(38px,5.1vw,88px);font-weight:750;line-height:1.18}.slide cite{color:#d9caff;text-shadow:0 3px 18px #00000073;margin-top:40px;font-size:clamp(20px,2.1vw,38px);font-style:normal;display:block}.media-stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.media-stage img,.media-stage video{object-fit:contain;width:100%;height:100%}.timer-stage{text-align:center;text-shadow:0 5px 26px #00000080;animation:.35s ease-out enter}.timer-stage small{color:#d9caff;margin-bottom:16px;font-size:clamp(18px,2vw,34px);display:block}.timer-stage strong{letter-spacing:-.07em;font-variant-numeric:tabular-nums;font-size:clamp(90px,18vw,310px);line-height:.9;display:block}.empty-output{width:1px;height:1px}.connection{color:#ffffff73;opacity:0;font-size:11px;transition:opacity .2s;position:absolute;bottom:14px;right:18px}.output-root:hover .connection{opacity:1}.diagnostic{pointer-events:none;border:1px dashed #fff3;position:absolute;inset:20px}.diagnostic:before{content:"ZONA SEGURA";color:#ffffff4d;font-size:10px;position:absolute;top:5px;left:8px}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}