:root{--fondo: #0b0b10;--panel: #14141c;--panel-2: #1c1c27;--borde: #262634;--texto: #ecebf3;--suave: #9a99ad;--tenue: #6b6a80;--acento: #8b7cff;--acento-2: #4fd1c5;--peligro: #ff6b81;--ok: #4ade80;--radio: 20px;color-scheme:dark;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-size:16px;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.avatar{--t: 34px;width:var(--t);height:var(--t);border-radius:50%;flex:none;position:relative;background:radial-gradient(circle at 32% 28%,#fff 0 6%,transparent 30%),conic-gradient(from 200deg,var(--acento),var(--acento-2),#c084fc,var(--acento));box-shadow:0 0 calc(var(--t) * .5) #8b7cff73;animation:respirar 4s ease-in-out infinite}.avatar span{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%)}.avatar.grande{--t: 96px;margin:0 auto}.avatar.pensando{animation:girar 1.4s linear infinite}.avatar.dormido{filter:grayscale(1) brightness(.6);box-shadow:none;animation:none}@keyframes respirar{50%{transform:scale(1.06);box-shadow:0 0 calc(var(--t) * .8) #4fd1c573}}@keyframes girar{to{transform:rotate(360deg)}}.cargando{height:100%;display:grid;place-items:center}.login{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center}.login h1{margin:28px 0 0;letter-spacing:.3em;font-weight:700;font-size:28px;padding-left:.3em}.login .sub{color:var(--suave);margin:6px 0 36px}.login form{width:100%;max-width:340px;display:grid;gap:12px}input,textarea{font:inherit;color:var(--texto);background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:14px 16px;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--acento)}.primario{background:linear-gradient(135deg,var(--acento),#6d5cf0);color:#fff;font-weight:600;border-radius:16px;padding:14px}.error{color:var(--peligro);margin:0;font-size:14px}.app{height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto}.barra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--borde)}.barra .titulo{display:flex;align-items:center;gap:10px}.barra .titulo div{display:flex;flex-direction:column;line-height:1.2}.barra small{font-size:12px;color:var(--suave)}.barra small.despierto:before,.barra small.dormido:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}.barra small.despierto:before{background:var(--ok)}.barra small.dormido:before{background:var(--peligro)}.icono{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--suave)}.icono:hover{background:var(--panel);color:var(--texto)}.contenido{flex:1;min-height:0;display:flex;flex-direction:column}.navegacion{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--borde);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--fondo)}.navegacion button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;color:var(--tenue);border-radius:12px}.navegacion button.activo{color:var(--texto)}.navegacion button.activo svg{color:var(--acento)}.chat{flex:1;min-height:0;display:flex;flex-direction:column}.mensajes{flex:1;overflow-y:auto;padding:20px 16px 8px;display:flex;flex-direction:column;gap:10px}.vacio{margin:auto 0;text-align:center;padding:20px 0}.vacio h2{font-weight:600;font-size:22px;margin:28px 0 6px}.aviso{color:var(--peligro);font-size:14px}.burbuja{max-width:86%;padding:11px 15px;border-radius:var(--radio);word-wrap:break-word;animation:aparecer .2s ease-out}.burbuja.user{align-self:flex-end;background:var(--acento);color:#fff;border-bottom-right-radius:6px;white-space:pre-wrap}.burbuja.atlas{align-self:flex-start;background:var(--panel);border:1px solid var(--borde);border-bottom-left-radius:6px}.burbuja.error{border-color:var(--peligro);color:var(--peligro)}.burbuja p{margin:0 0 8px}.burbuja p:last-child{margin:0}.burbuja ul,.burbuja ol{margin:4px 0 8px;padding-left:20px}.burbuja code{background:var(--panel-2);padding:1px 5px;border-radius:6px;font-size:.9em}.burbuja pre{background:var(--fondo);padding:10px;border-radius:12px;overflow-x:auto}.burbuja a{color:var(--acento-2)}@keyframes aparecer{0%{opacity:0;transform:translateY(6px)}}.escribiendo{display:inline-flex;gap:4px;padding:4px 0}.escribiendo i{width:7px;height:7px;border-radius:50%;background:var(--suave);animation:punto 1s infinite}.escribiendo i:nth-child(2){animation-delay:.15s}.escribiendo i:nth-child(3){animation-delay:.3s}@keyframes punto{50%{opacity:.2;transform:translateY(-3px)}}.abajo{padding:6px 12px 10px}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--borde);background:var(--panel);color:var(--texto);font-size:14px}.chip:hover:not(:disabled){border-color:var(--acento)}.compositor{display:flex;align-items:flex-end;gap:8px}.compositor textarea{resize:none;border-radius:24px;padding:12px 18px;max-height:140px;line-height:1.4}.redondo{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--borde);padding:0}.redondo.primario{border:0}.pronto{margin:auto;text-align:center;padding:24px;max-width:320px}.icono-grande{width:76px;height:76px;margin:0 auto 18px;border-radius:24px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--borde);color:var(--acento)}.pronto h2{margin:0 0 6px}.pronto p{color:var(--suave);margin:0 0 18px}.etiqueta{font-size:12px;padding:5px 12px;border-radius:999px;background:#8b7cff26;color:var(--acento)}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.velo.abierto{opacity:1;pointer-events:auto}.cajon{position:fixed;top:0;bottom:0;left:0;width:min(300px,84vw);z-index:11;background:var(--panel);border-right:1px solid var(--borde);display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));transform:translate(-102%);transition:transform .25s ease;visibility:hidden}.cajon.abierto{transform:none;visibility:visible}.cajon-cabeza{display:flex;align-items:center;gap:10px;padding:0 6px 16px;letter-spacing:.15em}.nuevo{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:14px;background:var(--panel-2);border:1px solid var(--borde);margin-bottom:12px}.secciones{display:grid;gap:2px}.secciones button,.salir{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;color:var(--suave);text-align:left}.secciones button.activo,.secciones button:hover{background:var(--panel-2);color:var(--texto)}.rotulo{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--tenue);margin:18px 10px 6px}.lista-chats{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.lista-chats li{display:flex;align-items:center;border-radius:12px}.lista-chats li.activo,.lista-chats li:hover{background:var(--panel-2)}.lista-chats .abrir{flex:1;text-align:left;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--suave)}.lista-chats li.activo .abrir{color:var(--texto)}.lista-chats .borrar{padding:8px;color:var(--tenue);opacity:0}.lista-chats li:hover .borrar,.lista-chats li.activo .borrar{opacity:1}@media (pointer: coarse){.lista-chats .borrar{opacity:1}}.lista-chats .nada{color:var(--tenue);font-size:14px;padding:8px 10px}.salir{margin-top:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}