@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#888;--accent:#fff;--bubble-a:#fff;--bubble-b:#fff;--glass-bg:#000;--glass-border:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;min-height:100vh;padding:2rem;font-family:Outfit,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:800px}.app-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;flex-direction:column;height:calc(100vh - 4rem);display:flex;overflow:hidden}.header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-title h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.header-title p{color:var(--text-secondary);font-size:.875rem}.controls{gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--accent);color:var(--bg-color)}.btn-primary:hover{background:#e5e5e5}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.btn-danger:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.message-wrapper{flex-direction:column;max-width:80%;display:flex}.message-wrapper.left{align-self:flex-start}.message-wrapper.right{align-self:flex-end;align-items:flex-end}.persona-label{opacity:.8;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.75rem;font-weight:600;display:flex}.message-bubble{border-radius:8px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.6}.left .message-bubble{border:1px solid var(--glass-border);background:#ffffff0d;border-bottom-left-radius:2px}.right .message-bubble{border:1px solid var(--glass-border);background:0 0;border-bottom-right-radius:2px}.typing-indicator{flex-direction:column;max-width:80%;margin-bottom:1rem;display:flex}.typing-indicator.left{align-self:flex-start}.typing-indicator.right{align-self:flex-end;align-items:flex-end}.dots{border:1px solid var(--glass-border);background:0 0;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:1rem 1.25rem;display:flex}.dot{background:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.start-prompt{border:1px solid var(--glass-border);text-align:center;background:0 0;border-radius:8px;max-width:450px;margin:auto;padding:2rem}.start-prompt h2{margin-bottom:1rem;font-size:1.25rem}.start-prompt p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}