*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100dvh;display:flex;justify-content:center;align-items:center}.app{text-align:center;padding:2rem;width:100%;max-width:480px}h1{font-size:1.5rem;margin-bottom:1rem;color:#fff}.counter{font-size:1.1rem;color:#64b5f6;margin-bottom:1rem}.message{font-size:1rem;min-height:3rem;margin-bottom:2rem;line-height:1.5;color:#b0b0b0}.mic-button{width:100px;height:100px;border-radius:50%;border:3px solid #444;background:#2a2a4a;font-size:2.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;-webkit-tap-highlight-color:transparent}.mic-button:active{transform:scale(.95)}.mic-button.listening{border-color:#f44336;background:#3a1a1a;animation:pulse 1.5s infinite}.mic-button.speaking{border-color:#4caf50;background:#1a3a1a}.mic-button.loading{border-color:#ff9800;background:#3a2a1a;opacity:.7;cursor:wait}.mic-button:disabled{cursor:wait}@keyframes pulse{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 15px #f4433600}}.status-label{font-size:.85rem;color:#777}.fallback-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.fallback-buttons button{padding:.6rem 1.2rem;border:1px solid #444;background:#2a2a4a;color:#e0e0e0;border-radius:8px;font-size:.9rem;cursor:pointer}.fallback-buttons button:active{background:#3a3a5a}