*{margin:0;padding:0;box-sizing:border-box}:root{--cielo-1: #8fd3f0;--cielo-2: #7ec8e3;--pasto: #6abe30;--pasto-oscuro: #4e9422;--tierra: #79553a;--tierra-oscura: #5d402b;--madera: #a97c50;--piedra: #9c9c9c;--borde: #2b2b2b;--texto: #23301a;--blanco: #fdfaf1;--rojo: #c0392b;--dorado: #e8c04a;--bisel-luz: rgba(255, 255, 255, .4);--bisel-sombra: rgba(0, 0, 0, .28);--font-pixel: "Courier New", Courier, monospace}html,body{height:100%}body{font-family:var(--font-pixel);font-weight:700;letter-spacing:.03em;color:var(--texto);background:linear-gradient(180deg,var(--cielo-1) 0%,var(--cielo-2) 70%,#a5dff5 100%);min-height:100dvh;overflow-x:hidden}body:before{content:"";position:fixed;top:6%;left:8%;width:24px;height:24px;background:transparent;box-shadow:0 0 #fff,24px 0 #fff,48px 0 #fff,-24px 24px #fff,0 24px #fff,24px 24px #fff,48px 24px #fff,72px 24px #fff,60vw -12px #fffd,calc(60vw + 24px) -12px 0 0 #fffd,calc(60vw - 24px) 12px 0 0 #fffd,calc(60vw + 48px) 12px 0 0 #fffd,60vw 12px #fffd,calc(60vw + 24px) 12px 0 0 #fffd;pointer-events:none;z-index:0}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:88px;background:repeating-linear-gradient(90deg,var(--pasto) 0 24px,var(--pasto-oscuro) 24px 48px) top / 100% 22px no-repeat,repeating-linear-gradient(90deg,var(--tierra) 0 24px,var(--tierra-oscura) 24px 48px) bottom / 100% 66px no-repeat;box-shadow:inset 0 4px #ffffff40,inset 0 -6px #00000040;pointer-events:none;z-index:0}body.modo-padres{background:linear-gradient(180deg,#e8e6e0,#d9d6cf);color:#2c2c2c}body.modo-padres:before,body.modo-padres:after{display:none}#app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.btn-block{font-family:var(--font-pixel);font-weight:700;letter-spacing:.04em;font-size:1.1rem;color:var(--texto);background:var(--piedra);border:3px solid var(--borde);border-radius:4px;padding:.7rem 1rem;cursor:pointer;box-shadow:inset 4px 4px 0 var(--bisel-luz),inset -4px -4px 0 var(--bisel-sombra),0 4px #0000004d;touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn-block:active{transform:translateY(3px);box-shadow:inset 4px 4px 0 var(--bisel-sombra),inset -4px -4px 0 var(--bisel-luz),0 1px #0000004d}.btn-block:disabled{opacity:.55;cursor:default}.btn-primario{background:var(--pasto);color:#10250a}.btn-peligro{background:var(--rojo);color:#fff}.btn-plain{font-family:var(--font-pixel);font-weight:700;background:none;border:none;font-size:1rem;cursor:pointer;color:inherit;text-decoration:underline;padding:.5rem}.input-block{font-family:var(--font-pixel);font-weight:700;font-size:1.1rem;padding:.7rem .9rem;border:3px solid var(--borde);border-radius:4px;background:var(--blanco);color:#222;box-shadow:inset 3px 3px #0000001f;width:100%;min-width:0}.input-block:focus{outline:3px solid var(--dorado)}.load-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2rem 1rem;text-align:center}.load-title{font-size:2rem;color:#14421f;text-shadow:3px 3px 0 rgba(255,255,255,.5)}.load-text{font-size:1.1rem}.load-bar{width:min(320px,80vw);height:30px;border:3px solid var(--borde);border-radius:4px;background:var(--blanco);overflow:hidden;box-shadow:inset 3px 3px #0000001f}.load-bar-fill{height:100%;width:40%;background:repeating-linear-gradient(90deg,var(--pasto) 0 14px,var(--pasto-oscuro) 14px 28px);animation:cargar 1.1s steps(8) infinite}@keyframes cargar{0%{transform:translate(-100%)}to{transform:translate(280%)}}.chat-screen{flex:1;display:flex;flex-direction:column;min-height:100dvh;padding:.6rem .8rem calc(.8rem + 12px);gap:.5rem}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--madera);border:3px solid var(--borde);border-radius:4px;padding:.5rem .9rem;box-shadow:inset 4px 4px 0 var(--bisel-luz),inset -4px -4px 0 var(--bisel-sombra)}.chat-title h1{font-size:1.5rem;color:#fff8e7;text-shadow:2px 2px 0 rgba(0,0,0,.45);line-height:1.1}.chat-subtitle{font-size:.85rem;color:#ffeec2}.btn-lock{font-size:1.3rem;padding:.45rem .7rem;flex-shrink:0}.avatar-wrap{display:flex;justify-content:center;padding:.2rem 0}#avatar{width:min(230px,52vw);height:min(230px,52vw);image-rendering:pixelated}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.6rem;background:#ffffff59;border:3px solid var(--borde);border-radius:4px;min-height:120px}.bubble{max-width:85%;padding:.6rem .8rem;border:3px solid var(--borde);border-radius:6px;font-size:1.05rem;line-height:1.35;box-shadow:inset 3px 3px 0 var(--bisel-luz),inset -3px -3px 0 var(--bisel-sombra);word-wrap:break-word}.bubble-nino{align-self:flex-end;background:#ffe08a}.bubble-jesus{align-self:flex-start;background:var(--blanco)}.bubble-error{background:#ffd6cf}.verse-card{margin-top:.55rem;padding:.55rem .7rem;background:#eef7e4;border:3px solid var(--pasto-oscuro);border-radius:4px}.verse-ref{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.95rem}.verse-badge{font-size:.7rem;background:var(--pasto);color:#10250a;border:2px solid var(--borde);border-radius:3px;padding:.08rem .35rem;white-space:nowrap}.verse-text{font-size:.95rem;font-style:italic}.interim{text-align:center;font-size:1.05rem;background:#000000a6;color:#fff;border-radius:6px;padding:.5rem .8rem;margin:0 .4rem}.chat-controls{display:flex;flex-direction:column;gap:.55rem}.btn-mic{width:100%;min-height:84px;font-size:1.15rem;background:var(--rojo);color:#fff;display:flex;align-items:center;justify-content:center;gap:.7rem;touch-action:none}.mic-icon{font-size:2rem}.btn-mic.mic-active{background:#e74c3c;animation:pulso .9s ease-in-out infinite}@keyframes pulso{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.text-row{display:flex;gap:.5rem}.btn-send{background:var(--pasto);color:#10250a;flex-shrink:0;min-width:58px}.btn-mute{flex-shrink:0;min-width:58px}.padres-screen{flex:1;display:flex;flex-direction:column;padding:.8rem;gap:.7rem}.padres-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:3px solid #b6b2a8;padding-bottom:.5rem}.padres-header h1{font-size:1.35rem}.padres-body{display:flex;flex-direction:column;gap:.8rem}.padres-card{background:#f6f4ee;border:3px solid #b6b2a8;border-radius:4px;padding:.9rem;display:flex;flex-direction:column;gap:.6rem}.padres-card h2{font-size:1.1rem}.padres-card label{display:flex;flex-direction:column;gap:.3rem;font-size:.95rem}.padres-nota{font-size:.9rem;color:#666}.padres-error{color:var(--rojo);font-size:.95rem}.padres-aviso p{font-size:.92rem;line-height:1.45}.padres-acciones{display:flex;flex-wrap:wrap;gap:.5rem}.padres-acciones .btn-block{flex:1;min-width:140px;font-size:.95rem}.conv-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.conv-item{border:3px solid #b6b2a8;border-radius:4px;background:#fff;padding:.6rem .7rem;cursor:pointer}.conv-item:hover{background:#f1efe8}.conv-fecha{font-size:.85rem;color:#555;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.conv-preview{font-size:1rem;margin-top:.2rem}.badge-flag{background:var(--rojo);color:#fff;font-size:.7rem;border-radius:3px;padding:.1rem .4rem;white-space:nowrap}.transcripcion{display:flex;flex-direction:column;gap:.7rem;max-height:55vh;overflow-y:auto}.trans-msg{border-left:4px solid #b6b2a8;padding-left:.6rem}.trans-nino{border-left-color:var(--dorado)}.trans-jesus{border-left-color:var(--pasto-oscuro)}.trans-meta{font-size:.8rem;color:#666;margin-bottom:.15rem}.trans-text{font-size:.98rem;line-height:1.4}.trans-msg .verse-card{margin-top:.4rem;background:#f0f5ea}