@import url(https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Poppins,Noto Sans JP,sans-serif}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative}.login-box{animation:fadeIn .6s ease;background:#fff;border-radius:20px;box-shadow:0 20px 40px #00000026;padding:40px;position:relative;text-align:center;width:350px;z-index:1}.login-container:before{animation:pulse 6s ease-in-out infinite;background:radial-gradient(circle,#ffb6c166,#0000 70%);content:"";filter:blur(80px);height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:0}@keyframes pulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.title{color:#e91e63;font-size:2.5rem;font-weight:600;margin-bottom:10px}.title span{color:#3f51b5}.subtitle{color:#666;font-size:1rem;margin-bottom:30px}.google-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:6px;box-sizing:border-box;color:#202124;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;margin:0 auto;max-width:280px;padding:12px 24px;text-align:center;transition:all .3s ease;width:100%}.google-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.google-btn img{height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{align-items:center;animation:slideDown .6s ease-out;background:linear-gradient(120deg,#fce4ec,#e3f2fd);border-bottom:2px solid #dee2e6;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;padding:20px 40px}.welcome-text h1{color:#3f51b5;font-size:1.8rem;font-weight:600;margin:0}.welcome-text h1 span{color:#e91e63}.welcome-text p{color:#555;font-size:1rem;margin-top:4px}.logout-btn{background-color:#e91e63;border:none;border-radius:8px;box-shadow:0 0 0 #0000;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background-color:#d81b60;box-shadow:0 0 12px #e91e6399;transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.title-card{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #353737;border-radius:16px;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:15px auto;max-width:400px;overflow:hidden;padding:20px;position:relative;transition:transform .4s ease-in-out,box-shadow .4s ease-in-out;width:100%}.title-card h3{color:#222;font-size:1.5em;margin-bottom:10px;position:relative;transition:transform .3s ease}.title-card h3:after{background-color:#007bff;bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.title-card h3:hover:after{width:100%}.title-card:hover h3:before{content:"✨ "}.title-card:hover h3:after{background-color:#ff69b4}.title-card p{color:#555;font-size:1em;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}.title-card:hover p:after{content:" 💬"}.title-card:hover{box-shadow:0 12px 28px #00000040;transform:translateY(-6px) scale(1.02)}@media (max-width:768px){.title-card{max-width:90%;padding:16px}.title-card h3{font-size:1.3em}.title-card p{font-size:.95em}}@media (max-width:480px){.title-card{max-width:95%;padding:14px}.title-card h3{font-size:1.15em}.title-card p{font-size:.9em}}.dashboard{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.dashboard-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.section-title{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.title-grid-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;overflow-x:hidden;padding:10px}@media (min-width:600px){.title-grid-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.title-grid-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.title-grid-container{grid-template-columns:repeat(4,1fr)}}*{box-sizing:border-box}body{margin:0}.chatroom{background:linear-gradient(to bottom right,#fefcbf,#f9a8d4);display:flex;flex-direction:column;font-family:Comic Neue,cursive;min-height:100vh}.chatroom-body{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1000px;padding:25px;width:100%}.chatroom-title{color:#6b21a8;font-size:2.2rem;font-weight:700;margin:20px 0 30px;text-align:center}.messages-container{background:#fff;border:4px solid #000;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='none' stroke='%23000' stroke-width='3' style='stroke-dasharray:6,6'/%3E%3C/svg%3E") 10;border-radius:25px;box-shadow:0 6px 12px #0003;flex:1 1;flex-direction:column;max-height:70vh;overflow-y:auto;padding:25px}.message,.messages-container{display:flex;margin-bottom:20px}.message{animation:bubbleIn .4s ease-out}.message-left{justify-content:flex-start}.message-right{justify-content:flex-end}.message-content{align-items:flex-start;display:flex;max-width:65%}.message-left .message-content{flex-direction:row}.message-right .message-content{flex-direction:row-reverse}.user-photo{border:3px solid #d8b4fe;border-radius:50%;height:45px;margin:0 12px;width:45px}.message-bubble{border:3px solid #000;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='none' stroke='%23000' stroke-width='2' style='stroke-dasharray:5,5'/%3E%3C/svg%3E") 10;border-radius:50%;min-width:130px;padding:18px;position:relative;transition:transform .2s ease}.message-bubble:hover{transform:scale(1.05)}.bubble-left{background:#f3f4f6;color:#1f2937}.bubble-right{background:#7c3aed;color:#fff}.message-header{align-items:baseline;display:flex;margin-bottom:6px}.message-header strong{font-size:1rem;margin-right:12px}.timestamp{font-size:.85rem;opacity:.75}.message-bubble p{font-size:1.1rem;margin:0}.message-form{align-items:center;background:#fff;border:4px solid #000;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='none' stroke='%23000' stroke-width='3' style='stroke-dasharray:6,6'/%3E%3C/svg%3E") 10;border-radius:50px;box-shadow:0 6px 12px #0003;display:flex;padding:12px}.emoji-button{background:none;border:none;cursor:pointer;font-size:1.6rem;padding:0 12px;transition:transform .2s ease}.emoji-button:hover{transform:scale(1.2)}.emoji-picker{background:#fff;border:3px solid #000;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 0h20v20H0z' fill='none' stroke='%23000' stroke-width='2' style='stroke-dasharray:5,5'/%3E%3C/svg%3E") 10;border-radius:12px;bottom:80px;box-shadow:0 6px 12px #0003;display:flex;flex-wrap:wrap;max-width:220px;padding:12px;position:absolute}.emoji-option{background:none;border:none;cursor:pointer;font-size:1.6rem;padding:6px;transition:transform .2s ease}.emoji-option:hover{transform:scale(1.2)}.message-input{background:#0000;flex:1 1;outline:none;padding:12px}.message-input,.send-button{border:none;font-family:Comic Neue,cursive;font-size:1.1rem}.send-button{background:#7c3aed;border-radius:50px;color:#fff;cursor:pointer;padding:12px 24px;transition:transform .2s ease}.send-button:hover{background:#6d28d9;transform:scale(1.1)}.loading{color:#6b21a8;font-size:1rem;padding:12px;text-align:center}@keyframes bubbleIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f3e8ff;border-radius:12px}.messages-container::-webkit-scrollbar-thumb{background:#9f7aea;border-radius:12px}@media (max-width:768px){.chatroom-body{padding:20px}.chatroom-title{font-size:2rem;margin:15px 0 25px}.messages-container{max-height:65vh;padding:20px}.message-content{max-width:70%}.message-bubble{border-radius:25px;min-width:120px;padding:15px}.user-photo{height:40px;margin:0 10px;width:40px}.message-header strong{font-size:.9rem}.timestamp{font-size:.8rem}.message-bubble p{font-size:1rem}.message-form{padding:10px}.message-input,.send-button{font-size:1rem}.send-button{padding:10px 20px}.emoji-picker{bottom:70px;max-width:200px}}@media (max-width:480px){.chatroom-body{padding:15px}.chatroom-title{font-size:1.8rem;margin:10px 0 20px}.messages-container{max-height:60vh;padding:15px}.message-content{max-width:75%}.message-bubble{border-radius:20px;min-width:100px;padding:12px}.user-photo{height:35px;margin:0 8px;width:35px}.message-header strong{font-size:.85rem}.timestamp{font-size:.75rem}.message-bubble p{font-size:.95rem}.message-form{padding:8px}.message-input{font-size:.95rem;padding:8px}.send-button{font-size:.95rem;padding:8px 15px}.emoji-button,.emoji-option{font-size:1.4rem}.emoji-picker{bottom:60px;max-width:180px;padding:8px}}
/*# sourceMappingURL=main.19c9ba18.css.map*/