*{margin:0;padding:0}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;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{bottom:0;left:0;margin:0;padding:0;position:fixed;right:0;top:0}#root,body,html{height:100%;overflow:hidden;width:100%}#root{position:relative}.App{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:10px}.chat-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:800px;overflow:hidden;width:100%}@media (max-width:768px){.App{align-items:flex-start;bottom:0;left:0;min-height:100%;padding:0;position:fixed;right:0;top:0}.App,.chat-container{height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%}.chat-container{border-radius:0;box-shadow:none;display:flex;flex-direction:column;position:relative}.chat-container>.chat-header{flex:0 0 auto}.chat-container>.messages-wrapper{flex:1 1;min-height:0}.chat-container>.input-container{flex:0 0 auto}}@media (max-width:480px){#root,body,html{max-width:100vw;overflow-x:hidden!important}.App,.chat-container{max-width:100vw;overflow-x:hidden!important;overflow-y:hidden;width:100vw}.header-layout{flex-wrap:nowrap;max-width:100%;overflow-x:hidden}.header-left,.header-middle,.header-right{max-width:100%;min-width:0;overflow:hidden}.header-logo{max-height:45px;max-width:45px}.header-middle{flex:1 1;min-width:0;overflow:hidden}.header-middle h1{font-size:14px}.header-middle h1,.header-middle p{word-wrap:break-word;line-height:1.2;overflow-wrap:break-word;white-space:normal}.header-middle p{font-size:9px}.messages-container{max-width:100vw;overflow-x:hidden!important;overflow-y:auto;padding:8px;width:100%}.message{max-width:85%!important}.message,.message-text{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.message-text{max-width:100%}.input-container{max-width:100vw;overflow-x:hidden!important;padding:6px 8px;width:100%}.input-wrapper{gap:4px;width:100%}.input-wrapper,.text-input{max-width:100%;overflow-x:hidden}.text-input{word-wrap:break-word;-webkit-text-size-adjust:100%;font-size:16px!important;overflow-wrap:break-word}.send-button,.voice-button{flex-shrink:0;height:38px;width:38px}}.chat-header{background:linear-gradient(135deg,#4caf50f2,#66bb6ae6 25%,#388e3ceb 50%,#4caf50e6 75%,#2e7d32f2);color:#fff;flex-shrink:0;padding:20px;position:relative;text-align:center;z-index:1}.header-layout{gap:16px;justify-content:space-between;width:100%}.header-layout,.header-left{align-items:center;display:flex}.header-left{flex-shrink:0;padding-left:20px}.header-logo{animation:greenGlow 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 10px rgba(255,255,255,.5)) drop-shadow(0 0 15px rgba(76,175,80,.6));height:80px;transition:transform .3s ease;width:80px}.header-logo:hover{transform:scale(1.05)}@keyframes greenGlow{0%{filter:drop-shadow(0 0 8px rgba(76,175,80,.6)) drop-shadow(0 0 12px rgba(76,175,80,.4))}to{filter:drop-shadow(0 0 12px rgba(76,175,80,.8)) drop-shadow(0 0 16px rgba(76,175,80,.6))}}.header-middle{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:12px 16px}.header-middle h1{font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 4px}.header-middle p{font-size:13px;margin:0 0 6px;opacity:.95}.working-area-container{align-items:center;display:flex;font-size:12px;gap:8px;margin-top:4px}.working-area-container .ac-selector-label{font-size:12px;font-weight:500;opacity:.9}.working-area-container .ac-selector{background:#fff3;border-radius:6px;font-size:12px;font-weight:600;padding:2px 8px}.header-right{align-items:center;display:flex;flex-shrink:0}.chat-header h1{font-size:28px;font-weight:600;margin-bottom:6px}.chat-header p{font-size:14px;margin-bottom:12px;opacity:.9}@media (max-width:1024px){.header-logo{height:70px;width:70px}}@media (max-width:768px){.header-logo{height:60px;width:60px}}@media (max-width:480px){.header-logo{height:50px;width:50px}}@media (max-width:768px){.chat-header{flex-shrink:0;max-height:20vh;min-height:auto;overflow-y:auto;padding:10px 8px}.header-layout{gap:8px}.header-left{padding-left:12px}.header-middle{padding:8px 12px}.header-middle h1{font-size:18px;line-height:1.2;margin-bottom:2px}.header-middle p{font-size:11px;line-height:1.3;margin-bottom:4px}.working-area-container{font-size:10px;gap:4px}.chat-header h1{font-size:18px;line-height:1.2;margin-bottom:2px}.chat-header p{font-size:11px;line-height:1.3;margin-bottom:4px}.refresh-button{font-size:12px!important;padding:6px 10px!important}}.ac-selector-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.ac-selector-label{font-size:14px;font-weight:500;opacity:.95}.ac-selector{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 12px;transition:all .3s}@media (max-width:768px){.ac-selector-container{gap:8px;margin-top:10px}.ac-selector,.ac-selector-label{font-size:12px}.ac-selector{min-width:80px;padding:6px 10px}.qr-note{font-size:10px}}.ac-selector option[value=""],.ac-selector:invalid{color:#fff9;font-style:italic}.ac-selector:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80}.ac-selector:disabled{cursor:not-allowed;opacity:.6}.ac-selector option{background:#667eea;color:#fff}.qr-note{font-size:11px;font-style:italic;opacity:.7}.speech-error{background:#ff4d4f38;border:1px solid #ff4d4f8c;border-radius:12px;box-shadow:0 10px 24px #ff4d4f2e;font-size:13px;font-weight:600;letter-spacing:.1px;line-height:1.4;margin-top:12px;padding:10px 12px}@media (max-width:768px){.speech-error{font-size:12px;margin-top:10px;padding:8px 10px}}.messages-wrapper{position:relative}.messages-container,.messages-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.messages-container{-webkit-overflow-scrolling:touch;background:#f8f9fa;gap:12px;overflow-y:auto;padding:15px}@media (max-width:768px){.messages-container{-webkit-overflow-scrolling:touch;display:flex!important;flex:1 1;flex-direction:column;gap:10px;height:0;max-height:none;min-height:0;opacity:1!important;overflow-x:hidden;overflow-y:auto;padding:10px;visibility:visible!important}}.listening-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:10}.listening-card{animation:slideIn .2s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:18px;box-shadow:0 18px 50px #00000059;padding:22px;width:min(520px,92%)}@media (max-width:768px){.listening-card{border-radius:15px;padding:18px;width:95%}}.listening-transcript{background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;color:#fff;font-size:14px;line-height:1.4;margin-top:10px;max-height:90px;overflow:auto;padding:10px 12px;word-break:break-word}.listening-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.cancel-listening-btn.secondary{background:#0000002e;border-color:#ffffff59}.cancel-listening-btn.secondary:hover{background:#00000042;border-color:#ffffff80}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.listening-content{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:15px}.listening-animation{flex-shrink:0;height:60px;position:relative;width:60px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:20px;width:20px;z-index:2}.pulse-dot,.pulse-ring{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pulse-ring{animation:ripple 1.5s ease-out infinite;border:3px solid #fff9;border-radius:50%;height:60px;width:60px}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.listening-text{flex:1 1}.listening-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:8px}.listening-hint{color:#fff;font-size:14px;margin-bottom:12px;opacity:.9}@media (max-width:768px){.listening-title{font-size:16px}.listening-hint{font-size:12px}.listening-transcript{font-size:13px;padding:8px 10px}}.cancel-listening-btn{background:#fff3;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.cancel-listening-btn:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.welcome-message{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin:auto;max-width:500px;padding:20px}@media (max-width:768px){.welcome-message{border-radius:12px;max-width:100%;padding:15px}.welcome-message p{font-size:14px;margin-bottom:12px}.welcome-message li{font-size:13px;padding:6px 0}}.welcome-message p{color:#333;font-size:16px;font-weight:500;margin-bottom:15px}.welcome-message ul{list-style:none;padding:0}.welcome-message li{color:#666;font-size:14px;padding:8px 0 8px 25px;position:relative}.welcome-message li:before{color:#667eea;content:"•";font-size:18px;font-weight:700;left:10px;position:absolute}.message{animation:fadeIn .3s ease-in;display:flex;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message.error{justify-content:center}.message-content{word-wrap:break-word;border-radius:18px;max-width:70%;overflow-wrap:break-word;padding:12px 16px;position:relative}@media (max-width:768px){.message-content{font-size:14px;max-width:85%;padding:10px 14px}.message-content p{font-size:14px}}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.assistant .message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a;color:#333}.message.error .message-content{background:#fee;border:1px solid #fcc;border-radius:18px;color:#c33}.message-content p{font-size:15px;line-height:1.5;margin:0;word-break:break-word}.message-time{display:block;font-size:11px;margin-top:5px;opacity:.6}.play-speech-button{align-items:center;background:#0000;border:none;color:#667eea;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;margin-left:8px;opacity:.7;padding:4px 8px;transition:transform .2s ease,opacity .2s ease;vertical-align:middle}.play-speech-button:hover{opacity:1;transform:scale(1.1)}.play-speech-button:active{transform:scale(.95)}@media (max-width:768px){.play-speech-button{font-size:16px;margin-left:6px;padding:3px 6px}}.typing-indicator{display:flex;gap:5px;padding:5px 0}.typing-indicator span{animation:typing 1.4s infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.input-container{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;padding:15px}@media (max-width:768px){.input-container{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-sizing:border-box;display:block;flex-grow:0;flex-shrink:0;left:0;margin-top:auto;min-height:auto;padding:8px 10px;position:-webkit-sticky;position:sticky;right:0;width:100%;z-index:10}.input-wrapper{align-items:flex-end;display:flex;gap:6px;width:100%}}.input-wrapper{align-items:flex-end;display:flex;gap:8px}.text-input{-webkit-appearance:none;appearance:none;border:2px solid #e0e0e0;border-radius:25px;flex:1 1;font-family:inherit;font-size:15px;max-height:120px;padding:12px 16px;resize:none;transition:border-color .3s}@media (max-width:768px){.text-input{-webkit-text-size-adjust:100%;font-size:16px;line-height:1.4;max-height:80px;padding:8px 12px}}.text-input:focus{border-color:#667eea;outline:none}.text-input:disabled{background:#f5f5f5;cursor:not-allowed}.send-button,.voice-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:45px;justify-content:center;touch-action:manipulation;transition:all .3s;width:45px}@media (max-width:768px){.send-button,.voice-button{align-items:center;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;opacity:1;visibility:visible;width:40px}}.voice-button{background:#f8f9fa;border:1px solid #0000;color:#5f6368}.voice-button:hover:not(:disabled){background:#e8eaed;color:#202124}.voice-button:active:not(:disabled){background:#dadce0}.voice-button:disabled{cursor:not-allowed;opacity:.5}.voice-button.listening{animation:pulse 1.5s infinite;background:#ea4335;color:#fff}.voice-button.listening:hover{background:#d33b2c;color:#fff}.voice-button .mic-icon{display:block;height:24px;width:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.send-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.a5e8b5dc.css.map*/