:root{--navy: #1a1f3c;--navy-2: #232a52;--violeta: #6b4eff;--cyan: #2ad4d4;--texto: #e8e9f0;--tenue: #9aa0c0;--burbuja-user: #6b4eff;--burbuja-alma: #232a52}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Arial,Helvetica,sans-serif;background:var(--navy);color:var(--texto)}h1,h2{font-family:Georgia,Times New Roman,serif}.login{height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--navy-2);padding:40px;border-radius:14px;width:340px;text-align:center;box-shadow:0 10px 40px #0006}.login-card h1{color:var(--cyan);font-size:38px}.login-card .sub{color:var(--tenue);margin:6px 0 24px;font-size:14px}.login-card input,.login-card button{width:100%;padding:12px 14px;border-radius:8px;border:none;font-size:15px}.login-card input{background:#141938;color:var(--texto);margin-bottom:12px}.login-card button{background:var(--violeta);color:#fff;cursor:pointer;font-weight:700}.login-card button:hover{filter:brightness(1.1)}.error{color:#ff6b8a;margin-top:12px;font-size:14px}.chat-layout{display:flex;height:100vh}.sidebar{width:220px;background:#141938;padding:20px 16px;display:flex;flex-direction:column}.sidebar h2{color:var(--cyan);margin-bottom:20px}.sidebar .spacer{flex:1}.sidebar button{width:100%;padding:10px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.sidebar .nuevo{background:var(--violeta);color:#fff;font-weight:700}.sidebar .salir{background:transparent;color:var(--tenue);border:1px solid #333a66}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:14px 24px;border-bottom:1px solid #2a3158;color:var(--tenue);font-size:13px}.mensajes{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.vacio{margin:auto;color:var(--tenue);text-align:center;max-width:360px}.msg{max-width:680px;padding:12px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--burbuja-user);color:#fff}.msg.assistant{align-self:flex-start;background:var(--burbuja-alma)}.msg.error{align-self:center;background:#4a2030;color:#ffb3c4}.msg.escribiendo{color:var(--tenue);font-style:italic}.capturar{display:block;margin-top:10px;padding:7px 12px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);border-radius:8px;cursor:pointer;font-size:13px}.capturar:hover{background:#2ad4d41f}.composer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #2a3158}.composer textarea{flex:1;resize:none;padding:12px 14px;border-radius:10px;border:1px solid #333a66;background:#141938;color:var(--texto);font-family:inherit;font-size:15px}.composer button{padding:0 22px;border:none;border-radius:10px;background:var(--violeta);color:#fff;font-weight:700;cursor:pointer}.composer button:disabled{opacity:.4;cursor:default}