@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--brand-violet-900: #2e0a47;--brand-violet-700: #530c77;--brand-violet-500: #6c1deb;--brand-cyan-500: #1dc2eb;--brand-cyan-300: #6fe0ff;--gradient-brand: linear-gradient(135deg, var(--brand-violet-700) 0%, var(--brand-violet-500) 45%, var(--brand-cyan-500) 100%);--gradient-brand-soft: linear-gradient(135deg, rgba(83, 12, 119, .12) 0%, rgba(29, 194, 235, .12) 100%);--color-bg: #fbfbfd;--color-surface: #ffffff;--color-surface-raised: #f3f2f9;--color-surface-sunken: #eef0f7;--color-border: #e3e2ee;--color-text: #1c1b29;--color-text-muted: #66647a;--color-text-faint: #9694a8;--color-accent: var(--brand-violet-500);--color-accent-contrast: #ffffff;--color-danger: #d64545;--color-danger-bg: #fdeaea;--shadow-color: 250deg 30% 50%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .08);--shadow-md: 0 8px 24px -8px hsl(var(--shadow-color) / .18);--shadow-lg: 0 20px 45px -12px hsl(var(--shadow-color) / .28);--scrollbar-thumb: rgba(28, 27, 41, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--font-sans: "Outfit", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-hero: clamp(2rem, 1.4rem + 2.5vw, 3.25rem);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .45s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--color-bg: #131019;--color-surface: #1c1826;--color-surface-raised: #241f32;--color-surface-sunken: #17131f;--color-border: #322b41;--color-text: #f1eef9;--color-text-muted: #b3adc7;--color-text-faint: #7d7791;--color-accent: var(--brand-cyan-300);--color-accent-contrast: #12111a;--color-danger: #ff8080;--color-danger-bg: #3a1c22;--shadow-color: 260deg 60% 3%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .4);--shadow-md: 0 8px 24px -8px hsl(var(--shadow-color) / .55);--shadow-lg: 0 24px 55px -15px hsl(var(--shadow-color) / .7);--scrollbar-thumb: rgba(241, 238, 249, .18);--gradient-brand-soft: linear-gradient(135deg, rgba(108, 29, 235, .22) 0%, rgba(29, 194, 235, .16) 100%)}*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-sans)}html{color-scheme:light dark}body{background:var(--color-bg)}#root{height:100dvh;overflow:hidden;display:flex}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}.sidebar{width:76px;height:100dvh;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-surface-raised);border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-3);transition:width var(--duration-normal) var(--ease-out-expo)}.sidebar--extended{width:272px}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}.sidebar-top,.sidebar-bottom{display:flex;flex-direction:column;gap:var(--space-2)}.icon-button{display:inline-flex;align-items:center;gap:var(--space-3);width:44px;height:44px;padding:0;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.icon-button:hover{background-color:var(--color-surface-sunken);color:var(--color-text)}.icon-button:focus-visible,.new-chat:focus-visible,.recent-entry:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.new-chat{margin-top:var(--space-6);display:inline-flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);width:fit-content;max-width:100%;background:var(--color-surface-sunken);border:none;border-radius:var(--radius-pill);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.new-chat:hover{background:var(--gradient-brand-soft);transform:translateY(-1px)}.new-chat-label{white-space:nowrap;overflow:hidden}.sidebar:not(.sidebar--extended) .new-chat{width:44px;padding:0;justify-content:center}.sidebar:not(.sidebar--extended) .new-chat-label{display:none}.recent{margin-top:var(--space-6);display:flex;flex-direction:column;min-height:0}.recent-title{margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint)}.recent-empty{font-size:var(--text-sm);color:var(--color-text-faint);line-height:1.5}.recent-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;min-height:0}.recent-item{position:relative;display:flex;align-items:center}.recent-entry{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-muted);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.recent-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-entry:hover{background-color:var(--color-surface-sunken);color:var(--color-text)}.recent-entry--active{background-color:var(--gradient-brand-soft);color:var(--color-text)}.recent-delete{position:absolute;right:var(--space-1);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-faint);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.recent-item:hover .recent-delete,.recent-item:focus-within .recent-delete{opacity:1}.recent-delete:hover{background-color:var(--color-danger-bg);color:var(--color-danger)}.recent-delete:focus-visible{opacity:1;outline:2px solid var(--color-accent);outline-offset:2px}.theme-toggle{width:100%;justify-content:flex-start;padding:0 var(--space-3);gap:var(--space-3);font-family:inherit;font-size:var(--text-sm)}.sidebar:not(.sidebar--extended) .theme-toggle{width:44px;justify-content:center;padding:0}.main{flex:1;min-width:0;height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.main .nav{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xl);padding:var(--space-5);font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;flex-shrink:0}.avatar--user{background:var(--gradient-brand-soft);color:var(--color-accent)}.main-container{flex:1;min-height:0;display:flex;flex-direction:column;max-width:900px;width:100%;margin:0 auto;padding:0 var(--space-5)}.main-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.greet{margin:var(--space-7) 0 var(--space-5);font-size:var(--text-hero);color:var(--color-text-faint);font-weight:500;line-height:1.15}.greet span{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.card{height:180px;padding:var(--space-5);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;cursor:pointer;text-align:left;font-family:inherit;color:var(--color-text-muted);display:flex;align-items:flex-start;transition:transform var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.card p{font-size:var(--text-base);line-height:1.45}.card-icon{position:absolute;bottom:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-accent);box-shadow:var(--shadow-sm)}.card:hover{background-color:var(--color-surface-sunken);border-color:var(--color-accent);transform:translateY(-3px)}.card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.card{transition:none}.card:hover{transform:none}}.thread{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) 0 var(--space-4)}.message{display:flex;align-items:flex-start;gap:var(--space-4);animation:message-in var(--duration-slow) var(--ease-out-expo)}@keyframes message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.message{animation:none}}.message-text{padding-top:var(--space-2)}.message--user .message-text{font-size:var(--text-lg);font-weight:500}.message--assistant .message-text{line-height:1.75;font-size:var(--text-base)}.result-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-md);border:1px solid var(--color-danger);flex:1}.result-error-title{font-weight:600;margin-bottom:var(--space-1)}.result-error-detail{font-size:var(--text-sm);opacity:.9;word-break:break-word}.main-bottom{flex-shrink:0;padding:var(--space-4) 0 var(--space-5)}.search-box{display:flex;align-items:center;gap:var(--space-4);justify-content:space-between;background-color:var(--color-surface-raised);border:1px solid var(--color-border);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);border-radius:var(--radius-pill);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.search-box input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:var(--space-2) 0;font-size:var(--text-lg);font-family:inherit;color:var(--color-text)}.search-box input::placeholder{color:var(--color-text-faint)}.search-box-actions{display:flex;align-items:center;gap:var(--space-1)}.ghost-icon-button,.send-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;border-radius:50%;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.ghost-icon-button:hover:not(:disabled){background-color:var(--color-surface-sunken);color:var(--color-text)}.ghost-icon-button:disabled{opacity:.4;cursor:not-allowed}.send-btn{background:var(--gradient-brand);color:#fff}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ghost-icon-button:focus-visible,.send-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loader{width:100%;display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2)}.loader-bar{border-radius:var(--radius-sm);height:14px;background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-surface-raised) 50%,var(--color-surface-sunken) 75%);background-size:200% 100%;animation:loader-sweep 1.4s ease-in-out infinite}.loader-bar:nth-child(2){width:85%}.loader-bar:nth-child(3){width:65%}@keyframes loader-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.loader-bar{animation:none}}.logo-wrapper{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0}.logo-wrapper:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#530c77,#6c1deb,#1dc2eb,#530c77);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35}.logo-wrapper.spin:before{animation:ring-spin 1.1s linear infinite;opacity:1}@media (prefers-reduced-motion: reduce){.logo-wrapper.spin:before{animation:none}}@keyframes ring-spin{to{transform:rotate(360deg)}}.bottom-info{font-size:var(--text-xs);margin:var(--space-3) auto 0;text-align:center;font-weight:300;color:var(--color-text-faint)}.bottom-info span{color:var(--color-accent);font-weight:600}@media (max-width: 768px){.greet{font-size:clamp(1.75rem,6vw,2.5rem)}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cards{grid-template-columns:1fr}}