:root{--bg-color: #09090b;--text-primary: #ececec;--text-secondary: #a1a1aa;--accent-shark: #ef4444;--accent-lean: #3b82f6;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(239,68,68,.15) 0%,transparent 40%)}.app-container{width:100%;max-width:1200px;height:90vh;display:flex;flex-direction:column;gap:1rem;padding:2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.header{text-align:center;padding:1rem}.header h1{font-size:2.5rem;margin:0;background:linear-gradient(to right,#ececec,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px}.debate-arena{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:1rem;gap:1.5rem}.message{max-width:80%;padding:1.5rem;border-radius:12px;position:relative;transition:transform .2s;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ceo{align-self:flex-start;border-left:4px solid var(--accent-shark);background:linear-gradient(90deg,rgba(239,68,68,.1) 0%,transparent 100%)}.message.asesor{align-self:flex-end;border-right:4px solid var(--accent-lean);background:linear-gradient(-90deg,rgba(59,130,246,.1) 0%,transparent 100%);text-align:right}.role-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;color:var(--text-secondary);font-weight:700}.mission-control{padding:1.5rem;display:flex;gap:1rem}input[type=text]{flex:1;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;padding:1rem;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}input[type=text]:focus{border-color:var(--text-secondary)}button{background:#fff;color:#000;border:none;padding:0 2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}