#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.chat-widget-button{position:fixed;bottom:24px;left:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0072bc,#005a94);box-shadow:0 4px 12px #0072bc66;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:1000;transition:all .3s ease}.chat-widget-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #0072bc99}.chat-widget-button:active{transform:scale(.95)}.chat-widget-button svg{width:28px;height:28px;fill:#fff}@keyframes pulse{0%,to{box-shadow:0 4px 12px #0072bc66}50%{box-shadow:0 4px 12px #0072bc66,0 0 0 8px #0072bc1a}}.chat-widget-button.pulse{animation:pulse 2s infinite}.chat-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;transition:opacity .2s ease}.chat-overlay.show{opacity:1;pointer-events:auto}.chat-modal{position:fixed;inset:0;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out}.chat-modal.show{transform:translateY(0)}.chat-header{height:64px;background:linear-gradient(135deg,#0072bc,#005a94);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 8px #0000001a}.chat-header-title{color:#fff;font-size:20px;font-weight:500;margin:0;letter-spacing:.5px}.chat-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;font-size:32px;cursor:pointer;border-radius:50%;transition:background .2s ease}.chat-close-btn:hover{background:#ffffff1a}.chat-content{position:absolute;inset:64px 0 0;background:#fff}.chat-layout{display:flex;height:100%}.chat-sidebar{width:280px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-right:1px solid #dee2e6;padding:16px;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;transition:transform .3s ease-out}.chat-sidebar.mobile-hidden{position:fixed;top:64px;bottom:0;left:0;z-index:9999;width:85vw;max-width:280px;transform:translate(-100%)}.chat-sidebar.mobile-show{transform:translate(0)}.sidebar-overlay{position:fixed;inset:64px 0 0;background-color:#0006;z-index:9998;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-overlay.show{opacity:1;pointer-events:auto}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #0072bc;color:#0072bc;background:#fff;border-radius:8px;padding:10px 16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.new-chat-btn:hover{background:#0072bc;color:#fff}.new-chat-btn span:first-child{font-size:18px}.chat-list{margin-top:24px;overflow-y:auto;flex:1}.chat-item{padding:12px 16px;border-radius:8px;cursor:pointer;color:#495057;margin-bottom:8px;border:1px solid transparent;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis}.chat-item:hover{background:#fff;border-color:#dee2e6;box-shadow:0 2px 8px #0000001a}.chat-main{flex:1;display:flex;flex-direction:column;background:#f8f9fa;min-width:0}.messages-container{flex:1;overflow-y:auto;padding:24px}.message-wrapper{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.message-wrapper.user{justify-content:flex-end}.message-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.message-avatar.assistant{background:linear-gradient(135deg,#db1f4b,#af1337);color:#fff}.message-avatar.user{background:#6c757d;color:#fff}.message-bubble{max-width:600px;padding:7px 15px;border-radius:16px;box-shadow:0 1px 3px #0000001a;word-wrap:break-word}.message-bubble.user{background:linear-gradient(135deg,#0072bc,#005a94);color:#fff;border-bottom-right-radius:4px}.message-bubble.assistant{background:#fff;color:#212529;border:1px solid #dee2e6;border-bottom-left-radius:4px}.chat-input-area{border-top:1px solid #dee2e6;background:#fff;padding:20px;box-shadow:0 -2px 8px #0000000d}.input-group-wrapper{margin:0 auto;width:100%;display:flex;gap:12px;align-items:flex-end;align-items:center}.chat-textarea{flex:1;resize:none;background:#f8f9fa;border:2px solid #ced4da;border-radius:12px;padding:12px 16px;font-size:14px;transition:all .2s ease}.chat-textarea:focus{outline:none;border-color:#0072bc;box-shadow:0 0 0 3px #0072bc1a}.chat-textarea::placeholder{color:#6c757d}.chat-send-btn{background:linear-gradient(135deg,#0072bc,#005a94);color:#fff;border:none;border-radius:12px;padding:5px 20px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0072bc4d;display:flex;align-items:center;justify-content:center;min-width:60px}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#005a94,#004670);box-shadow:0 4px 12px #0072bc66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn span{font-size:20px}.messages-container::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track{background:#f1f5f9}.messages-container::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.chat-widget-button{bottom:20px;left:20px;width:56px;height:56px}.chat-header{height:56px}.chat-content{top:56px}.chat-header-title{font-size:18px}.chat-sidebar{display:none}.chat-sidebar.mobile-show{display:flex}.message-bubble{max-width:85%}}@media(min-width:769px){.sidebar-overlay{display:none!important}.chat-sidebar{display:flex!important;position:relative!important;transform:translate(0)!important}}
