body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#1e1e2f;--bg-secondary:#2a2a3b;--accent:#4f46e5;--accent-hover:#4338ca;--text-light:#fff;--text-dark:#000;--gray-light:#cbd5e1;--gray-dark:#4b5563;--error:#ef4444;--error-hover:#dc2626;--success:#22c55e;--success-hover:#16a34a}@media (max-width:600px){.modal-content{width:80%}}body,html{background-color:#1e1e2f;background-color:var(--bg-main);color:#fff;color:var(--text-light);height:100%;overflow:hidden}.App{font-family:Arial,sans-serif}.App header{background-color:#2a2a3b;background-color:var(--bg-secondary);box-sizing:border-box;color:#fff;color:var(--text-light);height:10vh;justify-content:space-between;left:0;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}.App header,.App header h1{align-items:center;display:flex}.App header h1{font-size:2rem;margin:0}.App header .logo{margin-right:10px}.App header .right-side{align-items:center;display:flex;justify-content:flex-end}.App header .right-side p{font-size:1rem;margin-right:20px}.App header .sign-out{background-color:#ef4444;background-color:var(--error);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.App header .sign-out:hover{background-color:#dc2626;background-color:var(--error-hover)}.change-name-button{background-color:#22c55e;background-color:var(--success);border-radius:5px;color:#fff;cursor:pointer;margin-right:15px;padding:8px 15px}.change-name-button:hover{background-color:#16a34a;background-color:var(--success-hover)}.App section{background-color:#1e1e2f;background-color:var(--bg-main);justify-content:center;margin-top:10vh;min-height:100vh}.App section,main{display:flex;flex-direction:column}main{height:80vh;margin:10vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#2a2a3b;background:var(--bg-secondary)}main::-webkit-scrollbar-thumb{background:#4f46e5;background:var(--accent)}form{bottom:0;display:flex;font-size:1.5rem;height:10vh;width:100%}.vanishing-texts{background-color:#2a2a3b;background-color:var(--bg-secondary);text-align:center;width:18%}form button{background-color:#4f46e5;background-color:var(--accent);color:#fff;width:20%}input{background:#4b5563;background:var(--gray-dark);font-size:1.5rem;line-height:1.5;outline:none;padding:0 10px;width:100%}button,input{border:none;color:#fff}button{background-color:#4f46e5;background-color:var(--accent);cursor:pointer;display:inline-block;font-size:1.25rem;padding:15px 32px;text-align:center}button:disabled{cursor:not-allowed;opacity:.5}.sign-in{background:#fff;color:#000;color:var(--text-dark);margin:0 auto;max-width:400px}li,ul{list-style:none;text-align:left}p{border-radius:25px;color:#fff;color:var(--text-light);line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center}.message{align-items:center}.sent{flex-direction:row-reverse}.sent p{background:#4f46e5;background:var(--accent);color:#fff}.received p{background:#cbd5e1;background:var(--gray-light);color:#000;margin-top:2.4%}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}.sign-in-container{align-items:center;color:#fff;flex-direction:column;padding:20px;text-align:center}.sign-in-container,.welcome-text{display:flex;justify-content:center}.welcome-text{animation:fadeInUp 1s ease-out;color:#cbd5e1;color:var(--gray-light);flex-wrap:wrap;font-size:3rem;font-weight:700;gap:.5rem;line-height:1.5;margin-bottom:1rem;text-shadow:2px 2px 8px #0006;white-space:nowrap}.welcome-text span{display:inline-block}.google-sign-in{background:#4285f4;border:none;border-radius:5px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:1.5rem;margin-bottom:1%;margin-top:1%;padding:12px 20px;transition:all .3s ease}.google-sign-in:hover{background:#34a853;transform:scale(1.05)}.custom-sign-in{background:linear-gradient(90deg,#22c55e,#15803d);background:linear-gradient(to right,var(--success),#15803d);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 28px;transition:all .3s ease}.custom-sign-in:hover{background:linear-gradient(90deg,#15803d,#14532d);box-shadow:0 8px 12px #00000026;transform:scale(1.05)}.google-sign-in:focus{outline:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.name-change-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{align-items:center;background-color:#2a2a3b;background-color:var(--bg-secondary);border-radius:8px;color:#fff;color:var(--text-light);display:flex;flex-direction:column;gap:12px;max-width:90%;overflow:hidden;padding:20px;width:300px}.modal-content input{background-color:#4b5563;background-color:var(--gray-dark);border:1px solid #666;border-radius:4px;color:#fff;font-size:1rem;padding:10px;width:100%}.modal-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;width:100%}.modal-buttons button{background-color:#22c55e;background-color:var(--success);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;width:48%}.modal-buttons button[type=button]{background-color:#ef4444;background-color:var(--error)}.set-name-form{background:#2a2a3b;background:var(--bg-secondary);border-radius:10px;box-shadow:0 0 20px #0006;color:#fff;left:50%;max-width:500px;padding:30px 20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.set-name-form h2{font-size:1.5rem;margin-bottom:50px;margin-top:0}.set-name-form form{display:flex;flex-direction:column;gap:15px}.set-name-form input{background:#2e2e2e;border:1px solid #444;border-radius:5px;color:#fff;font-size:1rem;max-width:470px;outline:none;padding:12px}.set-name-form button{background-color:#22c55e;background-color:var(--success);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2%;padding:12px}.set-name-form button:hover{background-color:#16a34a;background-color:var(--success-hover)}.big-logo{height:auto;margin-bottom:-4%;margin-top:-4%;max-width:100%;width:200px}.message{align-items:flex-start;display:flex;margin:10px}.message.sent{flex-direction:row-reverse}.bubble{background:#cbd5e1;background:var(--gray-light);border-radius:20px;color:#000;display:flex;flex-direction:column;max-width:75%;padding:10px 15px;position:relative}.message.sent .bubble{background:#4f46e5;background:var(--accent);color:#fff}.sender-name{font-size:.9rem;font-weight:700;margin-bottom:-3%}.message-text{word-wrap:break-word;font-size:1rem;margin-bottom:0}.timestamp{align-self:flex-end;color:#4b5563;color:var(--gray-dark);font-size:.7rem;margin-top:0}.message.sent .timestamp{color:#ffffffb3}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-container{animation:fadeIn .3s ease-in-out;background-color:#82a7b9;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:400px;padding:2rem;position:relative;width:90%}.modal-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.modal-form input{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem}.modal-form button,.modal-form input{font-size:1rem;padding:10px 12px;width:100%}.modal-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;height:80%;transition:background-color .2s ease}.modal-form button:hover{background-color:#0056b3}.modal-footer{font-size:.9rem;margin-top:1rem;text-align:center}.modal-footer a{color:#007bff;cursor:pointer;text-decoration:none}.modal-footer a:hover{text-decoration:underline}.close-btn{background:none;border:none;color:#000;cursor:pointer;font-size:1.2rem;position:absolute;right:16px;top:12px}.close-btn:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5ca10513.css.map*/