/* Etapa 8 · Abas sugadas: corrente para dentro do vórtice, recuperar e descartar */
.tchip.pulling{transition:none;box-shadow:0 0 30px rgba(255,170,90,.12)}
@keyframes emerge{from{scale:.1;opacity:0;filter:blur(6px)}to{scale:1;opacity:1;filter:none}}
.tchip.emerge{animation:emerge .9s cubic-bezier(.2,0,.2,1) both}
.sub{font:500 9px var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#5a5660;margin:6px 0 0;display:flex;justify-content:space-between;gap:8px}
.row.sug a{color:#6d6870}
.row .rec{font:500 9px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8279;padding:4px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;transition:color .3s,border-color .3s}
.row .rec:hover,.row .rec:focus-visible{color:#ffdcb8;border-color:rgba(255,185,121,.35)}
.aviso{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 56px);transform:translate(-50%,8px);z-index:8;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:linear-gradient(160deg,rgba(255,246,232,.06),rgba(255,246,232,.02));border:1px solid rgba(255,236,214,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:400 11.5px var(--f-display);color:#a39c94;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}
.aviso.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.aviso button{font:500 9.5px var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:#ffcf9f;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,185,121,.3);transition:background .3s}
.aviso button:hover,.aviso button:focus-visible{background:rgba(255,185,121,.1)}
@media (max-width:599px){.aviso{bottom:calc(env(safe-area-inset-bottom,0px) + 96px);white-space:normal;width:calc(100vw - 32px);box-sizing:border-box;border-radius:16px}}