*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00802F;--primary-gradient: linear-gradient(135deg, #00802F 0%, #228B22 100%);--secondary-gradient: linear-gradient(135deg, #00802F 0%, #228B22 100%);--chat-bg: #ffffff;--message-bg: #f8f9fa;--user-bubble: linear-gradient(135deg, #00802F, #228B22);--bot-bubble: #f8f9fa;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #ffffff;--shadow-light: 0 .25rem 1.25rem rgba(0, 128, 47, .1);--shadow-heavy: 0 .625rem 2.5rem rgba(0, 128, 47, .15);--hover-bg: #f3f4f6;--success-color: #00802F;--warning-color: #ef4444;--danger-color: #ef4444;--offline-color: #ef4444;--online-color: #00802F;--typing-color: #f59e0b;--listening-color: var(--typing-color);font-size:16px}html,body{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--chat-bg);color:var(--text-primary);line-height:1.5}.background-animation{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--chat-bg);z-index:-1}.background-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(0,128,47,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,128,47,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,128,47,.01) 0%,transparent 50%);animation:backgroundPulse 15s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.8}}.app-container{height:100%;width:100%;display:flex;flex-direction:column;background:var(--chat-bg)}.header,.input-container{flex-shrink:0;width:100%;background:#fffffffa;backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);border-color:var(--primary-color)!important;box-shadow:var(--shadow-light);position:relative;z-index:99999999}.header{border-bottom-width:.125rem;border-bottom-style:solid;padding:.9375rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.input-container{border-top-width:.125rem;border-top-style:solid;padding:.9375rem 1rem;display:flex;align-items:flex-end;gap:.625rem}.header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.header-right{display:flex;align-items:center;flex-shrink:0}.bioshop-logo img{width:2.1875rem;height:auto;display:block}.header-avatar{position:relative;flex-shrink:0}.header-avatar:after{content:"";position:absolute;bottom:-.125rem;right:-.125rem;width:.75rem;height:.75rem;background:var(--online-color);border:.125rem solid white;border-radius:50%;animation:statusPulse 2s infinite}.header-avatar.offline:after{background:var(--offline-color);animation:none}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.header-info{min-width:0}.header-info h1{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-info .status{font-size:.85rem;color:var(--text-secondary);margin-top:.125rem;display:flex;align-items:center;gap:.375rem}.status-indicator{width:.5rem;height:.5rem;border-radius:50%;background:var(--online-color);transition:background-color .3s ease}.status-indicator.offline{background:var(--offline-color)}.status-indicator.typing{background:var(--typing-color);animation:pulse 1s infinite}.status-indicator.listening{background:var(--listening-color);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#statusLabel.typing-status-text,#statusLabel.listening-status-text{animation:fadeInOut 1.5s infinite}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--chat-bg);width:100%}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem 1rem;scroll-behavior:smooth;width:100%}.chat-messages::-webkit-scrollbar{width:.375rem}.chat-messages::-webkit-scrollbar-track{background:#00802f0d;border-radius:.625rem}.chat-messages::-webkit-scrollbar-thumb{background:#00802f4d;border-radius:.625rem}.chat-messages::-webkit-scrollbar-thumb:hover{background:#00802f80}.message-group{margin-bottom:1.25rem;animation:messageAppear .5s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.message-row{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:.375rem;width:100%}.message-row.user{flex-direction:row-reverse}.message-avatar{width:1.875rem;height:1.875rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;margin-bottom:.125rem;box-shadow:var(--shadow-light)}.user .message-avatar{background:var(--secondary-gradient);color:#fff}.bot .message-avatar{background:var(--primary-gradient);color:#fff}.message-content{max-width:80%;display:flex;flex-direction:column;gap:.25rem}.message-bubble{padding:.75rem 1.875rem .75rem 1rem;border-radius:1.125rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;position:relative;box-shadow:var(--shadow-light);font-size:.9rem;border:.0625rem solid transparent;transition:transform .2s ease-out,box-shadow .2s ease-out}.user .message-bubble{background:var(--user-bubble);color:#fff;border-bottom-right-radius:.375rem;margin-left:auto}.bot .message-bubble{background:var(--bot-bubble);color:var(--text-primary);border-bottom-left-radius:.375rem;border:.0625rem solid var(--border-color)}.message-time{font-size:.7rem;color:var(--text-secondary);margin-top:.1875rem}.user .message-time{text-align:right}.bot .message-time{text-align:left}.copy-message-button{position:absolute;top:.375rem;right:.375rem;background:#0000000d;color:var(--text-secondary);border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.message-bubble:hover .copy-message-button{opacity:1}.copy-message-button:hover{background:#0000001a}.user .message-bubble .copy-message-button{color:#ffffffb3;background:#ffffff1a}.user .message-bubble:hover .copy-message-button{opacity:1}.user .message-bubble .copy-message-button:hover{background:#fff3;color:#fff}.copy-message-button.copied{background-color:var(--success-color)!important;color:#fff!important;opacity:1}.copy-message-button.copied i{color:#fff!important}.typing-indicator{display:flex;align-items:flex-end;gap:.625rem;margin-bottom:1.25rem;animation:messageAppear .5s ease-out;width:100%}.typing-bubble{background:var(--bot-bubble);border:.0625rem solid var(--border-color);padding:1rem 1.25rem;border-radius:1.125rem 1.125rem 1.125rem .375rem;display:flex;gap:.375rem;box-shadow:var(--shadow-light)}.typing-dot{width:.4375rem;height:.4375rem;background:var(--primary-color);border-radius:50%;animation:typingBounce 1s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.input-wrapper{flex:1;background:var(--input-bg);border:.125rem solid var(--border-color);border-radius:1.25rem;padding:0;display:flex;align-items:center;transition:all .3s ease;position:relative;overflow:hidden;min-width:0}.input-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,128,47,.1),transparent);transition:left .6s ease}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 .1875rem #00802f1a}.input-wrapper:focus-within:before{left:100%}#userInput{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.9rem;line-height:1.4;resize:none;max-height:6.25rem;min-height:1.375rem;padding:.625rem 1rem;font-family:inherit;width:100%;overflow-y:auto}#userInput::placeholder{color:var(--text-secondary)}.button-group{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.action-button{width:2.75rem;height:2.75rem;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease,transform .1s ease-out;box-shadow:var(--shadow-light);position:relative;overflow:hidden;font-size:.9rem;flex-shrink:0}.send-button{background:var(--primary-gradient)}.stop-button{background:linear-gradient(135deg,var(--danger-color),#dc2626);display:none}#clearChatButton{background:var(--warning-color)}#micButton{background:linear-gradient(135deg,#7d7c7c,#a1a1a1)}#micButton.listening{background:linear-gradient(135deg,var(--typing-color),#d97706);animation:micPulse 1.5s infinite}@keyframes micPulse{0%{box-shadow:0 0 #f59e0bb3;transform:scale(1)}70%{box-shadow:0 0 0 .625rem #f59e0b00;transform:scale(1.05)}to{box-shadow:0 0 #f59e0b00;transform:scale(1)}}#homeButton{background:#888;color:#fff;width:45px;height:45px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;margin-right:.5rem;box-shadow:var(--shadow-light);font-size:1rem;transition:background .2s ease}#homeButton:hover{background:#09832c}#clearChatButton:hover{background:linear-gradient(135deg,#ef4444,#ca0000);box-shadow:0 .375rem 1.25rem #f59f0b4d}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%);opacity:0}.action-button:hover{transform:scale(1.05) translateY(-.0625rem)}.send-button:hover{box-shadow:0 .5rem 1.5625rem #00802f66}.stop-button:hover{box-shadow:0 .5rem 1.5625rem #ef444466}#micButton:hover{box-shadow:0 .5rem 1.5625rem #3b82f666}#micButton.listening:hover{box-shadow:0 .5rem 1.5625rem #f59e0b66}.action-button:active:before{width:120%;height:120%;opacity:1;transition:width .3s ease-out,height .3s ease-out,opacity .3s ease-out}.action-button:active{transform:scale(.95)}.welcome-message{text-align:center;padding:2.5rem 1.25rem;color:var(--text-secondary);animation:fadeInUp 1s ease-out .5s both;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.welcome-message img{width:10rem;max-width:30%;height:auto;margin-bottom:1rem}.welcome-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcome-subtitle{font-size:.9rem;line-height:1.6;max-width:25rem;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.message-bubble a{color:var(--primary-color);text-decoration:none;font-weight:600;padding:.125rem .375rem;border-radius:.375rem;transition:all .3s ease;border-bottom:.0625rem dashed var(--primary-color);word-break:break-all}.message-bubble a:hover{background:#00802f1a;border-bottom-style:solid}.user .message-bubble a{color:#fffffff2;border-bottom-color:#ffffffb3}.user .message-bubble a:hover{background:#fff3;border-bottom-color:#fff}@media (min-width: 768px){.app-container{max-width:56.25rem;margin:1.25rem auto;height:calc(100vh - 2.5rem);border-radius:1.25rem;overflow:hidden;box-shadow:var(--shadow-heavy);border:.125rem solid var(--primary-color)}.header{padding:1.5rem 2.2rem}.header-info h1{font-size:1.4rem}.bioshop-logo img{width:2.625rem}.chat-messages{padding:2.2rem}.input-container{padding:1.5rem 2.2rem}.message-content{max-width:65%}.message-avatar{width:2.25rem;height:2.25rem;font-size:.95rem}.message-bubble{padding:.875rem 2rem .875rem 1.125rem;font-size:.95rem}.copy-message-button{top:.5rem;right:.5rem;width:1.625rem;height:1.625rem;font-size:.75rem}}@media (max-width: 360px){:root{font-size:14px}.header{padding:.75rem 1rem;gap:.625rem}.header-info h1{font-size:1.05rem}.bioshop-logo img{width:1.8rem}.chat-messages{padding:1rem .75rem}.input-container{padding:.75rem}#userInput{padding:.5rem .875rem;font-size:.85rem}.message-content{max-width:85%}.message-bubble{padding:.625rem 1.875rem .625rem .875rem;font-size:.85rem}.message-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.action-button{width:2.5rem;height:2.5rem;font-size:.85rem}.copy-message-button{top:.3125rem;right:.3125rem;width:1.375rem;height:1.375rem;font-size:.65rem}.welcome-message img{max-width:40%}.welcome-title{font-size:1.15rem}.welcome-subtitle{font-size:.8rem}}.action-button:focus-visible{outline:.1875rem solid rgba(0,128,47,.3);outline-offset:.125rem}#userInput:focus{outline:none}.message-bubble:hover{transform:translateY(-.0625rem);box-shadow:0 .5rem 1.5625rem #00802f26}.user .message-bubble:hover{box-shadow:0 .5rem 1.5625rem #00802f4d}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{height:auto;overflow:visible;font-size:12pt}.app-container{height:auto;max-width:100%;margin:0;border:none;box-shadow:none;border-radius:0}.header,.input-container,.background-animation,.copy-message-button,.message-avatar,.message-time{display:none!important}.chat-container{height:auto}.chat-messages{padding:0;overflow:visible}.message-group{margin-bottom:1rem}.message-row{display:block}.message-content{max-width:100%}.message-bubble{break-inside:avoid;box-shadow:none!important;border:1px solid #ccc!important;padding:.5rem .75rem!important;border-radius:.5rem!important;transform:none!important}.user .message-bubble{background:#e9ecef!important;color:#000!important}.bot .message-bubble{background:#f8f9fa!important;color:#000!important}.message-bubble a{color:#007bff!important;border-bottom-color:#007bff!important}.welcome-message{display:none}}.network-offline .header-avatar:after{background:var(--offline-color)!important;animation:none!important}.network-offline .status-indicator{background:var(--offline-color)!important;animation:none!important}.network-offline #statusLabel{color:var(--offline-color)!important}.network-offline .input-wrapper{background:#f5f5f5;border-color:#ccc}.network-offline #userInput{color:#999;cursor:not-allowed}.network-offline .send-button,.network-offline #micButton{background:#ccc!important;cursor:not-allowed!important;box-shadow:none!important}.network-offline .send-button:hover,.network-offline #micButton:hover{transform:none!important}.message-bubble ul,.message-bubble ol{padding-left:25px;margin-top:5px;margin-bottom:5px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/bioshop-ai-chat.css.map */