.app-container{color:#374151}.app-container,.chat-container{font-family:Google Sans,Roboto,sans-serif}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid #e8eaed4d;box-shadow:0 8px 32px #0000001a;height:100vh;position:relative}.chat-container.full-width{border-left:none;border-radius:12px;margin:12px;width:calc(100% - 24px)}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e8eaed4d;border-radius:12px 0 0 0;color:#3c4043;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:16px 24px;position:relative;width:100%;z-index:10}.header .username{color:#3c4043;font-size:16px;font-weight:500}.sidebar-toggle-button{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border:none;border-radius:12px;box-shadow:0 4px 12px #a78bfa4d;color:#fff;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-button:hover{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 16px #a78bfa66;transform:translateY(-2px)}.signout-button{background:linear-gradient(135deg,#fca5a5,#f87171);border:none;border-radius:12px;box-shadow:0 4px 12px #fca5a54d;color:#fff;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.signout-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 16px #fca5a566;transform:translateY(-2px)}.emotion-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:none;border-radius:20px;box-shadow:0 4px 12px #d1fae54d;color:#065f46;font-size:13px;font-weight:500;padding:8px 16px}.chat-box{background:#0000;display:flex;flex-direction:column;flex-grow:1;gap:16px;margin:0 auto;max-width:1000px;overflow-y:auto;padding:24px;scroll-behavior:smooth;width:100%}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:#f1f3f4;border-radius:4px}.chat-box::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}.chat-box::-webkit-scrollbar-thumb:hover{background:#c4c7c5}.message-row{align-items:flex-end;display:flex;gap:12px;margin-bottom:16px;width:100%}.message-row.user{flex-direction:row;justify-content:flex-end;margin-left:30%;margin-right:0;width:70%}.message-row.chatbot{flex-direction:row;justify-content:flex-start;margin-left:0;margin-right:30%;width:70%}.message{word-wrap:break-word;border-radius:18px;display:inline-block;flex:1 1;font-family:Google Sans,Roboto,sans-serif;font-size:15px;line-height:1.4;max-width:80%;padding:12px 16px;position:relative}.message.user{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-radius:18px 18px 4px 18px;box-shadow:0 4px 16px #a78bfa4d;color:#fff}.message.chatbot,.message.user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.chatbot{background:#ffffffe6;border:1px solid #e8eaed4d;border-radius:18px 18px 18px 4px;box-shadow:0 4px 16px #0000001a;color:#3c4043}.message img{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:32px;margin-right:8px;width:32px}.input-message-container{align-items:center;border-radius:0 0 12px 12px;border-top:1px solid #e8eaed4d;display:flex;gap:12px;margin:0 auto;max-width:1000px;padding:20px 24px;position:relative;width:100%}.input-message-container,.input-message-container input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.input-message-container input[type=text]{border:1px solid #e8eaed4d;border-radius:24px;box-shadow:0 4px 16px #0000001a;flex:1 1;font-family:Google Sans,Roboto,sans-serif;font-size:16px;outline:none;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-message-container input[type=text]:focus{background:#fffffff2;border-color:#a78bfa;box-shadow:0 4px 20px #a78bfa4d;transform:translateY(-1px)}.input-message-container input[type=text]::placeholder{color:#5f6368}.input-message-container input[type=submit]{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border:none;border-radius:20px;box-shadow:0 4px 16px #a78bfa4d;color:#fff;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;min-width:70px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-message-container input[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 20px #a78bfa66;transform:translateY(-2px)}.input-message-container input[type=submit]:disabled{background:#dadce0;box-shadow:none;color:#5f6368;cursor:not-allowed;transform:none}.avatar-image{height:40px;width:40px}.login-screen{align-items:center;background:linear-gradient(135deg,#fce7f3,#e0e7ff);display:flex;flex-direction:column;font-family:Google Sans,Roboto,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}.login-screen:before{animation:rotate 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Ccircle cx='500' cy='500' r='400' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3Ccircle cx='500' cy='500' r='300' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3Ccircle cx='500' cy='500' r='200' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/svg%3E") 50%/800px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-screen h2{color:#fff;font-size:32px;font-weight:400;margin-bottom:40px;text-align:center;text-shadow:0 2px 4px #0000001a}.app-logo,.login-screen h2{position:relative;z-index:1}.app-logo{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;box-shadow:0 8px 32px #d1fae566;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.app-logo:before{color:#fff;content:"💭";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.auth-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 16px 40px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:90vw;padding:40px;position:relative;width:400px;z-index:1}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background-color:#fff;border:1px solid #dadce0;border-radius:8px;box-sizing:border-box;font-family:Google Sans,Roboto,sans-serif;font-size:16px;outline:none;padding:16px 20px;transition:all .2s ease;width:100%}.auth-form input:focus{background-color:#fff;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}.auth-form input::placeholder{color:#5f6368}.auth-form button[type=submit]{align-items:center;background:linear-gradient(135deg,#a78bfa,#c4b5fd);border:none;border-radius:12px;box-shadow:0 4px 16px #a78bfa4d;color:#fff;cursor:pointer;display:flex;font-family:Google Sans,Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 20px #a78bfa66;transform:translateY(-2px)}.auth-form button[type=submit]:disabled{background-color:#dadce0;box-shadow:none;color:#5f6368;cursor:not-allowed;transform:none}.google-auth-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dadce04d;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Roboto,sans-serif;font-size:16px;font-weight:500;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.google-auth-button:hover:not(:disabled){background:#fffffff2;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.google-auth-button:disabled{background-color:#f8f9fa;box-shadow:none;color:#5f6368;cursor:not-allowed}.auth-divider{align-items:center;color:#5f6368;display:flex;font-size:14px;margin:20px 0}.auth-divider:after,.auth-divider:before{background-color:#dadce0;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:16px}.auth-divider:after{margin-left:16px}.auth-options{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:30px}.link-button{background:none;border:none;border-radius:8px;color:#a78bfa;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:15px;font-weight:400;padding:8px 16px;text-decoration:none;transition:all .2s ease}.link-button:hover{background-color:#a78bfa1a;text-decoration:underline}.auth-option-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #a8e6cf4d;border-radius:12px;box-shadow:0 4px 12px #a8e6cf4d;color:#2c3e50;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:15px;font-weight:500;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-option-button:hover{background:#a8e6cf33;border-color:#a8e6cf;box-shadow:0 6px 16px #a8e6cf66;transform:translateY(-1px)}.error-message{background-color:#d930251a;border:1px solid #d930254d;border-radius:8px;color:#d93025;font-family:Google Sans,Roboto,sans-serif;font-size:14px;padding:12px 16px;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:8px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.app-container{flex-direction:row;height:100vh;position:relative}.chat-container{border-left:none;flex:1 1;height:100%;padding-top:70px}.chat-container,.chat-container.full-width{border-radius:0;margin:0;width:100%}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0;flex-wrap:wrap;gap:8px;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:1001}.header .username{font-size:14px}.sidebar-toggle-button,.signout-button{font-size:12px;padding:8px 12px}.sidebar-toggle-button{position:relative;z-index:1001}.emotion-status{font-size:11px;padding:6px 12px}.chat-box{gap:12px;padding:16px 16px 80px}.message-row.user{margin-left:10%;width:90%}.message-row.chatbot{margin-right:10%;width:90%}.message{font-size:14px;max-width:90%;padding:10px 14px}.input-message-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0;bottom:0;flex-wrap:wrap;left:0;padding:12px 16px;position:fixed;right:0;z-index:999}.input-message-container input[type=text]{font-size:16px;padding:12px 16px}.input-message-container input[type=submit]{font-size:12px;min-width:60px;padding:10px 16px}.auth-form{max-width:350px;padding:30px;width:90%}.login-screen h2{font-size:24px}.app-logo{height:60px;width:60px}.app-logo:before{font-size:24px}}@media (max-width:480px){.header{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;flex-direction:column;left:0;padding:10px 12px;position:fixed;right:0;top:0;z-index:1001}.header .username{margin-bottom:8px;text-align:center}.chat-box{gap:10px;padding:100px 12px 80px}.message-row.chatbot,.message-row.user{margin-left:0;margin-right:0;width:100%}.message{font-size:13px;max-width:95%;padding:8px 12px}.input-message-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;bottom:0;left:0;padding:10px 12px;position:fixed;right:0;z-index:999}.input-message-container input[type=text]{font-size:14px;padding:10px 14px}.auth-form{padding:20px;width:95%}.login-screen h2{font-size:20px}.app-logo{height:50px;width:50px}.app-logo:before{font-size:20px}}.chat-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2!important;border-radius:0 12px 12px 0;border-right:1px solid #e8eaed4d;box-shadow:4px 0 16px #0000001a;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px;z-index:100}.chat-sidebar.hidden{box-shadow:none;transform:translateX(-100%)}.chat-sidebar h3{border-radius:12px!important;font-size:18px;font-weight:600;padding:16px 20px!important;text-align:center!important}.chat-sidebar button,.chat-sidebar h3{background:linear-gradient(135deg,#a78bfa,#c4b5fd)!important;border:none!important;box-shadow:0 4px 12px #a78bfa4d!important;color:#fff!important;font-family:Google Sans,Roboto,sans-serif;margin:16px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-sidebar button{border-radius:12px!important;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px!important}.chat-sidebar button:hover{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 6px 16px #a78bfa66;transform:translateY(-2px)}.chat-sidebar ul{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.chat-sidebar ul::-webkit-scrollbar{width:8px}.chat-sidebar ul::-webkit-scrollbar-track{background:#f5ebff4d;border-radius:4px}.chat-sidebar ul::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:4px}.chat-sidebar ul::-webkit-scrollbar-thumb:hover{background:#a78bfa80}.chat-list-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6!important;border:1px solid #e8eaed4d!important;border-radius:12px!important;box-shadow:0 2px 8px #0000000d!important;cursor:pointer;display:flex;justify-content:space-between;margin:8px 16px!important;min-height:80px;overflow:visible;padding:16px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-list-item:hover{background:#a78bfa1a;border-color:#a78bfa;box-shadow:0 4px 16px #a78bfa33;transform:translateY(-2px)}.chat-list-item.active{background:linear-gradient(135deg,#a78bfa33,#c4b5fd33);border:2px solid #a78bfa;box-shadow:0 6px 20px #a78bfa4d;transform:translateY(-2px)}.chat-name{color:#374151;flex:1 1;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:400;min-height:60px;padding-right:80px;transition:all .3s ease}.chat-preview{width:100%}.chat-title{color:#374151;font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-quote{border-left:3px solid #a78bfa4d;margin-top:8px;padding-left:12px}.quote-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;font-style:italic;line-height:1.4;margin-bottom:4px;overflow:hidden}.quote-author{color:#9ca3af;font-size:11px;font-weight:500}.chat-list-item.active .chat-name{color:#a78bfa;font-weight:500}.chat-actions{display:flex;flex-direction:column;gap:2px;max-width:60px;opacity:0;position:absolute;right:16px;top:16px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.chat-list-item:hover .chat-actions{opacity:1}.chat-actions button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #a78bfa33;border-radius:5px;box-shadow:0 2px 8px #a78bfa1a;color:#6b7280;cursor:pointer;display:flex;font-size:10px;font-weight:500;height:24px;justify-content:center;margin:0;min-width:45px;padding:0;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-actions button:hover{background:#fffffff2;box-shadow:0 4px 12px #00000026;color:#374151;transform:translateY(-1px)}.chat-actions button:first-child:hover{background:linear-gradient(135deg,#a78bfa1a,#c4b5fd1a);border-color:#a78bfa;box-shadow:0 4px 12px #a78bfa33;color:#a78bfa;transform:translateY(-1px)}.chat-actions button:last-child:hover{background:linear-gradient(135deg,#fca5a51a,#f871711a);border-color:#fca5a5;box-shadow:0 4px 12px #fca5a533;color:#f87171;transform:translateY(-1px)}.chat-list-item input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff!important;border:2px solid #a78bfa!important;border-radius:8px;box-shadow:0 4px 16px #a78bfa4d!important;color:#374151!important;font-family:Google Sans,Roboto,sans-serif;font-size:14px;margin-top:4px;outline:none;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 80px);z-index:20}.chat-list-item input[type=text]:focus{background:#fff;border-color:#a78bfa;box-shadow:0 4px 16px #a78bfa33;transform:translateY(-1px)}.chat-header{display:flex;justify-content:flex-end;padding:10px}.clear-chat-button{background:linear-gradient(135deg,#fca5a5,#f87171);border:none;border-radius:8px;box-shadow:0 2px 8px #fca5a54d;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-chat-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #fca5a566;transform:translateY(-1px)}@media (max-width:768px){.chat-sidebar{border-bottom:none;border-radius:0;border-right:1px solid #e8eaed4d;box-shadow:4px 0 16px #0000001a;height:100vh;left:0;max-height:none;max-width:300px;position:fixed;top:0;width:80%;z-index:1000}.chat-sidebar.hidden{max-height:none;overflow:hidden;transform:translateX(-100%)}.chat-sidebar:before{background:#00000080;bottom:0;content:"";left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:-1}.chat-sidebar.hidden:before{opacity:0;pointer-events:none}.chat-sidebar h3{font-size:16px;margin:12px 16px!important;padding:12px 16px!important}.chat-sidebar button{font-size:12px;margin:12px 16px!important;padding:10px 14px!important}.chat-sidebar ul{flex:1 1;max-height:none;overflow-y:auto}.chat-list-item{margin:6px 12px!important;min-height:60px;padding:12px!important}.chat-name{min-height:40px;padding-right:60px}.chat-title{font-size:13px}.quote-content{-webkit-line-clamp:1;font-size:11px}.quote-author{font-size:10px}.chat-actions{max-width:50px;right:12px;top:12px}.chat-actions button{font-size:9px;height:20px;min-width:40px}.chat-list-item input[type=text]{font-size:12px;padding:6px 10px;width:calc(100% - 60px)}.clear-chat-button{font-size:11px;padding:6px 10px}}@media (max-width:480px){.chat-sidebar{max-width:280px;width:85%}.chat-sidebar h3{font-size:14px;margin:8px 12px!important;padding:10px 12px!important}.chat-sidebar button{font-size:11px;margin:8px 12px!important;padding:8px 12px!important}.chat-sidebar ul{flex:1 1;max-height:none}.chat-list-item{margin:4px 8px!important;min-height:50px;padding:8px!important}.chat-name{min-height:30px;padding-right:50px}.chat-title{font-size:12px}.quote-content{font-size:10px}.quote-author{font-size:9px}.chat-actions{max-width:45px;right:8px;top:8px}.chat-actions button{font-size:8px;height:18px;min-width:35px}.chat-list-item input[type=text]{font-size:11px;padding:4px 8px;width:calc(100% - 50px)}.clear-chat-button{font-size:10px;padding:4px 8px}}*{box-sizing:border-box}body{background:linear-gradient(135deg,#fce7f3,#e0e7ff);color:#374151;font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh;padding:0}.demo-mode-section{border-top:1px solid #e8eaed4d;margin-top:20px;padding-top:20px}.guest-mode-button{background:linear-gradient(135deg,#34d399,#10b981)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #34d3994d!important;color:#fff!important;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;padding:12px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.guest-mode-button:hover{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 6px 16px #34d39966!important;transform:translateY(-2px)}.guest-mode-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.demo-disclaimer{color:#6b7280;font-size:12px;font-style:italic;margin-bottom:0;margin-top:8px;text-align:center}.guest-indicator{color:#10b981;font-size:12px;font-weight:500}.guest-mode-banner{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b1a;display:flex;gap:12px;margin:16px;padding:16px}.banner-icon{flex-shrink:0;font-size:24px}.banner-content{flex:1 1}.banner-content strong{color:#92400e;font-size:14px;font-weight:600}.banner-content p{color:#78350f;font-size:12px;line-height:1.4;margin:4px 0 0}.upgrade-button{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #f59e0b4d!important;color:#fff!important;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:12px;font-weight:500;margin:0!important;padding:8px 16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-button:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 4px 12px #f59e0b66!important;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-container{background:linear-gradient(135deg,#fce7f3,#e0e7ff);display:flex;height:100vh;overflow:hidden;position:relative}.chat-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:12px 0 0 12px;display:flex;flex:1 1;flex-direction:column;margin-left:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-container.expanded{margin-left:0;transition:margin-left .3s ease}.delete-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fecaca4d;border-radius:8px;box-shadow:0 2px 8px #fecaca1a;color:#7f1d1d;cursor:pointer;font-size:14px;opacity:.7;padding:6px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-button:hover{background:#fecaca33;border-color:#fca5a5;box-shadow:0 4px 12px #fecaca4d;color:#dc2626;opacity:1;transform:translateY(-1px)}.avatar-image{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:32px;object-fit:cover;width:32px}.camera-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fecaca1a;border:1px solid #fecaca4d;border-radius:12px;box-shadow:0 4px 12px #fecaca33;color:#dc2626;font-size:14px;margin:16px 24px;padding:16px;text-align:center}.no-messages{color:#5f6368;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.emotion-detecting{align-items:center;background:#00000080;border-radius:8px;bottom:0;color:#fff;display:flex;font-size:12px;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{animation:messageAppear .3s ease forwards}.emotion-detection-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #e8eaed4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:16px auto;padding:16px;position:relative;width:220px}.video-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000;border:2px solid #a78bfa33;border-radius:12px;box-shadow:0 4px 16px #a78bfa1a;height:150px;overflow:hidden;position:relative;width:100%}.emotion-detection-video{border-radius:10px;height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:#000000b3;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.emotion-start-button{align-items:center;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border:none;border-radius:12px;box-shadow:0 4px 12px #a7f3d04d;color:#065f46;cursor:pointer;display:flex;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.emotion-start-button:hover{background:linear-gradient(135deg,#6ee7b7,#34d399);box-shadow:0 6px 16px #a7f3d066;transform:translateY(-1px)}.emotion-stop-button{background:linear-gradient(135deg,#fecaca,#fca5a5);border:none;border-radius:12px;box-shadow:0 4px 12px #fecaca4d;color:#7f1d1d;cursor:pointer;font-family:Google Sans,Roboto,sans-serif;font-size:14px;font-weight:500;margin-top:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.emotion-stop-button:hover{background:linear-gradient(135deg,#fca5a5,#f87171);box-shadow:0 6px 16px #fecaca66;transform:translateY(-1px)}@media (max-width:768px){.app-container{flex-direction:row;position:relative}.chat-sidebar{height:100vh;left:0;max-width:300px;position:fixed;top:0;width:80%;z-index:100}.video-container{height:90px;width:120px}.emotion-status{font-size:12px}.auth-form{max-width:400px;width:90%}.login-screen h2{font-size:24px}.message{max-width:85%}}
/*# sourceMappingURL=main.e08dd086.css.map*/