.stories{--st-fundo:var(--superficie,#f1f3f3)}
.st-palco{position:relative;overflow:hidden;background:var(--st-fundo);isolation:isolate;border-radius:0}
.st-grade{position:absolute;left:50%;top:50%;width:var(--aw);height:var(--ah);transform:translate(-50%,-50%) rotate(var(--inc,0deg))}
.st-coluna{position:absolute;top:0;height:100%}
.st-peca{position:absolute;left:0;top:0;width:100%;container-type:inline-size;will-change:transform}

.st-quadro{position:absolute;inset:0;border-radius:5cqw;overflow:hidden;background:#0b0f10;color:#fff;font-family:var(--f-texto,"Archivo","Helvetica Neue",Arial,sans-serif);
  box-shadow:0 0 0 1px rgb(255 255 255 / .08) inset}
.st-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--foco,50% 50%);background:#0b0f10}
.st-ui{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,rgb(0 0 0 / .5),rgb(0 0 0 / 0) 24%),linear-gradient(to top,rgb(0 0 0 / .55),rgb(0 0 0 / 0) 22%)}

.st-barra{position:absolute;left:4.5cqw;right:4.5cqw;top:4cqw;display:flex;gap:1.2cqw}
.st-barra i{flex:1;height:max(2px,.9cqw);border-radius:99px;background:rgb(255 255 255 / .38);overflow:hidden;position:relative}
.st-barra i::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;transform:scaleX(clamp(0,calc(var(--p) + var(--i) - var(--k)),1))}
.st-cab{position:absolute;left:4.5cqw;right:4.5cqw;top:max(9px,8.6cqw);display:flex;align-items:center;gap:2.6cqw}
.st-avatar{width:max(14px,9.6cqw);height:max(14px,9.6cqw);border-radius:50%;flex:none;box-shadow:0 0 0 max(1px,.5cqw) rgb(255 255 255 / .9)}
.st-usuario{font-weight:600;font-size:max(7px,4.6cqw);letter-spacing:.02em;line-height:1;text-shadow:0 1px 3px rgb(0 0 0 / .4)}
.st-acoes{margin-left:auto;display:flex;gap:2.4cqw}
.st-acoes svg{width:max(8px,5.2cqw);height:max(8px,5.2cqw);fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round;fill-opacity:1}
.st-acoes svg:last-child{fill:none}

.st-rodape{position:absolute;left:4.5cqw;right:4.5cqw;bottom:4.5cqw;display:flex;align-items:center;gap:2.6cqw}
.st-msg{flex:1;height:max(14px,10.2cqw);border:max(1px,.4cqw) solid rgb(255 255 255 / .85);border-radius:99px;display:flex;align-items:center;padding-inline:4cqw;font-size:max(6.5px,4.1cqw);font-weight:500;white-space:nowrap;overflow:hidden}
.st-rodape svg{width:max(10px,7.4cqw);height:max(10px,7.4cqw);flex:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;fill:none}
.st-rodape svg:first-of-type{fill:var(--ciano,#00ffff);stroke:var(--ciano,#00ffff)}

@media (prefers-reduced-motion:reduce){ .st-peca{will-change:auto} }