html,body{margin:0;height:100%;background:#0b0b10;color:#fff;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP",sans-serif;}
canvas{display:block}
#ui{position:fixed;left:16px;top:16px;background:rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(6px);
  padding:12px 14px;border-radius:12px;max-width:92vw}
#ui .row{display:flex;gap:8px;align-items:center;margin-bottom:6px}
#ptt{appearance:none;border:0;border-radius:10px;padding:8px 12px;background:#5a67d8;color:#fff;cursor:pointer}
#ptt.active{background:#d85a5a}
#status{opacity:.85}
#heard em{opacity:.9}