/* Animações da marca nos HUDs (02/10, #46 — propostas/animacoes.html).
   Bolinha laranja e tecla "t"; curtas; somem com "reduzir movimento". */

/* 3 · tecla "t" carregando (TwocyAI) */
.tw-thinking { display: inline-flex; align-items: center; gap: 9px; }
.tw-key { position: relative; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 7px; background: var(--white, #fff); color: var(--ink); border: 1px solid var(--border2, #0002); box-shadow: 0 3px 0 var(--border2, #0002); font: 800 13px/1 "Bricolage Grotesque", var(--font, sans-serif); letter-spacing: -.04em; animation: twKey 1.1s cubic-bezier(.3, .7, .4, 1) infinite; }
.tw-key i { position: absolute; right: 4px; bottom: 4px; width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
.tw-key.mini { width: 18px; height: 18px; border-radius: 5px; font-size: 10px; box-shadow: 0 2px 0 var(--border2, #0002); }
.tw-key.mini i { width: 3px; height: 3px; right: 3px; bottom: 3px; }
@keyframes twKey { 0%, 60%, 100% { transform: none; } 20% { transform: translateY(3px); box-shadow: 0 0 0 var(--border2, #0002); } }
.tw-shimmer { font-size: 12px; font-weight: 600; background: linear-gradient(90deg, var(--muted) 30%, var(--ink) 50%, var(--muted) 70%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: twShim 1.4s linear infinite; }
@keyframes twShim { from { background-position: 120% 0; } to { background-position: -100% 0; } }

/* 8 · pílula das abas */
.tw-tab-pill { position: absolute; z-index: 0; border-radius: 8px; background: color-mix(in srgb, var(--ink) 9%, transparent); pointer-events: none; transition: left .34s cubic-bezier(.3, 1.25, .5, 1), width .34s cubic-bezier(.3, 1.25, .5, 1); }
.tabs.tw-has-pill { position: relative; }
.tabs.tw-has-pill button { position: relative; z-index: 1; }
.tabs.tw-has-pill button[aria-selected="true"] { background: transparent !important; }

@media (prefers-reduced-motion: reduce) {
  .tw-key, .tw-shimmer { animation: none; }
  .tw-tab-pill { transition: none; }
}