/* version web: pantalla de emparejamiento y boton de voz */
html, body { margin: 0; height: 100%; background: #06090e; color: #ecf5ff; }
.pair { min-height: 100%; display: grid; place-content: center; justify-items: center; gap: 14px; padding: 24px; text-align: center; font: 16px/1.5 'Segoe UI', system-ui, sans-serif; }
.pair[hidden] { display: none; }
.pair h1 { margin: 0; font: 600 22px 'Oxanium', system-ui, sans-serif; letter-spacing: .3em; text-transform: uppercase; }
.pair-code { font: 700 clamp(40px, 9vw, 88px)/1 Consolas, monospace; letter-spacing: .12em; color: #6fd8ff; text-shadow: 0 0 26px rgba(111,216,255,.5); }
.pair-msg { color: #93a9c2; max-width: 34ch; }
.app[hidden] { display: none; }
.mic { flex: none; padding: 12px 28px; border: 1px solid rgba(111,216,255,.6); border-radius: 999px; background: rgba(60,150,200,.18); color: #dff4ff; font: 600 15px 'Segoe UI', system-ui, sans-serif; cursor: pointer; touch-action: none; user-select: none; -webkit-user-select: none; }
.mic.on { background: rgba(255,120,90,.35); border-color: #ff9d8a; box-shadow: 0 0 28px rgba(255,140,110,.5); }
.mic:focus-visible { outline: 2px solid #6fd8ff; outline-offset: 3px; }
.bar { display: flex; align-items: center; gap: 14px; }