*{box-sizing:border-box}
html,body{margin:0;height:100%;font-family:Arial,sans-serif;color:#292936}
main{height:100vh;height:100dvh;position:relative;overflow:hidden;background:#fff}
#geogebra{height:100%;width:100%;overflow:hidden}
#estado{position:absolute;top:64px;left:20px;background:white;padding:10px;max-width:80%}
#estado:empty{display:none}
main>#barra-entrada{top:120px;left:12px;right:auto;width:min(420px,calc(100% - 24px));border:1px solid #ddd;border-radius:6px}
.entrada-integrada{position:relative!important;min-height:50px}
.entrada-integrada>:not(#barra-entrada){visibility:hidden;pointer-events:none}
#barra-entrada{position:absolute;top:0;left:0;right:0;z-index:5;background:#fff;color:#222;font-family:Arial,sans-serif}
#entrada{display:flex;align-items:center;gap:4px;min-height:50px;padding:4px 6px 4px 44px;border-bottom:1px solid #ddd}
#entrada label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#entrada::before{content:'+';position:absolute;left:15px;top:11px;color:#777;font-size:24px;font-weight:300}
#comando{flex:1;min-width:0;width:100%;padding:7px 2px;border:0;background:#fff;font:18px Arial,sans-serif;color:#222;outline-offset:0}
#comando::placeholder{color:#777}
#enviar{width:30px;min-height:32px;border:0;background:white;color:#777;font-size:22px;cursor:pointer}
#enviar:disabled{opacity:.5;cursor:wait}
#resultado{display:block;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;padding:0;max-height:30dvh;overflow:auto;border-bottom:1px solid #ddd;background:#fff;font-size:17px}
#resultado:empty,#resultado[hidden],.respuesta[hidden]{display:none}
#barra-entrada :focus-visible{outline:1px solid #6565b5}

.respuesta{position:relative;min-height:40px;padding:8px 12px 8px 44px;font:18px/1.4 Arial,sans-serif;font-variant-numeric:tabular-nums}
.respuesta + .respuesta{border-top:1px solid #eee}
.respuesta::before{content:'';position:absolute;left:17px;top:15px;width:9px;height:9px;border:1px solid #777;border-radius:50%;background:#fff}
#resultado > :not(.respuesta){padding:8px 12px 8px 44px}
.respuesta summary{cursor:pointer;list-style:none}
.respuesta summary::-webkit-details-marker{display:none}
.respuesta summary::after{content:' ▸';color:#777}
.respuesta[open] summary::after{content:' ▾'}
.explicacion{padding:4px 0 4px 16px;font-size:inherit}

#informacion{position:absolute;right:12px;bottom:8px;z-index:8;background:#fff;padding:5px 9px;border:1px solid #ddd;border-radius:6px;color:#4b4388;font-size:12px;text-decoration:none}
.fuentes{display:block;font-size:12px;color:#555;margin-top:6px}.fuentes a{display:block;color:#51449b;padding:3px 0}