@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary:#6366f1;--primary-hover:#5856eb;--primary-light:#e0e7ff;--secondary:#f1f5f9;--accent:#10b981;--accent-hover:#059669;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--border-radius:8px;--border-radius-lg:12px;--border-width:1px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}*{margin:0;padding:0}body{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);color:#1e293b;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.6}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--space-lg)}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-width:400px;padding:3rem;padding:var(--space-2xl);width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.logo-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-md)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#10b981);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.logo p{color:#64748b;color:var(--gray-500);font-size:.9rem}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-group label{color:#334155;color:var(--gray-700);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-group input{background:#f8fafc;background:var(--gray-50);border:1px solid #cbd5e1;border:var(--border-width) solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:1rem;padding:var(--space-md);transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--primary-light);outline:none}.button-group{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.back-button,.leave-button,.primary-button,.secondary-button,.send-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease}.primary-button{background:#6366f1;background:var(--primary);color:#fff}.primary-button:hover:not(:disabled){background:#5856eb;background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-button:disabled{background:#cbd5e1;background:var(--gray-300);cursor:not-allowed}.secondary-button{background:#0000;border:1px solid #cbd5e1;border:var(--border-width) solid var(--gray-300);color:#475569;color:var(--gray-600)}.secondary-button:hover{background:#f8fafc;background:var(--gray-50);border-color:#94a3b8;border-color:var(--gray-400)}.connection-status{align-items:center;color:#64748b;color:var(--gray-500);display:flex;font-size:.85rem;gap:.5rem;gap:var(--space-sm);justify-content:center}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.status-dot.connected{background:#10b981;background:var(--success)}.status-dot.disconnected{background:#ef4444;background:var(--error)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.room-browser{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.browser-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.browser-header h2{color:#1e293b;color:var(--gray-800);font-size:1.5rem}.back-button{background:#f1f5f9;background:var(--gray-100);color:#475569;color:var(--gray-600);font-size:.85rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.room-list{margin-bottom:1.5rem;margin-bottom:var(--space-lg);max-height:300px;overflow-y:auto}.room-item{align-items:center;border:1px solid #e2e8f0;border:var(--border-width) solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:1rem;padding:var(--space-md);transition:all .2s ease}.room-item:hover{border-color:#6366f1;border-color:var(--primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.room-info h3{color:#1e293b;color:var(--gray-800);font-size:1rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.room-stats{color:#64748b;color:var(--gray-500);display:flex;font-size:.8rem;gap:1rem;gap:var(--space-md)}.room-arrow{color:#6366f1;color:var(--primary);font-weight:500}.create-room{border-top:1px solid #e2e8f0;border-top:var(--border-width) solid var(--gray-200);padding-top:1.5rem;padding-top:var(--space-lg)}.create-room input{border:1px solid #cbd5e1;border:var(--border-width) solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);margin-bottom:.5rem;margin-bottom:var(--space-sm);padding:1rem;padding:var(--space-md);width:100%}.create-hint{color:#64748b;color:var(--gray-500);font-size:.8rem}.chat-container{background:#fff;display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;height:100vh}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:var(--border-width) solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;grid-area:header;justify-content:space-between;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);z-index:10}.room-info h2{color:#1e293b;color:var(--gray-800);font-size:1.5rem;margin-bottom:.25rem;margin-bottom:var(--space-xs)}.room-info span{color:#64748b;color:var(--gray-500);font-size:.85rem}.leave-button{background:#ef4444;background:var(--error);color:#fff;font-size:.85rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.leave-button:hover{background:#dc2626}.chat-sidebar{background:#f8fafc;background:var(--gray-50);border-right:1px solid #e2e8f0;border-right:var(--border-width) solid var(--gray-200);grid-area:sidebar;overflow-y:auto;padding:1.5rem;padding:var(--space-lg)}.participants-section h3{color:#334155;color:var(--gray-700);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;margin-bottom:var(--space-md);text-transform:uppercase}.participants-list{flex-direction:column}.participant,.participants-list{display:flex;gap:.5rem;gap:var(--space-sm)}.participant{align-items:center;border-radius:8px;border-radius:var(--border-radius);padding:.5rem;padding:var(--space-sm);transition:background-color .2s ease}.participant:hover{background:#fff}.participant-avatar{align-items:center;background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:500;height:32px;justify-content:center;width:32px}.participant span{color:#334155;color:var(--gray-700);font-size:.9rem}.chat-main{background:#fff;display:flex;flex-direction:column;grid-area:main;height:100%}.messages-container{flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--space-lg)}.messages{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.message{align-items:flex-start;animation:messageSlideIn .3s ease-out;display:flex;gap:1rem;gap:var(--space-md)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{align-items:center;background:#cbd5e1;background:var(--gray-300);border-radius:50%;color:#334155;color:var(--gray-700);display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;height:40px;justify-content:center;width:40px}.claude-avatar{background:linear-gradient(135deg,#6366f1,#10b981);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:1.2rem}.message-content{flex:1 1;min-width:0}.message-header{align-items:baseline;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.message-username{color:#1e293b;color:var(--gray-800);font-size:.9rem;font-weight:600}.claude-username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#10b981);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.message-time{color:#94a3b8;color:var(--gray-400);font-size:.75rem}.message-text{word-wrap:break-word;color:#334155;color:var(--gray-700);line-height:1.5}.claude-text{background:#f8fafc;background:var(--gray-50);border-left:3px solid #6366f1;border-left:3px solid var(--primary);border-radius:8px;border-radius:var(--border-radius);padding:1rem;padding:var(--space-md)}.system-message{font-style:italic;padding:.5rem;padding:var(--space-sm);text-align:center}.system-message,.typing-indicator{color:#64748b;color:var(--gray-500);font-size:.85rem}.typing-indicator{align-items:center;display:flex;gap:1rem;gap:var(--space-md);margin-left:52px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingBounce 1.4s infinite both;background:#94a3b8;background:var(--gray-400);border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.message-input-container{background:#fff;border-top:1px solid #e2e8f0;border-top:var(--border-width) solid var(--gray-200);padding:1.5rem;padding:var(--space-lg)}.message-form{align-items:flex-end;display:flex;gap:1rem;gap:var(--space-md)}.message-input{background:#f8fafc;background:var(--gray-50);border:1px solid #cbd5e1;border:var(--border-width) solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);flex:1 1;font-size:1rem;padding:1rem;padding:var(--space-md);resize:none;transition:all .2s ease}.message-input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 3px #e0e7ff;box-shadow:0 0 0 3px var(--primary-light);outline:none}.send-button{background:#6366f1;background:var(--primary);color:#fff;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.send-button:hover:not(:disabled){background:#5856eb;background:var(--primary-hover)}.send-button:disabled{background:#cbd5e1;background:var(--gray-300);cursor:not-allowed}@media (max-width:768px){.chat-container{grid-template-areas:"header" "main";grid-template-columns:1fr}.chat-sidebar{display:none}.login-card{margin:1rem;margin:var(--space-md);padding:1.5rem;padding:var(--space-lg)}.message{gap:.5rem;gap:var(--space-sm)}.message-avatar{font-size:.8rem;height:36px;width:36px}.typing-indicator{margin-left:44px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000080}.no-select,button{user-select:none;-webkit-user-select:none}button,input,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.d7947986.css.map*/