:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2f3d;--text: #e8eaef;--muted: #8b93a7;--accent: #5b8def;--accent-hover: #7aa3f5;--user-bg: #243049;--assistant-bg: #1e222e;--error: #f07178;--radius: 12px;--font: "DM Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto}.app__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.app__header h1{margin:0;font-size:1.125rem;font-weight:600}.app__header-actions{display:flex;gap:.5rem}.app__header-actions button{background:transparent;border:1px solid var(--border);color:var(--muted);padding:.35rem .75rem;border-radius:8px;font-size:.8125rem;cursor:pointer}.app__header-actions button:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.app__main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.app__messages{flex:1;overflow-y:auto;padding:1.25rem}.status-banner{margin:1rem 1.25rem;padding:.75rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.875rem}.status-banner--error{color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,var(--border))}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem}.message-list{display:flex;flex-direction:column;gap:1rem}.message{max-width:85%;padding:.75rem 1rem;border-radius:var(--radius);line-height:1.55;word-break:break-word}.message--user{align-self:flex-end;background:var(--user-bg)}.message--assistant{align-self:flex-start;background:var(--assistant-bg);border:1px solid var(--border)}.message--pending{opacity:.85}.message__label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.35rem}.message__content{font-size:.9375rem}.md-content{line-height:1.55}.md-content>*:first-child{margin-top:0}.md-content>*:last-child{margin-bottom:0}.md-content p{margin:.5em 0}.md-content h1,.md-content h2,.md-content h3,.md-content h4,.md-content h5,.md-content h6{margin:.75em 0 .35em;font-weight:600;line-height:1.3;color:var(--text)}.md-content h1{font-size:1.25rem}.md-content h2{font-size:1.1rem}.md-content h3{font-size:1rem}.md-content ul,.md-content ol{margin:.5em 0;padding-left:1.35em}.md-content li{margin:.25em 0}.md-content li>p{margin:.15em 0}.md-content blockquote{margin:.5em 0;padding:.35em 0 .35em .85em;border-left:3px solid var(--accent);color:var(--muted)}.md-content hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-content a{color:var(--accent);text-decoration:none}.md-content a:hover{text-decoration:underline}.md-content code{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.86em;padding:.12em .35em;border-radius:4px;background:color-mix(in srgb,var(--bg) 65%,var(--border))}.md-content pre{margin:.65em 0;padding:.75rem 1rem;border-radius:8px;overflow-x:auto;background:var(--bg);border:1px solid var(--border)}.md-content pre code{padding:0;background:none;font-size:.8125rem;line-height:1.45}.md-content table{width:100%;border-collapse:collapse;margin:.65em 0;font-size:.875rem}.md-content th,.md-content td{border:1px solid var(--border);padding:.4em .55em;text-align:left}.md-content th{background:color-mix(in srgb,var(--surface) 80%,transparent);font-weight:600}.md-content img{max-width:100%;height:auto;border-radius:6px}.md-content input[type=checkbox]{margin-right:.35em}.app__composer{border-top:1px solid var(--border);background:var(--surface)}.app__controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1.25rem;padding:.65rem 1.25rem 0}@media(max-width:640px){.app__controls{grid-template-columns:1fr}}.model-selector{display:flex;flex-direction:column;gap:.35rem;min-width:0}.model-selector__label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.8125rem;color:var(--muted)}.model-selector__name{color:var(--text);font-weight:500}.model-selector__cost{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-selector__dropdown{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem .65rem;font-family:inherit;font-size:.875rem;cursor:pointer}.model-selector__dropdown:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.model-selector__dropdown:disabled{opacity:.5;cursor:not-allowed}.temperature-control{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:0}.temperature-control__label{display:flex;align-items:baseline;gap:.45rem;font-size:.8125rem;color:var(--muted);min-width:7.5rem}.temperature-control__name{color:var(--text);font-weight:500}.temperature-control__value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.temperature-control__slider{flex:1;min-width:8rem;height:4px;accent-color:var(--accent);cursor:pointer}.temperature-control__slider:disabled{opacity:.45;cursor:not-allowed}.temperature-control__hint{flex:1 1 100%;font-size:.6875rem;color:var(--muted);margin:-.15rem 0 0}.chat-input{display:flex;gap:.75rem;padding:.75rem 1.25rem 1rem;background:var(--surface)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.4}.chat-input textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.chat-input textarea:disabled{opacity:.6}.chat-input button{align-self:flex-end;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:.65rem 1.25rem;font-weight:600;font-size:.875rem;cursor:pointer}.chat-input button:hover:not(:disabled){background:var(--accent-hover)}.chat-input button:disabled{opacity:.45;cursor:not-allowed}.app--centered{justify-content:center;align-items:center}.app__header-brand{display:flex;flex-direction:column;gap:.15rem}.app__user{font-size:.75rem;color:var(--muted);font-weight:400}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.login-card h1{margin:0 0 .25rem;font-size:1.25rem}.login-card__subtitle{margin:0 0 1.5rem;color:var(--muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;color:var(--muted)}.login-form input{padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.9375rem}.login-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.login-form button{margin-top:.5rem;padding:.7rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer}.login-form button:disabled{opacity:.5;cursor:not-allowed}.login-form__error{margin:0;color:var(--error);font-size:.875rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.modal__panel{position:relative;z-index:1;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal__header h2{margin:0;font-size:1.1rem}.modal__close{background:transparent;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .25rem}.modal__body{display:flex;flex-direction:column;gap:1rem}.modal__hint{margin:0;font-size:.875rem;color:var(--muted);line-height:1.45}.modal__body label{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;color:var(--muted)}.modal__body input[type=text],.modal__body input[type=file]{font-family:inherit;font-size:.875rem;color:var(--text)}.modal__status{margin:0;font-size:.875rem;color:var(--muted)}.modal__status--error{color:var(--error)}.modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.modal__actions button{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text)}.modal__actions button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.modal__actions button:disabled{opacity:.45;cursor:not-allowed}.modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-content.modal__panel,.modal__panel.add-content{padding:0;max-width:520px;animation:modal-in .2s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.add-content .modal__header{margin:0;padding:1.25rem 1.25rem 0}.add-content__heading h2{margin:0;font-size:1.15rem;font-weight:600}.add-content__subtitle{margin:.35rem 0 0;font-size:.8125rem;color:var(--muted);line-height:1.45;max-width:28rem}.add-content__steps{display:flex;align-items:center;gap:0;margin:1rem 1.25rem 0;padding:0;list-style:none;border-radius:8px;background:var(--bg);border:1px solid var(--border);overflow:hidden}.add-content__step{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .5rem;font-size:.75rem;color:var(--muted);position:relative}.add-content__step:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:var(--border)}.add-content__step-dot{width:6px;height:6px;border-radius:50%;background:var(--border);flex-shrink:0}.add-content__step--active{color:var(--text);background:color-mix(in srgb,var(--accent) 12%,transparent)}.add-content__step--active .add-content__step-dot{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.add-content__step--done{color:var(--text)}.add-content__step--done .add-content__step-dot{background:#6bcb8a}.add-content__step--error .add-content__step-dot{background:var(--error)}.add-content__form{padding:1.25rem;gap:1.1rem}.add-content__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.add-content__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.25rem;border:2px dashed var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--bg) 60%,transparent);cursor:pointer;transition:border-color .15s,background .15s,transform .15s;text-align:center}.add-content__dropzone:hover:not(.add-content__dropzone--disabled){border-color:var(--muted);background:var(--bg)}.add-content__dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.add-content__dropzone--drag{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg));transform:scale(1.01)}.add-content__dropzone--error{border-color:color-mix(in srgb,var(--error) 60%,var(--border))}.add-content__dropzone--disabled{opacity:.55;cursor:not-allowed}.add-content__dropzone-icon{color:var(--muted)}.add-content__dropzone--drag .add-content__dropzone-icon{color:var(--accent)}.add-content__dropzone-title{font-size:.9375rem;font-weight:500;color:var(--text)}.add-content__dropzone-hint{font-size:.8125rem;color:var(--muted)}.add-content__link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.add-content__file-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.add-content__file-icon{display:flex;color:var(--accent);flex-shrink:0}.add-content__file-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.add-content__file-name{font-size:.875rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-content__file-size{font-size:.75rem;color:var(--muted)}.add-content__file-remove{flex-shrink:0;padding:.35rem .65rem;font-size:.75rem;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer}.add-content__file-remove:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.add-content__inline-error{margin:-.35rem 0 0;font-size:.8125rem;color:var(--error)}.add-content__field{display:flex;flex-direction:column;gap:.35rem}.add-content__field-label{font-size:.8125rem;font-weight:500;color:var(--text)}.add-content__field-hint{font-size:.75rem;color:var(--muted);margin-top:-.15rem}.add-content__field input{padding:.65rem .85rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.9375rem}.add-content__field input:focus{outline:2px solid var(--accent);outline-offset:1px}.add-content__alert{padding:.75rem .85rem;border-radius:8px;font-size:.875rem;line-height:1.45}.add-content__alert--error{color:var(--error);background:color-mix(in srgb,var(--error) 12%,transparent);border:1px solid color-mix(in srgb,var(--error) 35%,var(--border))}.add-content__actions{margin-top:.25rem;padding-top:.25rem}.add-content__btn-secondary{padding:.55rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text)}.add-content__btn-secondary:hover:not(:disabled){border-color:var(--muted)}.add-content__btn-primary{padding:.55rem 1.1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;background:var(--accent);color:#fff}.add-content__btn-primary:hover:not(:disabled){background:var(--accent-hover)}.add-content__btn-primary:disabled{opacity:.45;cursor:not-allowed}.add-content__btn-primary--full{width:100%}.add-content__btn-danger{padding:.5rem .9rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid color-mix(in srgb,var(--error) 45%,var(--border));background:color-mix(in srgb,var(--error) 12%,transparent);color:var(--error)}.add-content__btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 20%,transparent)}.add-content__btn-danger:disabled{opacity:.4;cursor:not-allowed}.add-content__library{padding:0 1.25rem .5rem;display:flex;flex-direction:column;gap:.6rem}.add-content__library-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.add-content__library-head h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text)}.add-content__library-count{font-size:.75rem;color:var(--muted)}.add-content__library-empty{margin:0;font-size:.8125rem;color:var(--muted);padding:.85rem 1rem;border:1px dashed var(--border);border-radius:8px;background:color-mix(in srgb,var(--bg) 60%,transparent)}.add-content__library-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--bg) 60%,transparent);padding:.4rem .55rem}.add-content__library-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .55rem;border-radius:6px;font-size:.8125rem}.add-content__library-item:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.add-content__library-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.add-content__library-status{font-size:.6875rem;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border)}.add-content__library-status--indexed{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 10%,transparent)}.add-content__library-status--failed{color:var(--error);border-color:color-mix(in srgb,var(--error) 35%,var(--border));background:color-mix(in srgb,var(--error) 10%,transparent)}.add-content__library-actions{display:flex;justify-content:flex-end}.add-content__confirm{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%;justify-content:space-between}.add-content__confirm-text{font-size:.8125rem;color:var(--text);flex:1;min-width:200px}.add-content__confirm-actions{display:flex;gap:.5rem}.add-content__divider{height:1px;background:var(--border);margin:.5rem 1.25rem}.add-content__section-title{margin:.25rem 1.25rem 0;font-size:.9375rem;font-weight:600;color:var(--text)}.add-content__progress{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.add-content__result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.add-content__result--success{border-color:color-mix(in srgb,#6bcb8a 40%,var(--border))}.add-content__result--success .add-content__result-icon{color:#6bcb8a}.add-content__result--loading .add-content__result-title{margin-top:.75rem}.add-content__result-icon{display:flex}.add-content__result-title{margin:.75rem 0 0;font-size:1rem;font-weight:600}.add-content__result-text{margin:.4rem 0 0;font-size:.875rem;color:var(--muted);line-height:1.45;max-width:22rem}.add-content__spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:add-content-spin .7s linear infinite}@keyframes add-content-spin{to{transform:rotate(360deg)}}