.home-icon{align-items:center;background-color:#5865f2;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin:1rem auto;transition:background-color .2s ease;width:50px}.home-icon:hover{background-color:#4752c4}.sidebar{align-items:center;background-color:#1e1f22;color:#fff;display:flex;flex-direction:column;height:100vh;padding-top:1rem;position:fixed;transition:transform .3s ease;width:80px;z-index:1000}.sidebar .logo{font-size:2rem;margin-bottom:1rem}.room-list{list-style:none;margin:0;padding:0;width:100%}.room-icon{align-items:center;background-color:#313338;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:60px;justify-content:center;margin:.5rem auto;transition:background .2s;-webkit-user-select:none;user-select:none;width:60px}.room-icon.active,.room-icon:hover{background-color:#5865f2}.room-icon.active{border:2px solid #fff}.sidebar-toggle{background:#1e1f22;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;left:10px;padding:6px 12px;position:fixed;top:10px;z-index:1100}.account-section{margin-bottom:1rem;margin-top:auto;padding-bottom:1rem;position:relative}.account-icon{align-items:center;background-color:#313338;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background .2s;width:60px}.account-icon:hover{background-color:#5865f2}.account-popup{background:#232428;border-radius:8px;bottom:70px;box-shadow:0 0 10px #00000080;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:absolute;width:180px;z-index:2000}.account-name{color:#fff;font-weight:700;margin-bottom:.5rem}.account-btn{background-color:#2b2d31;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem;text-align:left}.account-btn.logout{background-color:#e03131}.account-btn:hover{opacity:.9}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-toggle{display:block}}.join-by-id-content{display:flex;flex-direction:column;gap:1rem}.join-by-id-content label{color:#fff;font-size:1rem}.join-by-id-content input{background-color:#2b2d31;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;outline:none;padding:.6rem}.join-by-id-content input::placeholder{color:#aaa}.join-by-id-content button{background-color:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem}.join-by-id-content button:hover{background-color:#4752c4}.error{color:red;margin-top:8px}.button-row{display:flex;gap:10px;margin-top:12px}.cancel-btn{background-color:#eee;color:#333}.modal-overlay{align-items:center;background-color:#0a0a0a99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background:#2b2d31;border-radius:10px;color:#fff;max-width:500px;padding:2rem;position:relative;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.2rem}.form-group label{font-weight:700;margin-bottom:.4rem}.form-group input,.form-group select{background-color:#1e1f22;border:none;border-radius:6px;color:#fff;font-size:1rem;outline:none;padding:.6rem}.field-hint{color:#aaa;font-size:.85rem;margin-top:.4rem}.create-btn{background-color:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.7rem;width:100%}.create-btn:hover{background-color:#4752c4}.switch-option{color:#ccc;font-size:.95rem;margin-top:1.5rem;text-align:center}.link-btn{background:none;border:none;color:#8791fc;cursor:pointer;font-weight:700;padding:0}.link-btn:hover{color:#b0b9ff;text-decoration:underline}.modal-body .room-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:4px}.modal-body .room-card{align-items:flex-start;background-color:#1e1f22;border-left:4px solid #5865f2;border-radius:10px;display:flex;justify-content:space-between;padding:1.5rem 1rem 1rem;transition:background .2s}.modal-body .room-card:hover{background-color:#3b3a4b}.modal-body .room-info h3{color:#fff;font-size:1.2rem;margin:0}.modal-body .context-preview{color:#bbb;font-size:.9rem;margin-top:4px;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-body .room-actions{display:flex;flex-direction:row;gap:.5rem}.delete-btn,.modal-body .join-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 12px}.modal-body .join-btn{background-color:#5865f2;color:#fff}.modal-body .join-btn:hover{background-color:#4752c4}.modal-body .delete-btn{background-color:#e74c3c;color:#fff}.modal-body .delete-btn:hover{background-color:#c0392b}.modal-body .empty-msg{color:#ccc;margin-top:2rem;text-align:center}.auth-form-container{background:#2b2d31;border-radius:10px;box-shadow:0 0 15px #00000080;color:#fff;max-width:400px;padding:2rem;width:100%}.auth-form-container h2{margin-bottom:1.5rem;text-align:center}.auth-form-container .form-group{margin-bottom:1.2rem}.auth-form-container .form-input-wrapper{margin-top:10px;position:relative;width:100%}.auth-form-container input{border:none;border-radius:6px;box-sizing:border-box;font-size:1rem;outline:none;padding:.6rem 2.5rem .6rem .6rem;width:100%}.auth-form-container .eye-icon{color:#999;cursor:pointer;font-size:1rem;position:absolute;right:15px;top:55%;transform:translateY(-50%)}.auth-form-container button{background-color:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem;width:100%}.auth-form-container button:hover{background-color:#4752c4}.auth-form-container a{color:#fff}.auth-submit-btn{background:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:12px;position:relative;transition:background .3s ease;width:100%}.auth-submit-btn.loading{background:linear-gradient(90deg,#5865f2,#4752c4);color:#0000;pointer-events:none}.loader-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:auto;width:20px}.loading-message{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#5865f2,#4752c4);-webkit-background-clip:text;font-size:.9rem;font-weight:700;margin-top:10px;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1e1f22}::-webkit-scrollbar-thumb{background-color:#8791fc;border:2px solid #1e1f22;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#5e66c3}.landing-container{background:#2b2d31;box-sizing:border-box;color:#fff;min-height:100vh;padding:2rem 3rem 4rem 100px}.hero-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:2rem 4rem}.hero-left{flex:1 1;min-width:300px;text-align:left}.hero-right{display:flex;flex:1 1;justify-content:center;min-width:280px}.hero-buttons{display:flex;gap:10px;margin-top:30px}.features-section{background-color:#1e1f22;border-radius:20px;color:#fff;padding:4rem 2rem;text-align:center}.features-heading{font-size:2rem;margin-bottom:2rem}.feature-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.feature-card{background-color:#313338;border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:1.5rem;transition:transform .3s;width:260px}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#f9f9f9;font-size:1.2rem;margin-bottom:.8rem}.feature-card p{color:#ccc;font-size:.95rem}.hero-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:.2s ease}.hero-btn.primary{background-color:#5865f2;color:#fff}.hero-btn.primary:hover{background-color:#414ed5}.hero-btn.secondary{background-color:#fff;border:2px solid #5865f2;color:#5865f2}.hero-btn.secondary:hover{background-color:#d3d5e5}@media (max-width:1024px){.landing-container{padding:2rem 2rem 4rem 90px}}@media (max-width:768px){.hero-container{padding:0}.hero-left{text-align:center}.hero-buttons{justify-content:center}.landing-container{padding:2rem 1.5rem}.hero-container{align-items:center;flex-direction:column;text-align:center}.hero-image-wrapper{aspect-ratio:1;border-radius:50%;margin:2rem 0;max-width:280px}.hero-image{max-width:200px;width:100%}}*,body{font-family:Poppins,sans-serif}body{background-color:#2b2d31;color:#fff;margin:0;padding:0}.auth-page{align-items:center;background:linear-gradient(to bottom right,#1e1f22,#2b2d31);display:flex;height:100vh;justify-content:center;padding:1rem}.notification-container{display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1rem;top:1rem;z-index:9999}.notification{align-items:center;animation:fadeIn .3s ease-in-out;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#222;display:flex;font-size:.9rem;justify-content:space-between;max-width:350px;min-width:250px;padding:.75rem 1rem}.notification.success{background-color:#d4edda;border-left:4px solid #28a745}.notification.error{background-color:#f8d7da;border-left:4px solid #dc3545}.notification button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1rem;margin-left:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bubble-wrapper{display:flex;margin:6px 10px}.bubble-wrapper.own{justify-content:flex-end}.bubble-wrapper.other{justify-content:flex-start}.bubble{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;color:#111;font-size:.95rem;padding:10px 14px;position:relative;word-break:break-word}.bubble.user{background-color:#dcf8c6}.bubble.ai{background-color:#fff}.sender-name{color:#075e54;font-size:.75rem;font-weight:700;margin-bottom:4px}.message-text{white-space:pre-wrap}.message-meta{color:#999;font-size:.7rem;margin-top:4px;text-align:right}.chat-window{background:#2b2d31;color:#fff;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:80px}.chat-header{font-size:1.1rem;font-weight:700;padding:1rem}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.8rem;overflow-y:auto;padding:1rem}.chat-messages::-webkit-scrollbar{width:12px}.chat-messages::-webkit-scrollbar-track{background:#1e1f22}.chat-messages::-webkit-scrollbar-thumb{background-color:#8791fc;border:2px solid #1e1f22;border-radius:8px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#5e66c3}.chat-input{background-color:#232428;border-top:1px solid #444;display:flex;padding:1rem}.chat-input input{border:none;border-radius:6px;flex:1 1;font-size:1rem;margin-right:.5rem;outline:none;padding:.6rem}.chat-input button{background-color:#5865f2;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.6rem 1rem}.chat-input button:hover{background-color:#4752c4}.chat-header{align-items:center;background-color:#232428;border-bottom:1px solid #444;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.room-info{display:flex;flex-direction:column}.room-title{font-size:1.5rem;font-weight:600;margin:0}.room-id-copy{align-items:center;color:#fceaea;display:flex;font-size:.85rem;gap:.5rem;margin-top:.25rem}.copy-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;transition:color .2s}.copy-button:hover{color:#ffd5d5}@media (max-width:768px){.chat-window{margin-left:0}}
/*# sourceMappingURL=main.9e6417e6.css.map*/