:root{--brand-50: #eef3fb;--brand-100: #d6e3f5;--brand-200: #adc6ea;--brand-300: #7da3db;--brand-400: #4a7fc7;--brand-500: #2560ad;--brand-600: #1b4a8a;--brand-700: #163c6f;--brand-800: #13315b;--brand-900: #10294b;--gray-0: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-150: #eaeff5;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1a2437;--gray-850: #141d2e;--gray-900: #0e1524;--gray-950: #090e1a;--green-500: #059669;--green-100: #d1fae5;--amber-500: #d97706;--amber-100: #fef3c7;--red-500: #e11d48;--red-100: #ffe4e6;--violet-500:#2560ad;--violet-100:#d6e3f5;--cyan-500: #0891b2;--cyan-100: #cffafe;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "SFMono-Regular", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, "Liberation Mono", monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal:1.6;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--sidebar-width: 288px;--topbar-height: 56px;--content-max: 820px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--app-bg: var(--gray-50);--app-bg-elevated: var(--gray-0);--app-surface: var(--gray-0);--app-surface-alt: var(--gray-50);--app-surface-hover: var(--gray-100);--app-surface-active:var(--gray-150);--app-sidebar-bg: var(--gray-100);--app-border: var(--gray-200);--app-border-strong: var(--gray-300);--app-border-subtle: var(--gray-150);--app-text: var(--gray-900);--app-text-secondary:var(--gray-600);--app-text-muted: var(--gray-500);--app-text-inverse: var(--gray-0);--app-text-on-brand: #ffffff;--app-primary: var(--brand-600);--app-primary-hover: var(--brand-700);--app-primary-active:var(--brand-800);--app-primary-soft: var(--brand-50);--app-primary-soft-text: var(--brand-700);--app-focus-ring: var(--brand-400);--app-success: var(--green-500);--app-success-soft: var(--green-100);--app-warning: var(--amber-500);--app-warning-soft: var(--amber-100);--app-danger: var(--red-500);--app-danger-soft: var(--red-100);--app-info: var(--cyan-500);--app-info-soft: var(--cyan-100);--app-accent: var(--violet-500);--app-accent-soft: var(--violet-100);--app-code-bg: var(--gray-900);--app-code-text: #e6e9f0;--app-inline-code-bg: var(--gray-100);--app-inline-code-text: var(--brand-700);--app-bubble-user-bg: var(--brand-600);--app-bubble-user-text: #ffffff;--app-bubble-ai-bg: var(--gray-0);--app-bubble-ai-border: var(--gray-200);--app-scrim: rgba(15, 23, 42, .45);--app-skeleton-base: var(--gray-150);--app-skeleton-shine: var(--gray-100);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 2px 4px rgba(15, 23, 42, .05), 0 8px 16px rgba(15, 23, 42, .08);--shadow-lg: 0 4px 8px rgba(15, 23, 42, .06), 0 16px 32px rgba(15, 23, 42, .14);--shadow-focus: 0 0 0 3px var(--app-focus-ring)}[data-theme=dark]{--app-bg: var(--gray-950);--app-bg-elevated: var(--gray-900);--app-surface: var(--gray-850);--app-surface-alt: var(--gray-900);--app-surface-hover: var(--gray-800);--app-surface-active:var(--gray-700);--app-sidebar-bg: var(--gray-900);--app-border: var(--gray-800);--app-border-strong: var(--gray-700);--app-border-subtle: var(--gray-850);--app-text: #eef1f7;--app-text-secondary:var(--gray-300);--app-text-muted: var(--gray-400);--app-text-inverse: var(--gray-950);--app-text-on-brand: #ffffff;--app-primary: var(--brand-400);--app-primary-hover: var(--brand-300);--app-primary-active:var(--brand-200);--app-primary-soft: rgba(37, 96, 173, .2);--app-primary-soft-text: var(--brand-200);--app-focus-ring: var(--brand-500);--app-success: #34d399;--app-success-soft: rgba(5, 150, 105, .2);--app-warning: #fbbf24;--app-warning-soft: rgba(217, 119, 6, .2);--app-danger: #fb7185;--app-danger-soft: rgba(225, 29, 72, .2);--app-info: #22d3ee;--app-info-soft: rgba(8, 145, 178, .2);--app-accent: var(--brand-400);--app-accent-soft: rgba(37, 96, 173, .22);--app-code-bg: #0a0f1c;--app-code-text: #e2e8f0;--app-inline-code-bg: var(--gray-800);--app-inline-code-text: var(--brand-200);--app-bubble-user-bg: var(--brand-600);--app-bubble-user-text: #ffffff;--app-bubble-ai-bg: var(--gray-850);--app-bubble-ai-border: var(--gray-800);--app-scrim: rgba(2, 6, 16, .66);--app-skeleton-base: var(--gray-800);--app-skeleton-shine: var(--gray-700);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 4px rgba(0, 0, 0, .5), 0 8px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .5), 0 20px 44px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px var(--app-focus-ring)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--app-text);background-color:var(--app-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--dur-med) var(--ease-out),color var(--dur-med) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--app-text)}a{color:var(--app-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,svg{display:block;max-width:100%}ul,ol{list-style:none;padding:0}code,pre{font-family:var(--font-mono)}*{scrollbar-width:thin;scrollbar-color:var(--app-border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background-color:var(--app-border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--app-text-muted)}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}::selection{background:var(--app-primary-soft);color:var(--app-primary-soft-text)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.stack{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1 1 auto;min-width:0;min-height:0}.center{display:flex;align-items:center;justify-content:center}.between{display:flex;align-items:center;justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.t-2xs{font-size:var(--text-2xs)}.t-xs{font-size:var(--text-xs)}.t-sm{font-size:var(--text-sm)}.t-md{font-size:var(--text-md)}.t-lg{font-size:var(--text-lg)}.t-xl{font-size:var(--text-xl)}.t-2xl{font-size:var(--text-2xl)}.t-3xl{font-size:var(--text-3xl)}.fw-medium{font-weight:var(--weight-medium)}.fw-semibold{font-weight:var(--weight-semibold)}.fw-bold{font-weight:var(--weight-bold)}.muted{color:var(--app-text-muted)}.secondary{color:var(--app-text-secondary)}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:var(--space-5)}.divider{height:1px;background:var(--app-border);border:0;width:100%}.sr-only{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-48px;z-index:var(--z-toast);background:var(--app-primary);color:var(--app-text-on-brand);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-3);text-decoration:none}kbd,.kbd{font-family:var(--font-mono);font-size:var(--text-2xs);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--app-border-strong);background:var(--app-surface-alt);color:var(--app-text-secondary);box-shadow:0 1px 0 var(--app-border-strong)}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-pop-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes app-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes app-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes app-blink{0%,to{opacity:.2}50%{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1;white-space:nowrap;border:1px solid transparent;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .btn__icon{display:inline-flex}.btn--primary{background:var(--app-primary);color:var(--app-text-on-brand)}.btn--primary:hover:not(:disabled){background:var(--app-primary-hover)}.btn--secondary{background:var(--app-surface);color:var(--app-text);border-color:var(--app-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--app-surface-hover);border-color:var(--app-text-muted)}.btn--ghost{background:transparent;color:var(--app-text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--app-surface-hover);color:var(--app-text)}.btn--danger{background:var(--app-danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(.94)}.btn--subtle{background:var(--app-primary-soft);color:var(--app-primary-soft-text)}.btn--subtle:hover:not(:disabled){filter:brightness(.97)}.btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--lg{height:46px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--block{width:100%}.btn--icon{width:38px;height:38px;padding:0;border-radius:var(--radius-md)}.btn--icon:not(.btn--primary):not(.btn--secondary):not(.btn--danger):not(.btn--subtle){color:var(--app-text-secondary)}.btn--icon.btn--sm{width:30px;height:30px}.btn--icon:not(.btn--primary):not(.btn--secondary):not(.btn--danger):not(.btn--subtle):hover:not(:disabled){background:var(--app-surface-hover);color:var(--app-text)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--app-text-secondary)}.field__hint{font-size:var(--text-xs);color:var(--app-text-muted)}.field__error{font-size:var(--text-xs);color:var(--app-danger);display:flex;align-items:center;gap:var(--space-1)}.field__required{color:var(--app-danger)}.input,.textarea,.select{width:100%;min-height:38px;padding:var(--space-2) var(--space-3);background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border-strong);border-radius:var(--radius-md);font-size:var(--text-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--app-text-muted)}.input:hover,.textarea:hover,.select:hover{border-color:var(--app-text-muted)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--app-primary);box-shadow:0 0 0 3px var(--app-primary-soft)}.textarea{resize:vertical;line-height:var(--leading-snug)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c7688' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.input--invalid,.textarea--invalid,.select--invalid{border-color:var(--app-danger)}.input--invalid:focus,.textarea--invalid:focus{box-shadow:0 0 0 3px var(--app-danger-soft)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-right:44px}.input-group__action{position:absolute;right:4px;width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--app-text-muted)}.input-group__action:hover{background:var(--app-surface-hover);color:var(--app-text)}.switch{position:relative;display:inline-flex;width:42px;height:24px;flex:none}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;background:var(--app-border-strong);border-radius:var(--radius-full);transition:background-color var(--dur-fast) var(--ease-out)}.switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out)}.switch input:checked~.switch__track{background:var(--app-primary)}.switch input:checked~.switch__thumb{transform:translate(18px)}.switch input:focus-visible~.switch__track{box-shadow:var(--shadow-focus)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:.02em;background:var(--app-surface-alt);color:var(--app-text-secondary);border:1px solid var(--app-border)}.badge--brand{background:var(--app-primary-soft);color:var(--app-primary-soft-text);border-color:transparent}.badge--success{background:var(--app-success-soft);color:var(--app-success);border-color:transparent}.badge--warning{background:var(--app-warning-soft);color:var(--app-warning);border-color:transparent}.badge--danger{background:var(--app-danger-soft);color:var(--app-danger);border-color:transparent}.badge--info{background:var(--app-info-soft);color:var(--app-info);border-color:transparent}.badge--accent{background:var(--app-accent-soft);color:var(--app-accent);border-color:transparent}.chip{display:inline-flex;align-items:center;gap:var(--space-1);height:26px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--app-surface-alt);color:var(--app-text-secondary);border:1px solid var(--app-border)}.chip--selectable{cursor:pointer;transition:all var(--dur-fast) var(--ease-out)}.chip--selectable:hover{border-color:var(--app-primary);color:var(--app-text)}.chip--active{background:var(--app-primary-soft);color:var(--app-primary-soft-text);border-color:transparent}.chip__remove{display:inline-flex;margin-right:-4px;border-radius:var(--radius-full);opacity:.7}.chip__remove:hover{opacity:1}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--app-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:24px;height:24px;font-size:var(--text-2xs)}.avatar--lg{width:44px;height:44px;font-size:var(--text-lg)}.avatar--ai{background:linear-gradient(160deg,var(--brand-500),var(--brand-700))}.avatar--c1{background:#1b4a8a}.avatar--c2{background:#0f766e}.avatar--c3{background:#b45309}.avatar--c4{background:#475569}.avatar--c5{background:#3f5a8a}.list-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--app-text-secondary);text-align:left;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);cursor:pointer}.list-item:hover{background:var(--app-surface-hover);color:var(--app-text);text-decoration:none}.list-item--active{background:var(--app-primary-soft);color:var(--app-primary-soft-text);font-weight:var(--weight-medium)}.list-item--active:hover{background:var(--app-primary-soft)}.list-item__icon{display:inline-flex;flex:none;opacity:.9}.list-item__body{min-width:0;flex:1 1 auto}.list-item__title{font-size:var(--text-md)}.list-item__meta{font-size:var(--text-xs);color:var(--app-text-muted)}.list-item__trailing{flex:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.list-item:hover .list-item__trailing,.list-item--active .list-item__trailing{opacity:1}.skeleton{position:relative;overflow:hidden;background:var(--app-skeleton-base);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent,var(--app-skeleton-shine),transparent);background-size:400px 100%;background-repeat:no-repeat;animation:app-shimmer 1.3s var(--ease-in-out) infinite}.skeleton--text{height:12px;margin:4px 0}.skeleton--line{height:12px}.skeleton--circle{border-radius:var(--radius-full)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--app-border-strong);border-top-color:var(--app-primary);animation:app-spin .7s linear infinite}.spinner--sm{width:14px;height:14px;border-width:2px}.spinner--lg{width:28px;height:28px;border-width:3px}.spinner--on-brand{border-color:#ffffff59;border-top-color:#fff}.knowledge-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border:1px solid var(--app-border);border-radius:var(--radius-full);background:var(--app-surface);color:var(--app-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast),color var(--dur-fast)}.knowledge-toggle:hover{border-color:var(--app-text-muted)}.knowledge-toggle>app-icon{color:var(--app-text-muted);flex:none}.knowledge-toggle--on{border-color:var(--app-primary);background:var(--app-primary-soft);color:var(--app-primary-soft-text)}.knowledge-toggle--on>app-icon{color:var(--app-primary)}.knowledge-toggle:focus-within{outline:none;box-shadow:0 0 0 3px var(--app-primary-soft)}.knowledge-toggle__switch{position:relative;width:30px;height:18px;flex:none;border-radius:var(--radius-full);background:var(--app-border-strong);transition:background-color var(--dur-fast) var(--ease-out)}.knowledge-toggle--on .knowledge-toggle__switch{background:var(--app-primary)}.knowledge-toggle__knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--radius-full);background:#fff;transition:transform var(--dur-fast) var(--ease-out)}.knowledge-toggle--on .knowledge-toggle__knob{transform:translate(12px)}.knowledge-toggle__label{display:inline-flex;align-items:center;gap:var(--space-2)}.knowledge-toggle__count{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--app-text-muted);padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--app-surface-alt)}.composer__knowledge{max-width:var(--content-max);margin:0 auto var(--space-2);display:flex}.composer__controls{max-width:var(--content-max);margin:0 auto var(--space-2);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.attachment__spin{flex:none}.attachment--busy{opacity:.75}.attachment--error{border-color:var(--app-danger);background:var(--app-danger-soft)}.attachment--error>app-icon{color:var(--app-danger)}.msg__knowledge{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-2);font-size:var(--text-2xs);opacity:.75}.msg__knowledge>app-icon{flex:none}.chat__notice--info{background:var(--app-primary-soft);border-color:var(--app-primary);color:var(--app-text)}.chat__notice--info>app-icon{color:var(--app-primary)}.msg__context{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--app-border)}.msg__context-group{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:var(--text-2xs);color:var(--app-text-muted)}.msg__context-group>app-icon{flex:none;color:var(--app-primary)}.msg__context-label{text-transform:uppercase;letter-spacing:.03em;font-weight:var(--weight-semibold)}.msg__source-chip{max-width:180px;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--app-surface-alt);border:1px solid var(--app-border);color:var(--app-text-secondary);font-size:var(--text-2xs)}.msg__context-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--app-primary-soft);color:var(--app-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold)}.msg__memory-saved{display:inline-flex;align-items:center;gap:5px;margin-top:var(--space-2);font-size:var(--text-2xs);color:var(--app-primary);opacity:.85;cursor:default}.msg__memory-saved>app-icon{flex:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);color:var(--app-text-muted)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background:var(--app-surface-alt);color:var(--app-text-secondary);border:1px solid var(--app-border)}.empty-state__title{color:var(--app-text);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.empty-state__desc{max-width:320px;font-size:var(--text-sm)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--app-surface-alt);border:1px solid var(--app-border);border-radius:var(--radius-md)}.segmented__btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--app-text-secondary)}.segmented__btn--active{background:var(--app-surface);color:var(--app-text);box-shadow:var(--shadow-xs)}.modal-scrim{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--app-scrim);animation:app-fade-in var(--dur-fast) var(--ease-out);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:480px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;background:var(--app-bg-elevated);border:1px solid var(--app-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:app-pop-in var(--dur-med) var(--ease-out);overflow:hidden}.modal--lg{max-width:640px}.modal--sm{max-width:400px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.modal__body{padding:var(--space-2) var(--space-5) var(--space-5);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--app-border);background:var(--app-surface-alt)}.toast-viewport{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(360px,100vw - var(--space-8));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--app-bg-elevated);border:1px solid var(--app-border);border-left:3px solid var(--app-text-muted);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:app-slide-up var(--dur-med) var(--ease-out);pointer-events:auto}.toast--success{border-left-color:var(--app-success)}.toast--error{border-left-color:var(--app-danger)}.toast--info{border-left-color:var(--app-info)}.toast--warning{border-left-color:var(--app-warning)}.toast__icon{flex:none;margin-top:1px}.toast--success .toast__icon{color:var(--app-success)}.toast--error .toast__icon{color:var(--app-danger)}.toast--info .toast__icon{color:var(--app-info)}.toast--warning .toast__icon{color:var(--app-warning)}.toast__body{flex:1 1 auto;min-width:0}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.toast__msg{font-size:var(--text-xs);color:var(--app-text-secondary)}.toast__close{flex:none;color:var(--app-text-muted);border-radius:var(--radius-sm);padding:2px}.toast__close:hover{color:var(--app-text);background:var(--app-surface-hover)}.menu{min-width:200px;padding:var(--space-1);background:var(--app-bg-elevated);border:1px solid var(--app-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:app-pop-in var(--dur-fast) var(--ease-out)}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--app-text);text-align:left}.menu__item:hover{background:var(--app-surface-hover)}.menu__item--danger{color:var(--app-danger)}.menu__item--danger:hover{background:var(--app-danger-soft)}.menu__item--active{color:var(--app-primary);font-weight:var(--weight-medium)}.menu__label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-muted)}.menu__divider{height:1px;background:var(--app-border);margin:var(--space-1) 0}.prose{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--app-text);overflow-wrap:anywhere}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4{margin:var(--space-5) 0 var(--space-2);line-height:var(--leading-tight)}.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose h4{font-size:var(--text-md)}.prose p{margin:var(--space-3) 0}.prose ul,.prose ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin:var(--space-1) 0}.prose li::marker{color:var(--app-text-muted)}.prose li.task{list-style:none;margin-left:calc(-1 * var(--space-5))}.prose li.task .task-box{color:var(--app-primary);margin-right:var(--space-1)}.prose del{color:var(--app-text-muted)}.prose a{color:var(--app-primary);text-decoration:underline;text-underline-offset:2px}.prose blockquote{margin:var(--space-4) 0;padding:var(--space-1) var(--space-4);border-left:3px solid var(--app-primary);color:var(--app-text-secondary);background:var(--app-surface-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose :not(pre)>code{font-family:var(--font-mono);font-size:.85em;padding:2px 5px;border-radius:var(--radius-xs);background:var(--app-inline-code-bg);color:var(--app-inline-code-text)}.prose strong{font-weight:var(--weight-semibold)}.prose hr{margin:var(--space-5) 0;border:0;border-top:1px solid var(--app-border)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm);border:1px solid var(--app-border);border-radius:var(--radius-md);overflow:hidden}.prose th,.prose td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--app-border);text-align:left}.prose th{background:var(--app-surface-alt);font-weight:var(--weight-semibold)}.prose tr:last-child td{border-bottom:0}.code-block{margin:var(--space-4) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--app-border);background:var(--app-code-bg)}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.code-block__lang{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em;color:#e6e9f099}.code-block__copy{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:#e6e9f0bf;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast)}.code-block__copy:hover{background:#ffffff14;color:#fff}.code-block__copy--done{color:var(--app-success)}.code-block pre{margin:0;padding:var(--space-4);max-height:24rem;overflow:auto;color:var(--app-code-text);font-size:var(--text-sm);line-height:var(--leading-snug)}.code-block code{font-family:var(--font-mono);background:none;color:inherit;padding:0}.rich .code-block{margin:0;border:0;border-radius:0}.tok-key{color:#c792ea}.tok-str{color:#c3e88d}.tok-num{color:#f78c6c}.tok-com{color:#6b7a99;font-style:italic}.tok-fn{color:#82aaff}.tok-punc{color:#89ddff}