: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}.escena{font-size:.85rem;color:var(--tenue)}.escenarios h2{font-size:1rem;font-weight:600;margin:0 0 .25rem}.escenarios .vacio{margin:0 0 1rem;text-align:left}.escenarios ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem}.escenario{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;padding:.85rem 1rem;min-height:4.5rem}.escenario strong{font-weight:600}.escenario span{font-size:.85rem;color:var(--tenue)}.bitacora{margin:.5rem 0 0;max-height:16rem;overflow:auto;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--texto);white-space:pre;-webkit-user-select:all;user-select:all}.controles .parar{flex:1 1 100%;min-height:3.25rem;font-weight:600;font-size:1.05rem;background:var(--panel);border-color:var(--borde);color:var(--tenue)}.controles .parar:enabled{background:var(--acento);border-color:var(--acento);color:#08121f}.controles .parar:disabled{opacity:1}.controles .secundario{font-size:.85rem;padding:.4rem .8rem;color:var(--tenue);background:transparent}