/* LIVE: the mic button and a small status pill above the bottom bar (words are typed into the input itself) */
.space-command #command-mic{width:72px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:21px;border-color:#638a7f;background:linear-gradient(135deg,#12302c,#0c1d22);color:#d8fff2;cursor:pointer;transition:transform .2s,box-shadow .2s}
.space-command #command-mic:hover{transform:translateY(-2px);box-shadow:0 0 18px #69e7be55}
.space-command #command-mic.recording{--lvl:0;animation:none;background:#3a1220;color:#fff;border-color:#ff8fa3;box-shadow:0 0 0 calc(3px + var(--lvl)*10px) #ff6b8a33,0 0 calc(14px + var(--lvl)*30px) #ff6b8a88}
.command-live-label{font-size:10px;font-weight:800;letter-spacing:.13em}
.space-command:has(#command-mic.recording){box-shadow:0 0 0 2px #ff8fa366,0 0 40px #ff6b8a33}
.space-command:has(#command-mic.recording) #command-input{color:#fff;font-weight:600}
.vl-pill{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);z-index:30;max-width:min(520px,90vw);padding:7px 14px;border-radius:999px;
  background:#0b151df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #6ff7d855,0 10px 30px #000a;color:#cfe0e5;
  font:700 12px/1.3 Manrope,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;animation:vlIn .3s cubic-bezier(.2,1.2,.3,1)}
.vl-pill[hidden]{display:none}
.vl-pill:before{content:'● ';color:#6ff7d8}
.vl-pill[data-kind=hear]:before{color:#ff8fa3;animation:vlBlink .8s infinite}
.vl-pill[data-kind=work]:before{content:'✦ ';color:#c3a9fd}
.vl-pill[data-kind=error]{color:#ffb3c2}
@keyframes vlIn{from{opacity:0;transform:translate(-50%,8px)}}
@keyframes vlBlink{50%{opacity:.2}}
@media(max-width:760px){.space-command #command-mic{width:55px;gap:2px;font-size:17px;padding:0 3px}.command-live-label{font-size:8px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.vl-pill{animation:none}}