.sessions-sidebar{display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-radius:0;padding:0;overflow:hidden;border-right:1px solid var(--color-border-light);height:100%}.sidebar-overlay{display:none}.sessions-sidebar .sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);overflow:hidden}.sessions-sidebar .sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border);flex-shrink:0}.sessions-sidebar .sidebar-header h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0}.close-sidebar-button{display:none}.sessions-list-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0}.no-sessions{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.no-sessions p{margin:0;font-size:.875rem}.session-item{display:flex;flex-direction:column;align-items:flex-start;padding:var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;flex-shrink:0}.session-item:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.session-item-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width: 768px){.sessions-sidebar{position:fixed;top:0;left:-100%;width:80%;max-width:300px;height:100vh;z-index:1000;transition:left .3s ease;padding:0;border-radius:0}.sessions-sidebar.open{left:0}.sessions-sidebar .sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:-1}.sessions-sidebar.open .sidebar-overlay{display:block}.sessions-sidebar .sidebar-content{padding:var(--spacing-lg);height:100%}.close-sidebar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-primary);border:none;cursor:pointer;transition:all .2s ease}.close-sidebar-button:hover{background-color:var(--color-bg-tertiary)}}@media (max-width: 480px){.sessions-sidebar{width:85%}.session-item-name{font-size:.9rem}.session-item-meta{font-size:.7rem}}.how-it-works-sidebar{background-color:var(--color-bg-secondary);border-radius:0;padding:var(--spacing-lg);border-left:1px solid var(--color-border-light);overflow-y:auto;height:100%;max-height:100%}.how-it-works-sidebar .info-section{padding:0;background:none;border:none;margin:0}.how-it-works-sidebar .info-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.how-it-works-sidebar .info-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.how-it-works-sidebar .info-step{display:flex;gap:var(--spacing-md);align-items:flex-start}.how-it-works-sidebar .step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:50%;font-size:1.25rem;font-weight:700}.how-it-works-sidebar .step-content h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.how-it-works-sidebar .step-content p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.credits-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--color-border-light)}.credits-title{text-align:center;font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.credits-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.credit-item{text-align:center}.credit-link{font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease;display:block;padding:var(--spacing-xs) 0;border-radius:var(--radius-md)}.credit-link:hover{color:var(--color-primary);background-color:var(--color-bg-primary)}.credit-link strong{color:var(--color-primary);font-weight:600}@media (max-width: 768px){.how-it-works-sidebar{display:block;margin-top:var(--spacing-lg)}}.about-button,.demo-button,.github-button{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;height:36px;min-width:36px}.about-button,.demo-button{margin-right:.5rem}.github-button{padding:.5rem}.github-button svg{display:block;fill:var(--color-primary)}.about-button:hover,.demo-button:hover,.github-button:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #14b8a64d}.github-button:hover svg{fill:#fff}.demo-button:active,.about-button:active,.github-button:active{transform:translateY(0)}.app-footer{padding:2rem 1.5rem;text-align:center;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}.app-footer p{margin:0}.app-footer .heart{color:#14b8a6;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.app-footer .footer-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.app-footer .footer-link:hover{color:var(--color-primary-dark);text-decoration:underline}.landing-page{height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);overflow:hidden}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-primary)}.navbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.nav-brand{display:flex;align-items:center;gap:var(--spacing-xs)}.brand-name{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.brand-preview{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);opacity:.7}.nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-dark);border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md);transition:all .2s ease;cursor:pointer}.nav-icon:hover{background-color:var(--color-bg-secondary);transform:scale(1.05)}.navbar-right{display:flex;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-secondary-dark);padding:.5rem 1rem;border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md);transition:all .2s ease;text-decoration:none}.nav-link svg{width:20px;height:20px}.nav-link:hover{background-color:var(--color-secondary-dark);color:var(--color-text-inverse)}.landing-main{flex:1;display:grid;grid-template-columns:1fr 3fr 1fr;gap:0;padding:0;overflow:hidden;height:calc(100vh - 130px)}.main-content-column{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl);overflow:hidden}.welcome-section{text-align:center;margin-bottom:var(--spacing-xl)}.welcome-icon{color:var(--color-primary);margin-bottom:var(--spacing-md);display:flex;justify-content:center;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.welcome-title{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1}.welcome-subtitle{font-size:1.25rem;color:var(--color-text-secondary);font-weight:500;margin:0}.new-chat-section{text-align:center}.new-chat-text{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.new-chat-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:var(--shadow-sm);border:none;cursor:pointer}.new-chat-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.new-chat-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.loading-animation-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);text-align:center;animation:fadeIn .5s ease-in}.loader-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:var(--spacing-md);height:80px}.loader-circle{width:20px;height:20px;background-color:var(--color-primary);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.loader-circle:nth-child(1){animation-delay:0s}.loader-circle:nth-child(2){animation-delay:.2s}.loader-circle:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.loading-title{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.loading-description{font-size:1rem;color:var(--color-text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.loading-animation-section .loading-hint{font-size:.875rem;color:var(--color-text-secondary);margin:0}.landing-footer{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.landing-footer p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.landing-footer .heart{color:var(--color-primary);font-size:1rem;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.landing-footer .footer-link{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.landing-footer .footer-link:hover{opacity:.8}@media (max-width: 1024px){.landing-main{grid-template-columns:25% 50% 25%;gap:var(--spacing-md)}}@media (max-width: 768px){.navbar{padding:var(--spacing-sm) var(--spacing-md)}.hamburger-button{display:flex}.nav-brand{flex-direction:column;align-items:flex-start;gap:0}.brand-name{font-size:1.125rem;line-height:1.2}.brand-preview{font-size:.75rem}.landing-main{grid-template-columns:1fr;padding:var(--spacing-md) var(--spacing-md);height:auto;overflow-y:auto}.main-content-column{padding:0;overflow:visible}.nav-icon{width:36px;height:36px}.nav-link{font-size:.75rem;padding:.4rem .6rem;gap:.25rem}.nav-link svg{width:16px;height:16px}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.loading-title{font-size:1.5rem}.loading-description{font-size:.9375rem}.new-chat-button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width: 480px){.landing-main{padding:var(--spacing-md) var(--spacing-sm)}.main-content-column{padding:0}.welcome-title{font-size:1.75rem}.loading-animation-section{padding:var(--spacing-md)}.loading-title{font-size:1.25rem}.loader-container{height:60px;gap:.75rem}.loader-circle{width:16px;height:16px}.new-chat-text{font-size:1rem}.new-chat-button{font-size:.9375rem;padding:.75rem 1.25rem}}.new-chat-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.new-chat-page .navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-primary)}.new-chat-page .navbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.hamburger-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-secondary-dark);transition:all .2s ease;border:none;cursor:pointer}.hamburger-button:hover{background-color:var(--color-bg-secondary)}.back-button-nav{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-secondary-dark);transition:all .2s ease;border:none;cursor:pointer}.back-button-nav:hover{background-color:var(--color-bg-secondary);transform:translate(-2px)}.new-chat-page .nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-dark);border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md)}.new-chat-page .nav-brand{display:flex;align-items:center;gap:var(--spacing-xs)}.new-chat-page .brand-name{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.new-chat-page .brand-preview{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);opacity:.7}.new-chat-page .navbar-right{display:flex;align-items:center}.new-chat-page .nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-secondary-dark);padding:.5rem 1rem;border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md);transition:all .2s ease;text-decoration:none}.new-chat-page .nav-link svg{width:20px;height:20px}.new-chat-page .nav-link:hover{background-color:var(--color-secondary-dark);color:var(--color-text-inverse)}.new-chat-main{flex:1;display:grid;grid-template-columns:1fr 3fr 1fr;gap:0;padding:0}.main-content-column{display:flex;flex-direction:column;padding:var(--spacing-xl)}.welcome-section-compact{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0}.welcome-section-compact .welcome-title{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.welcome-section-compact .welcome-subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0}.loading-section{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;animation:fadeIn .5s ease-in}.loading-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.loading-description{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.loading-hint{font-size:.875rem;color:var(--color-text-secondary);opacity:.8;margin-bottom:var(--spacing-md)}.fun-fact-container{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:#ffffff80;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);animation:fadeIn .8s ease-in .3s both}.fun-fact-header{font-size:.875rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs);text-align:center}.fun-fact-text{font-size:.9375rem;color:var(--color-text-primary);line-height:1.6;text-align:center;font-style:italic;margin:0}.page-header{text-align:center;margin-bottom:var(--spacing-md)}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.page-description{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm);max-width:700px;margin-left:auto;margin-right:auto}.page-tip{background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--spacing-sm);font-size:.8125rem;line-height:1.5;text-align:left;margin:0 auto;max-width:700px}.page-tip code{background-color:#ffffffb3;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em;color:var(--color-text-primary)}.input-mode-toggle{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background-color:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.toggle-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.toggle-button:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.toggle-button.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm)}.toggle-button svg{flex-shrink:0}.new-chat-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.form-label .required{color:var(--color-error)}.form-input{width:100%;padding:.75rem .875rem;font-size:.9375rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .2s ease}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #14b8a61a;background-color:var(--color-bg-primary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-textarea{width:100%;padding:.75rem .875rem;font-size:.875rem;font-family:var(--font-mono);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);color:var(--color-text-primary);transition:all .2s ease;resize:vertical;line-height:1.5}.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #14b8a61a;background-color:var(--color-bg-primary)}.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-hint{font-size:.875rem;color:var(--color-text-secondary);margin:0}.api-inputs-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.api-header-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.examples-section-inline{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.examples-label-inline{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0;white-space:nowrap}.example-buttons-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.example-button-inline{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:var(--color-primary);background-color:var(--color-bg-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.example-button-inline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.example-button-inline:disabled{opacity:.5;cursor:not-allowed}.api-input-group{padding:var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--radius-lg);background-color:#14b8a608;transition:all .2s ease}.api-input-group:hover{border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #14b8a61a;background-color:#14b8a60d}.api-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.api-input-number{font-size:.875rem;font-weight:600;color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.5px}.remove-api-button{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--color-error);background-color:transparent;border:1px solid var(--color-error);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.remove-api-button:hover:not(:disabled){background-color:var(--color-error);color:#fff}.api-input-fields{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group-inline{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label-inline{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.add-api-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;font-weight:600;color:var(--color-primary);background-color:transparent;border:2px dashed var(--color-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.add-api-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);border-style:solid}.examples-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.examples-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.example-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.example-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-primary);background-color:var(--color-bg-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.example-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.example-button:disabled{opacity:.5;cursor:not-allowed}.name-preview{margin-top:var(--spacing-xs);padding:.5rem .75rem;background-color:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.name-preview strong{font-weight:600}.name-preview code{background-color:#ffffffb3;padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em;color:var(--color-primary);font-weight:600}.name-preview.warning{background-color:#fed7aa;border-color:#f59e0b;color:#92400e}.example-fill-button{align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.example-fill-button:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.example-fill-button:disabled{opacity:.5;cursor:not-allowed}.file-upload-area{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);border:2px dashed var(--color-border-dark);border-radius:var(--radius-lg);background-color:var(--color-bg-secondary);text-align:center;min-height:300px}.file-upload-placeholder svg{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.placeholder-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}.placeholder-text strong{color:var(--color-text-primary)}.placeholder-hint{font-size:.875rem;color:var(--color-text-light);margin:0}.error-message{background-color:#fee;border:2px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:left;animation:shake .5s ease-in-out}.error-content{color:var(--color-text-primary)}.error-content p{margin:0 0 var(--spacing-xs) 0;line-height:1.5}.error-content p:last-child{margin-bottom:0}.error-content p:first-child{font-weight:600;color:var(--color-error)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.submit-button{width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;color:var(--color-text-inverse);background-color:var(--color-primary);border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:.75rem;border:none;cursor:pointer}.submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.submit-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-text-inverse);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.new-chat-footer{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.new-chat-footer p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.new-chat-footer .heart{color:var(--color-primary);font-size:1rem;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.new-chat-footer .footer-link{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.new-chat-footer .footer-link:hover{opacity:.8}@media (max-width: 1024px){.new-chat-main{grid-template-columns:25% 50% 25%;gap:var(--spacing-md)}}@media (max-width: 768px){.new-chat-page .navbar{padding:var(--spacing-sm) var(--spacing-md)}.hamburger-button{display:flex}.new-chat-main{grid-template-columns:1fr;padding:var(--spacing-md) var(--spacing-md)}.api-header-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.examples-section-inline,.example-buttons-inline{width:100%}.example-button-inline{flex:1;min-width:0}.main-content-column{padding:0}.page-title{font-size:2rem}.page-description{font-size:1rem}.input-mode-toggle{flex-direction:column}.toggle-button{justify-content:flex-start}}@media (max-width: 480px){.new-chat-main{padding:var(--spacing-md) var(--spacing-sm)}.main-content-column{padding:0}.page-title{font-size:1.75rem}.page-description{font-size:.9375rem}.form-textarea{font-size:.875rem}.session-item-name{font-size:.9rem}.session-item-meta{font-size:.7rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.terms-notice{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.terms-notice svg{color:var(--color-text-secondary);margin-top:2px}.terms-notice p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.terms-link{color:var(--color-primary);text-decoration:underline;font-weight:500;transition:color .2s ease}.terms-link:hover{color:var(--color-primary-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.close-button{background:none;border:none;font-size:32px;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.modal-description{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.url-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:vertical;min-height:180px;transition:border-color .2s}.url-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.url-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.url-input::placeholder{color:#9ca3af}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;font-size:14px}.error-message p{margin:0 0 8px;line-height:1.5}.error-message p:last-child{margin-bottom:0}.error-message p:first-child{font-weight:600}.url-count{text-align:right;color:#6b7280;font-size:13px}.api-inputs-container{display:flex;flex-direction:column;gap:16px}.api-input-group{padding:16px;border:2px solid #14B8A6;border-radius:8px;background-color:#14b8a608;transition:all .2s}.api-input-group:hover{border-color:#0d9488;box-shadow:0 0 0 3px #14b8a61a;background-color:#14b8a60d}.api-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.api-input-number{font-size:12px;font-weight:600;color:#0f766e;text-transform:uppercase;letter-spacing:.5px}.remove-api-button{background:none;border:1px solid #ef4444;color:#ef4444;padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.remove-api-button:hover:not(:disabled){background-color:#ef4444;color:#fff}.remove-api-button:disabled{opacity:.5;cursor:not-allowed}.api-input-fields{display:flex;flex-direction:column;gap:12px}.api-name-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s}.api-name-input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.api-name-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}.add-api-button{padding:10px 16px;background:transparent;border:2px dashed #14B8A6;color:#14b8a6;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-api-button:hover:not(:disabled){background-color:#14b8a6;color:#fff;border-style:solid}.add-api-button:disabled{opacity:.5;cursor:not-allowed}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-primary{background-color:#14b8a6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0d9488;box-shadow:0 2px 8px #14b8a64d}.btn-primary:active:not(:disabled){transform:translateY(1px)}@media (prefers-color-scheme: dark){.modal-content{background:#1f2937;color:#f9fafb}.modal-header{border-bottom-color:#374151}.modal-header h2{color:#f9fafb}.close-button{color:#9ca3af}.close-button:hover:not(:disabled){background-color:#374151;color:#e5e7eb}.modal-body{color:#e5e7eb}.modal-description{color:#9ca3af}.url-input{background-color:#111827;border-color:#374151;color:#f9fafb}.url-input:focus{border-color:#14b8a6}.url-input:disabled{background-color:#1f2937}.modal-footer{border-top-color:#374151}.btn-secondary{background-color:#374151;color:#e5e7eb}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.api-input-group{background-color:#14b8a60d;border-color:#14b8a6}.api-input-group:hover{border-color:#0d9488;box-shadow:0 0 0 3px #14b8a626}.api-name-input{background-color:#111827;border-color:#374151;color:#f9fafb}.api-name-input:focus{border-color:#14b8a6}.api-name-input:disabled{background-color:#1f2937}}*{scroll-behavior:smooth}.chat-interface{height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.chat-body{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:0;overflow:hidden;border-top:2px solid var(--color-border-light)}@media (min-width: 1440px){.chat-body{grid-template-columns:320px 1fr 360px}}.left-sidebar,.right-sidebar{display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow:hidden}.right-sidebar{border-right:none;border-left:1px solid var(--color-border)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary)}.sidebar-header h3{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.5px}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.sidebar-content::-webkit-scrollbar{display:none}.new-chat-icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background-color:var(--color-primary);color:var(--color-text-inverse);border:none;cursor:pointer;transition:all .2s ease}.new-chat-icon-button:hover{background-color:var(--color-primary-hover);transform:scale(1.05)}.add-source-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.add-source-button:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:scale(1.05)}.no-sessions{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.session-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative;overflow:hidden}.session-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-primary);transform:scaleY(0);transition:transform .2s ease}.session-item:hover:before{transform:scaleY(1)}.session-item:hover{border-color:var(--color-border);background-color:var(--color-bg-primary);padding-left:calc(var(--spacing-sm) + 3px)}.session-item.active{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);padding-left:calc(var(--spacing-sm) + 3px)}.session-item.active:before{transform:scaleY(1)}.session-item-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.session-item-meta{font-size:.75rem;color:var(--color-text-secondary)}.document-stats-compact{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat-display{display:flex;align-items:baseline;gap:.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-text{font-size:.75rem;color:var(--color-text-secondary);text-transform:lowercase}.pending-badge{font-size:.7rem;padding:.25rem .5rem;background-color:var(--color-accent-light);color:var(--color-text-primary);border-radius:var(--radius-sm);font-weight:600}.parsing-notice{display:flex;align-items:flex-start;gap:.5rem;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:.7rem;line-height:1.4;color:var(--color-text-secondary)}.parsing-notice svg{flex-shrink:0;margin-top:.1rem;color:var(--color-text-light)}.urls-section{display:flex;flex-direction:column}.urls-header{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0;padding:0 var(--spacing-xs)}.urls-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.url-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease;position:relative;overflow:hidden}.url-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--color-primary);transform:scaleY(0);transition:transform .2s ease}.url-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translate(2px)}.url-item:hover:after{transform:scaleY(1)}.url-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm)}.url-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.url-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-link{font-size:.7rem;color:var(--color-text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--font-mono)}.url-link:hover{color:var(--color-primary);text-decoration:underline}.chat-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-primary);position:sticky;top:0;z-index:10}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-secondary-dark);transition:all .2s ease}.back-button:hover{background-color:var(--color-bg-secondary);transform:translate(-2px)}.chat-header-info{flex:1}.chat-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.chat-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:0}.chat-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.add-source-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer}.add-source-button:hover{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.add-source-button svg{flex-shrink:0}.docs-link-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all .2s ease;text-decoration:none}.docs-link-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm);color:var(--color-text-inverse)}.docs-link-button svg{flex-shrink:0}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-secondary-dark);transition:all .2s ease}.icon-button:hover{background-color:var(--color-bg-secondary);transform:scale(1.1)}.messages-container{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:linear-gradient(to bottom,var(--color-bg-primary),var(--color-bg-secondary));scrollbar-width:thin;-ms-overflow-style:auto}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.messages-container::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-sm)}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-light)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-xl)}.empty-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-primary);opacity:.5;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.suggested-questions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;max-width:600px}.suggestion-chip{padding:.75rem 1.25rem;font-size:.875rem;color:var(--color-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-primary);border-radius:var(--radius-lg);transition:all .3s ease;cursor:pointer}.suggestion-chip:hover{background-color:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md)}.messages-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:900px;margin:0 auto}.message{display:flex;gap:var(--spacing-sm);animation:slideIn .3s ease-out;opacity:0;animation-fill-mode:forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar-user,.avatar-assistant{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:600}.avatar-user{background-color:var(--color-primary);color:var(--color-text-inverse)}.avatar-assistant{background-color:var(--color-secondary-dark);color:var(--color-primary)}.message-content{flex:1;max-width:70%}.message.user .message-content{display:flex;flex-direction:column;align-items:flex-end}.message-text{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);line-height:1.6;word-wrap:break-word}.message.user .message-text{background-color:var(--color-primary);color:var(--color-text-inverse);border-bottom-right-radius:4px;white-space:pre-wrap}.message.assistant .message-text{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.markdown-content{font-size:1rem;line-height:1.6}.markdown-content p{margin-bottom:.75rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content h3{font-size:1.125rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:.75rem}.markdown-content li{margin-bottom:.25rem}.markdown-content code{background-color:var(--color-bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875em}.markdown-content pre{background-color:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:.75rem}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--spacing-sm);margin-left:0;margin-bottom:.75rem;color:var(--color-text-secondary)}.markdown-content a{color:var(--color-primary);text-decoration:underline}.markdown-content a:hover{color:var(--color-primary-hover)}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.sources-toggle-container{margin-top:var(--spacing-sm)}.lazy-load-badge{display:inline-block;padding:.375rem .75rem;margin-top:var(--spacing-xs);background-color:var(--color-accent-light);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:.75rem;font-weight:500}.sources{margin-top:var(--spacing-xs)}.sources-toggle-inline{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sources-toggle-inline:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-primary)}.sources-toggle-inline svg{flex-shrink:0;transition:transform .2s ease}.sources-toggle-inline svg.expanded{transform:rotate(180deg)}.sources-list{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);animation:slideDown .2s ease-out}.source-item{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light)}.source-item:last-child{border-bottom:none;padding-bottom:0}.source-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:.25rem}.source-title{font-size:.875rem;color:var(--color-text-primary);font-weight:600;flex:1}.source-relevance{font-size:.75rem;font-weight:600;color:var(--color-primary);background-color:var(--color-primary-light);padding:.125rem .5rem;border-radius:var(--radius-sm);flex-shrink:0}.source-link{display:inline-flex;align-items:center;font-size:.8125rem;color:var(--color-primary);font-weight:500;transition:color .2s ease}.source-link:hover{color:var(--color-primary-hover);text-decoration:underline}.suggested-urls{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:#fff8dc;border-radius:var(--radius-md);border:1px solid #F59E0B}.suggested-urls h4{font-size:.875rem;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.suggested-urls ul{list-style:none;padding:0;margin:0}.suggested-urls li{margin-bottom:.25rem}.suggested-urls a{font-size:.8125rem;color:var(--color-primary);word-break:break-all}.message-time{font-size:.75rem;color:var(--color-text-light);margin-top:.25rem;padding:0 var(--spacing-sm)}.message.loading .message-content{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.typing-indicator{display:flex;gap:4px;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;background-color:var(--color-text-light);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-container{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-primary);border-top:2px solid var(--color-border-light)}.chat-form{max-width:900px;margin:0 auto}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #14b8a61a}.input-wrapper:focus-within.over-limit{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.character-count{font-size:.75rem;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;transition:color .2s ease}.character-count.warning{color:#f59e0b;font-weight:600}.character-count.over-limit{color:var(--color-error);font-weight:700;animation:pulse 1s ease-in-out infinite}.chat-input{flex:1;resize:none;border:none;background:transparent;font-size:1rem;color:var(--color-text-primary);max-height:150px;overflow-y:auto;padding:.5rem}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-input.over-limit{color:var(--color-error)}.send-button{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);transition:all .2s ease}.send-button:not(:disabled):hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.send-button:disabled{opacity:.4;cursor:not-allowed}.input-error{font-size:.75rem;color:var(--color-error);margin:var(--spacing-xs) 0 0 0;padding:0 var(--spacing-xs)}.input-hint{font-size:.75rem;color:var(--color-text-light);margin-top:var(--spacing-xs);text-align:center}.input-hint kbd{padding:.125rem .375rem;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.7rem}.ai-disclaimer{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#ccfbf180;border:1px solid rgba(153,246,228,.6);border-radius:var(--radius-md);color:var(--color-primary-dark);font-size:.8125rem;line-height:1.5}.ai-disclaimer svg{flex-shrink:0;stroke:var(--color-primary-dark)}.ai-disclaimer span{flex:1}.rate-limit-banner{background:linear-gradient(135deg,#dc2626,#b91c1c);border:2px solid #991b1b;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rate-limit-banner-content{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.rate-limit-banner-content svg{flex-shrink:0;stroke:#fff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.rate-limit-banner-text{font-size:.9375rem;line-height:1.5;color:#fff}.rate-limit-banner-text strong{font-weight:600}@media (max-width: 1024px){.chat-body{grid-template-columns:240px 1fr 0}.right-sidebar{display:none}}@media (max-width: 768px){.chat-body{grid-template-columns:1fr}.left-sidebar,.right-sidebar{display:none}.chat-header{padding:var(--spacing-sm) var(--spacing-md)}.chat-title{font-size:1rem}.chat-subtitle{font-size:.75rem}.messages-container{padding:var(--spacing-md)}.message-content{max-width:85%}.suggested-questions{flex-direction:column}.suggestion-chip{width:100%}.input-hint{display:none}.docs-link-button{font-size:.75rem;padding:.4rem .75rem;gap:.375rem}.docs-link-button svg{width:14px;height:14px}.sources-toggle-inline{width:100%;justify-content:space-between}}@media (max-width: 480px){.chat-header-actions,.docs-link-button{display:none}.back-button{width:36px;height:36px}.messages-container,.chat-input-container{padding:var(--spacing-sm)}.message-content{max-width:90%}}.terms-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.terms-page .navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-primary)}.terms-page .navbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.terms-page .back-button-nav{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:transparent;color:var(--color-secondary-dark);transition:all .2s ease;border:none;cursor:pointer}.terms-page .back-button-nav:hover{background-color:var(--color-bg-secondary);transform:translate(-2px)}.terms-page .nav-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-dark);border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md)}.terms-page .nav-brand{display:flex;align-items:center;gap:var(--spacing-xs)}.terms-page .brand-name{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.terms-page .brand-preview{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);opacity:.7}.terms-page .navbar-right{display:flex;align-items:center}.terms-page .nav-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:1rem;font-weight:600;color:var(--color-secondary-dark);padding:.5rem 1rem;border:2px solid var(--color-secondary-dark);border-radius:var(--radius-md);transition:all .2s ease;text-decoration:none}.terms-page .nav-link svg{width:20px;height:20px}.terms-page .nav-link:hover{background-color:var(--color-secondary-dark);color:var(--color-text-inverse)}.terms-content{flex:1;padding:var(--spacing-xl) var(--spacing-lg);max-width:900px;margin:0 auto;width:100%}.terms-container{background-color:var(--color-bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg)}.terms-container h1{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center}.terms-subtitle{font-size:1.125rem;text-align:center;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.terms-date{font-size:.875rem;text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.terms-intro{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:center}.terms-divider{border:none;border-top:2px solid var(--color-border);margin:var(--spacing-xl) 0}.terms-section{margin-bottom:var(--spacing-xl)}.terms-section h2{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.terms-section p{font-size:1rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.terms-section ul{list-style-type:disc;padding-left:var(--spacing-xl);margin-bottom:var(--spacing-md)}.terms-section li{font-size:1rem;line-height:1.8;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.terms-section li strong{color:var(--color-primary);font-weight:600}.terms-caps{font-size:.9375rem;line-height:1.8;color:var(--color-text-primary);background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.terms-acceptance{font-size:1rem;line-height:1.6;color:var(--color-text-primary);text-align:center;margin-top:var(--spacing-lg)}.terms-footer{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary)}.terms-footer p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.terms-footer .heart{color:var(--color-primary);font-size:1rem;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.terms-footer .footer-link{color:var(--color-primary);text-decoration:underline;transition:opacity .2s ease}.terms-footer .footer-link:hover{opacity:.8}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@media (max-width: 768px){.terms-page .navbar{padding:var(--spacing-sm) var(--spacing-md)}.terms-page .nav-brand{flex-direction:column;align-items:flex-start;gap:0}.terms-page .brand-name{font-size:1.125rem;line-height:1.2}.terms-page .brand-preview{font-size:.75rem}.terms-page .nav-link{font-size:.75rem;padding:.4rem .6rem;gap:.25rem}.terms-page .nav-link svg{width:16px;height:16px}.terms-content,.terms-container{padding:var(--spacing-md)}.terms-container h1{font-size:2rem}.terms-section h2{font-size:1.25rem}.terms-section ul{padding-left:var(--spacing-lg)}}.demo-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.demo-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}.demo-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);text-align:center}.demo-video-container{width:100%;max-width:800px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.demo-video{width:100%;height:100%}@media (max-width: 768px){.demo-content{padding:var(--spacing-lg)}.demo-title{font-size:2rem;margin-bottom:var(--spacing-lg)}.demo-video-container{max-width:100%}}:root{--color-primary: #14B8A6;--color-primary-light: #5EEAD4;--color-primary-dark: #0F766E;--color-primary-hover: #0D9488;--color-secondary: #374151;--color-secondary-light: #6B7280;--color-secondary-dark: #1F2937;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F3F4F6;--color-text-primary: #1F2937;--color-text-secondary: #6B7280;--color-text-light: #9CA3AF;--color-text-inverse: #FFFFFF;--color-accent: #10B981;--color-accent-light: #D1FAE5;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-dark: #D1D5DB;--color-error: #EF4444;--color-warning: #F59E0B;--color-info: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-light)}