:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#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 #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@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}.sage-chat-button{position:fixed;z-index:9998;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:50px;padding:8px 12px 8px 16px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s}.sage-chat-button:hover{transform:scale(1.05)}.sage-chat-label{color:#fff;font-weight:600;font-size:14px}.sage-chat-avatar{width:40px;height:40px;border-radius:50%;border:2px solid white;object-fit:cover}.sage-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.sage-modal{background:#fff;border-radius:16px;width:100%;height:95vh;max-width:1100px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;overflow:hidden}.sage-modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.sage-modal-close:hover{background:#fff3}.sage-modal-header{background:#2c5266;color:#fff;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sage-header-logo{display:flex;flex-direction:column;gap:2px}.logo-text{font-size:18px;font-weight:700;letter-spacing:2px}.logo-subtext{font-size:8px;letter-spacing:1px;opacity:.9}.sage-header-title{font-size:14px;flex:.8}.sage-modal-body{display:flex;flex:1;overflow:hidden}.sage-content{width:100%;flex:1;display:flex;flex-direction:column;background:#f5f5f5;overflow-y:auto}.sage-avatar-section{height:30vh;background:#fff;margin:15px 20px;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden;display:flex;flex-direction:column}.sage-avatar-video{flex:1;display:flex;flex-direction:column;min-height:0}.video-container{position:relative;width:100%;flex:1;background:linear-gradient(135deg,#5a9e7a,#4a8c66);overflow:hidden;border-radius:12px 12px 0 0;min-height:0}.avatar-container{position:relative;width:100%;height:100%}.avatar-container video{width:100%!important;height:100%!important}.avatar-video-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-name-overlay{position:absolute;bottom:12px;left:12px;background:#000000bf;color:#fff;padding:6px 14px;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.avatar-name-overlay h3{margin:0;font-size:13px;font-weight:600;letter-spacing:.3px}.avatar-message{padding:12px 20px;margin:0;font-size:13px;color:#555;line-height:1.5;background:#fff;text-align:center;border-top:1px solid #f0f0f0}.sage-chat-area{flex:1;padding:20px;overflow-y:auto}.chat-message.user-message{margin-bottom:20px;display:flex;justify-content:flex-end}.user-message .message-bubble{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 6px #17a2b84d;display:inline-flex;align-items:center;gap:8px;max-width:80%;font-size:14px}.quote-icon{font-size:16px}.sage-response-card{background:#fff;padding:20px;border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px #0000001a}.suggestion-label{font-size:11px;color:#999;margin-bottom:12px;font-weight:500}.response-content{font-size:13px;line-height:1.7;color:#333}.response-content p{margin:0 0 12px}.response-section{margin-bottom:20px}.response-section h4{font-size:14px;font-weight:600;color:#2c5266;margin:0 0 10px}.response-content ul{margin:10px 0;padding-left:20px}.response-content ul li{margin-bottom:8px}.sage-input-area{padding:20px;background:#fff;border-top:1px solid #e0e0e0}.input-wrapper{display:flex;align-items:center;gap:10px;border:1px solid #ddd;border-radius:8px;padding:4px 4px 4px 12px;transition:border-color .2s}.input-wrapper:focus-within{border-color:#17a2b8}.input-icon{font-size:18px;color:#999}.input-wrapper input{flex:1;padding:10px 8px;border:none;font-size:14px;outline:none}.voice-btn{background:transparent;border:none;padding:8px;cursor:pointer;font-size:18px;color:#17a2b8;transition:background .2s;border-radius:6px;display:flex;align-items:center;justify-content:center}.voice-btn:hover{background:#f0f0f0}@media(max-width:768px){.sage-modal{max-width:100%;max-height:100vh;border-radius:0}.video-container{padding-bottom:40%}.avatar-name-overlay h3{font-size:12px}}@media(max-width:480px){.video-container{padding-bottom:45%}.avatar-name-overlay{bottom:10px;left:10px;padding:5px 12px}}.message-content{width:100%}.user-message .message-bubble{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 6px #17a2b84d;display:inline-flex;align-items:flex-start;gap:8px;max-width:80%;font-size:14px}.ai-message{margin-bottom:20px;display:flex;justify-content:flex-start}.ai-message .message-bubble{background:#fff;color:#333;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;max-width:85%;font-size:14px;line-height:1.6;text-align:left}.ai-message .message-content{text-align:left;width:100%}.message-content .markdown-p{margin:0 0 12px}.message-content .markdown-p:last-child{margin-bottom:0}.message-content .markdown-h1,.message-content .markdown-h2,.message-content .markdown-h3,.message-content .markdown-h4{margin:16px 0 10px;font-weight:600;color:#2c5266;line-height:1.4}.message-content .markdown-h1{font-size:18px}.message-content .markdown-h2{font-size:16px}.message-content .markdown-h3{font-size:15px}.message-content .markdown-h4{font-size:14px}.message-content .markdown-h1:first-child,.message-content .markdown-h2:first-child,.message-content .markdown-h3:first-child,.message-content .markdown-h4:first-child{margin-top:0}.message-content .markdown-ul,.message-content .markdown-ol{margin:10px 0;padding-left:24px}.message-content .markdown-li{margin-bottom:6px}.message-content .markdown-li:last-child{margin-bottom:0}.message-content .markdown-strong{font-weight:600;color:#2c5266}.message-content .markdown-em{font-style:italic}.message-content .markdown-code-inline{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px;color:#d63384}.message-content .markdown-code-block{display:block;background:#f5f5f5;padding:12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;margin:10px 0}.message-content .markdown-link{color:#17a2b8;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.message-content .markdown-link:hover{border-bottom-color:#17a2b8}.user-message .message-content .markdown-strong{color:#fff;font-weight:700}.user-message .message-content .markdown-code-inline{background:#fff3;color:#fff}.input-wrapper.input-disabled{opacity:.6;pointer-events:none}.ai-message.loading .message-bubble:after{content:"●●●";animation:loading 1.4s infinite;margin-left:4px}@keyframes loading{0%,20%{content:"●○○"}40%{content:"●●○"}60%,to{content:"●●●"}}.chat-message{margin-bottom:16px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.user-message .message-bubble,.ai-message .message-bubble{max-width:90%}.message-content .markdown-code-block{font-size:12px;padding:10px}}.input-wrapper{position:relative;overflow:hidden}.input-wrapper:after{content:"";position:absolute;inset:0;background:#fff9;opacity:0;pointer-events:none;transition:opacity .3s;border-radius:8px}.input-wrapper.input-disabled:after{opacity:1}.input-wrapper.recording{border-color:#dc3545;animation:pulsingBorder 1.5s ease-in-out infinite}@keyframes pulsingBorder{0%,to{box-shadow:0 0 #dc354566}50%{box-shadow:0 0 0 6px #dc354500}}.input-wrapper.transcribing{border-color:#17a2b8;position:relative;overflow:hidden}.input-wrapper.transcribing:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(23,162,184,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{to{left:100%}}.voice-btn.recording{color:#dc3545;background:#dc35451a;animation:buttonPulse 1.5s ease-in-out infinite}.voice-btn.recording .mic-icon{animation:recordingBounce .6s ease-in-out infinite alternate}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes recordingBounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.voice-btn.transcribing{color:#17a2b8;background:#17a2b81a;cursor:wait}.spinner{width:18px;height:18px;border:2px solid rgba(23,162,184,.2);border-top-color:#17a2b8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper.input-disabled{opacity:.7;background:#fafafa;cursor:not-allowed}.input-wrapper.input-disabled input{cursor:not-allowed}.input-wrapper input::placeholder{transition:all .3s ease}.input-wrapper.recording input::placeholder{color:#dc3545;font-weight:500}.input-wrapper.transcribing input::placeholder{color:#17a2b8;font-weight:500}.voice-btn:hover:not(:disabled):not(.recording):not(.transcribing){background:#17a2b81a;transform:scale(1.05)}.voice-btn:active:not(:disabled){transform:scale(.95)}@keyframes ripple{0%{box-shadow:0 0 #dc354566}to{box-shadow:0 0 0 12px #dc354500}}