*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:#fff;color:#000;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
#app{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}
#mic{border:none;outline:none;background:transparent;cursor:pointer;position:relative;transition:transform .15s ease;display:flex;align-items:center;justify-content:center;padding:0}
#mic:active{transform:scale(.96)}
.playing dotlottie-wc{animation:pulse 1s infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}
#player{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
#mute{position:static;width:64px;height:64px;border:none;border-radius:999px;background:#eee;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}
#mute:active{transform:scale(.96)}
#mute svg{width:28px;height:28px;fill:#000}
#mute .slash{display:none}
.muted #mute{background:#ddd}
.muted #mute .slash{display:block;stroke:red;stroke-width:2}