/* the motion/voice status chip — the on-device diagnostic every portal shares.
   Dark glass reads on both the dark and the cream pages; ≥44px tap target;
   sits under the exit veil (2147483000) so it can never cover the leave-frame. */
.mchip{
  position:fixed; right:14px; bottom:14px; z-index:2147482000;
  display:flex; align-items:center; gap:8px;
  min-height:44px; padding:10px 14px;
  background:rgba(11,13,18,.82);
  color:#e8ecf4;
  border:1px solid rgba(232,236,244,.22); border-radius:999px;
  font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  cursor:pointer;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  -webkit-tap-highlight-color:transparent;
  opacity:1; transition:opacity .4s ease, transform .3s ease;
  max-width:min(88vw, 340px); text-align:left;
}
.mchip svg{ flex:0 0 auto; }
.mchip.is-idle{ opacity:.28; }
.mchip.is-idle:hover, .mchip.is-idle:focus-visible{ opacity:1; }
.mchip.is-ask{ border-color:rgba(255,205,90,.55); color:#ffd76a; }
.mchip.is-ok{ border-color:rgba(90,225,160,.55); color:#7defb4; }
.mchip.is-err{ border-color:rgba(255,110,110,.55); color:#ff9c9c; }
.mchip.is-listen{ border-color:rgba(120,180,255,.6); color:#a8ccff; }
.mchip.is-listen svg{ animation:mchip-pulse 1.1s ease-in-out infinite; }
.mchip.is-media{ border-color:rgba(120,180,255,.6); color:#a8ccff; }
.mchip:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }
@keyframes mchip-pulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.25); } }
@media (prefers-reduced-motion: reduce){ .mchip.is-listen svg{ animation:none; } .mchip{ transition:none; } }