*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050b14;color:#eaf6ff;font-family:Arial,sans-serif;overflow:hidden}.app{height:100dvh;max-width:900px;margin:auto;display:flex;flex-direction:column;padding:12px 16px env(safe-area-inset-bottom)}header{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand strong{letter-spacing:3px;font-size:16px}.brand small{display:block;color:#7f9bb2;font-size:11px;margin-top:3px}.status-dot{width:9px;height:9px;border-radius:50%;background:#25e0a0;box-shadow:0 0 12px #25e0a0}.iconbtn,.mic,.send,footer button{border:0;color:#dff8ff;background:#112438;border-radius:12px;padding:10px}.face-wrap{flex:1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.face{position:relative;width:min(48vw,270px);height:min(34vw,190px);min-width:190px;min-height:130px;border:1px solid #17617a;border-radius:48% 48% 44% 44%;background:radial-gradient(ellipse at 50% 45%,#10354c,#071321 72%);box-shadow:0 0 35px #00bde533,inset 0 0 30px #00bde522;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;overflow:hidden}.face-glow{position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#31d9ff0c 50%,transparent 80%);pointer-events:none}.eyes{display:flex;gap:45px;z-index:1}.eye{width:42px;height:28px;border-radius:50%;background:#5beaff;box-shadow:0 0 18px #31dfff,0 0 40px #159cff;display:grid;place-items:center;overflow:hidden;animation:blink 5s infinite}.eye i{width:13px;height:18px;border-radius:50%;background:#03111d;display:block}.mouth{z-index:1;width:48px;height:7px;border-radius:50%;background:#49dcff;box-shadow:0 0 14px #29cfff;transition:.15s}.face.talking .mouth{height:20px;width:35px;border-radius:40%;animation:talk .22s infinite alternate}.face.listening .eyes{filter:hue-rotate(70deg)}.face-caption{font-size:12px;color:#81a9c0}.conversation{height:27%;min-height:105px;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px 2px}.bubble{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.35;white-space:pre-wrap}.bubble.amigo{align-self:flex-start;background:#10283b;border:1px solid #17435b}.bubble.user{align-self:flex-end;background:#073e52;border:1px solid #087b98}.composer{display:flex;gap:8px;padding:8px 0}.composer input{flex:1;min-width:0;border:1px solid #1b4058;border-radius:14px;background:#0b1928;color:white;padding:14px;font-size:16px;outline:none}.send{width:48px;background:#087b9b;font-size:22px}.mic{width:48px;font-size:18px}footer{display:flex;justify-content:space-between;align-items:center;color:#66869c;font-size:11px;padding:4px 0 8px}footer button{font-size:11px;padding:7px 9px}dialog{border:1px solid #1a526b;border-radius:18px;background:#0a1725;color:#eaf6ff;width:min(92vw,440px)}dialog::backdrop{background:#000b}.dialog-inner{display:flex;flex-direction:column;gap:12px}.dialog-inner h2{margin:4px 0}.dialog-inner p{color:#91aabd;font-size:13px;line-height:1.4}.dialog-inner label{display:flex;flex-direction:column;gap:6px;font-size:13px}.dialog-inner input,.dialog-inner textarea{background:#07111d;border:1px solid #23465c;color:white;border-radius:10px;padding:11px;font:inherit}.primary{background:#087b9b;color:white;border:0;padding:12px;border-radius:10px}.dialog-actions{display:flex;justify-content:flex-end}.dialog-actions button{background:#172b3d;color:white;border:0;padding:9px 14px;border-radius:9px}@keyframes blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes talk{from{transform:scaleY(.5)}to{transform:scaleY(1.4)}}@media(orientation:landscape){.app{padding:8px 20px}.face-wrap{min-height:150px}.face{height:145px;width:220px;min-height:120px}.conversation{height:25%;min-height:75px}.composer{padding:4px 0}}
.mic.active{background:#b83b48!important;box-shadow:0 0 18px #b83b4880}.face.listening{filter:drop-shadow(0 0 18px #35d6ff)}