:root{--fondo: #0f1115;--panel: #171a21;--borde: #262b36;--texto: #e6e8ee;--tenue: #8b93a5;--acento: #5b9cf8;--alumno: #1f2a3d;--tutor: #1c2b23;--alarma: #f8715b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:46rem;margin:0 auto;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;gap:1rem}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}h1{font-size:1.05rem;font-weight:600;letter-spacing:.01em;margin:0}.estado{font-size:.85rem;color:var(--tenue);padding:.2rem .6rem;border:1px solid var(--borde);border-radius:999px}.estado--escuchando{color:var(--acento);border-color:var(--acento)}.estado--hablando{color:#6fd18b;border-color:#2f5c3f}.estado--pensando{color:#e2c46a;border-color:#5c4f2f}.alerta{margin:0;padding:.6rem .8rem;border-radius:.5rem;background:var(--panel);border-left:3px solid var(--acento);font-size:.9rem}.alerta--error{border-left-color:var(--alarma)}.hilo{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:12rem}.vacio{color:var(--tenue);font-size:.95rem;margin:auto 0;text-align:center}.burbuja{margin:0;padding:.6rem .85rem;border-radius:.9rem;max-width:85%;white-space:pre-wrap}.burbuja--alumno{background:var(--alumno);align-self:flex-end}.burbuja--tutor{background:var(--tutor);align-self:flex-start}.controles{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--borde)}button{font:inherit;padding:.55rem 1.1rem;border-radius:.5rem;border:1px solid var(--borde);background:var(--panel);color:var(--texto);cursor:pointer}button:hover:not(:disabled){border-color:var(--acento)}button:disabled{opacity:.45;cursor:default}.primario{background:var(--acento);border-color:var(--acento);color:#08121f;font-weight:600}.velocidad{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--tenue)}.velocidad input{width:7rem}.medidor{flex:1;min-width:5rem;height:.4rem;background:var(--panel);border-radius:999px;overflow:hidden}.medidor__relleno{height:100%;background:var(--acento);transition:width 60ms linear}.diagnostico{font-size:.85rem;color:var(--tenue);background:var(--panel);border:1px solid var(--borde);border-radius:.5rem;padding:.6rem .8rem}.diagnostico summary{cursor:pointer;color:var(--texto)}.diagnostico ul{margin:.5rem 0 0;padding-left:1.1rem}.diagnostico p{margin:.5rem 0 0}