pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}:root{--matthew-ui-color-primary: #2563eb;--matthew-ui-color-primary-hover: #1d4ed8;--matthew-ui-color-primary-active: #1e40af;--matthew-ui-color-danger: #dc2626;--matthew-ui-color-danger-hover: #b91c1c;--matthew-ui-color-danger-active: #991b1b;--matthew-ui-color-surface: #ffffff;--matthew-ui-color-surface-hover: #f1f5f9;--matthew-ui-color-surface-active: #e2e8f0;--matthew-ui-color-text: #0f172a;--matthew-ui-color-text-muted: #64748b;--matthew-ui-color-text-inverse: #ffffff;--matthew-ui-color-border: #cbd5e1;--matthew-ui-color-focus: rgb(37 99 235 / 35%);--matthew-ui-shadow-overlay: 0 .75rem 1.5rem rgb(15 23 42 / 12%);--matthew-ui-radius-md: .5rem;--matthew-ui-control-height-sm: 2rem;--matthew-ui-control-height-md: 2.5rem;--matthew-ui-control-height-lg: 3rem;--matthew-ui-font-size-sm: .8125rem;--matthew-ui-font-size-md: .875rem;--matthew-ui-font-size-lg: 1rem;--matthew-ui-duration-fast: .15s}.matthew-button{--matthew-button-background: var(--matthew-ui-color-surface);--matthew-button-background-hover: var(--matthew-ui-color-surface-hover);--matthew-button-background-active: var(--matthew-ui-color-surface-active);--matthew-button-border: var(--matthew-ui-color-border);--matthew-button-color: var(--matthew-ui-color-text);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:max-content;border:1px solid var(--matthew-ui-button-border-color, var(--matthew-button-border));border-radius:var(--matthew-ui-button-radius, var(--matthew-ui-radius-md));background:var(--matthew-ui-button-background, var(--matthew-button-background));color:var(--matthew-ui-button-color, var(--matthew-button-color));font:inherit;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--matthew-ui-duration-fast) ease,border-color var(--matthew-ui-duration-fast) ease,box-shadow var(--matthew-ui-duration-fast) ease,transform var(--matthew-ui-duration-fast) ease}.matthew-button:focus-visible{outline:3px solid var(--matthew-ui-color-focus);outline-offset:2px}.matthew-button:not(:disabled):not([aria-disabled=true]):hover{background:var(--matthew-ui-button-background-hover, var(--matthew-button-background-hover))}.matthew-button:not(:disabled):not([aria-disabled=true]):active{background:var(--matthew-ui-button-background-active, var(--matthew-button-background-active));transform:translateY(1px)}.matthew-button:disabled,.matthew-button[aria-disabled=true],.matthew-button--disabled{opacity:.55;cursor:not-allowed}.matthew-button--primary{--matthew-button-background: var(--matthew-ui-color-primary);--matthew-button-background-hover: var(--matthew-ui-color-primary-hover);--matthew-button-background-active: var(--matthew-ui-color-primary-active);--matthew-button-border: var(--matthew-ui-color-primary);--matthew-button-color: var(--matthew-ui-color-text-inverse)}.matthew-button--secondary{--matthew-button-background: var(--matthew-ui-color-surface);--matthew-button-background-hover: var(--matthew-ui-color-surface-hover);--matthew-button-background-active: var(--matthew-ui-color-surface-active);--matthew-button-border: var(--matthew-ui-color-border);--matthew-button-color: var(--matthew-ui-color-text)}.matthew-button--danger{--matthew-button-background: var(--matthew-ui-color-danger);--matthew-button-background-hover: var(--matthew-ui-color-danger-hover);--matthew-button-background-active: var(--matthew-ui-color-danger-active);--matthew-button-border: var(--matthew-ui-color-danger);--matthew-button-color: var(--matthew-ui-color-text-inverse)}.matthew-button--sm{min-height:var(--matthew-ui-button-min-height, var(--matthew-ui-control-height-sm));padding-block:var(--matthew-ui-button-padding-block, .375rem);padding-inline:var(--matthew-ui-button-padding-inline, .75rem);font-size:var(--matthew-ui-button-font-size, var(--matthew-ui-font-size-sm))}.matthew-button--md{min-height:var(--matthew-ui-button-min-height, var(--matthew-ui-control-height-md));padding-block:var(--matthew-ui-button-padding-block, .5rem);padding-inline:var(--matthew-ui-button-padding-inline, 1rem);font-size:var(--matthew-ui-button-font-size, var(--matthew-ui-font-size-md))}.matthew-button--lg{min-height:var(--matthew-ui-button-min-height, var(--matthew-ui-control-height-lg));padding-block:var(--matthew-ui-button-padding-block, .625rem);padding-inline:var(--matthew-ui-button-padding-inline, 1.25rem);font-size:var(--matthew-ui-button-font-size, var(--matthew-ui-font-size-lg))}@media(prefers-reduced-motion:reduce){.matthew-button{transition:none}}.matthew-select{box-sizing:border-box;display:inline-flex;align-items:center;gap:.75rem;width:100%;min-width:0;min-height:var(--matthew-ui-select-trigger-min-height, var(--matthew-ui-control-height-md));padding:var(--matthew-ui-select-trigger-padding-block, .5rem) var(--matthew-ui-select-trigger-padding-inline, .75rem);border:1px solid var(--matthew-ui-select-border-color, var(--matthew-ui-color-border));border-radius:var(--matthew-ui-select-radius, var(--matthew-ui-radius-md));background:var(--matthew-ui-select-trigger-background, var(--matthew-ui-color-surface));color:var(--matthew-ui-select-trigger-color, var(--matthew-ui-color-text));font-family:inherit;font-size:var(--matthew-ui-select-font-size, var(--matthew-ui-font-size-md));font-weight:400;line-height:1.4;text-align:start;cursor:pointer;transition:border-color var(--matthew-ui-duration-fast)}.matthew-select:hover:not(:disabled),.matthew-select[aria-expanded=true]:not(:disabled){border-color:var(--matthew-ui-select-trigger-hover-border-color, var(--matthew-ui-color-primary))}.matthew-select:focus-visible{outline:0;box-shadow:0 0 0 .1875rem var(--matthew-ui-color-focus)}.matthew-select:disabled{cursor:not-allowed;background:var(--matthew-ui-color-surface-hover);color:var(--matthew-ui-color-text-muted)}.matthew-select:disabled .matthew-select__label{color:inherit}.matthew-select__label,.matthew-select__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matthew-select__label--placeholder{color:var(--matthew-ui-select-placeholder-color, var(--matthew-ui-color-text-muted))}.matthew-select__arrow{box-sizing:border-box;flex:0 0 .5rem;width:.5rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--matthew-ui-duration-fast)}.matthew-select[aria-expanded=true] .matthew-select__arrow{transform:translateY(2px) rotate(225deg)}.matthew-select__popup{box-sizing:border-box;position:fixed;z-index:1000;visibility:hidden;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:.25rem;border:1px solid var(--matthew-ui-select-border-color, var(--matthew-ui-color-border));border-radius:var(--matthew-ui-select-radius, var(--matthew-ui-radius-md));background:var(--matthew-ui-select-popup-background, var(--matthew-ui-color-surface));box-shadow:var(--matthew-ui-select-popup-shadow, var(--matthew-ui-shadow-overlay));font-size:var(--matthew-ui-select-font-size, var(--matthew-ui-font-size-md));font-weight:400;line-height:1.4}.matthew-select__popup[data-positioned=true]{visibility:visible}.matthew-select__option{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;min-height:var(--matthew-ui-select-option-min-height, 2.25rem);padding:.5rem .75rem;border-radius:max(0px,var(--matthew-ui-radius-md) - .125rem);color:var(--matthew-ui-select-option-color, var(--matthew-ui-color-text));cursor:pointer;transition:background-color var(--matthew-ui-duration-fast),color var(--matthew-ui-duration-fast)}.matthew-select__option .matthew-select__check{visibility:hidden}.matthew-select__option--active{background:var(--matthew-ui-select-option-active-background, var(--matthew-ui-color-surface-hover))}.matthew-select__option[aria-selected=true]{color:var(--matthew-ui-select-option-selected-color, var(--matthew-ui-color-primary-active));font-weight:500}.matthew-select__option[aria-selected=true] .matthew-select__check{visibility:visible}.matthew-select__option[aria-disabled=true]{color:var(--matthew-ui-color-text-muted);background:#0000;cursor:not-allowed}.matthew-select__check{flex:0 0 1rem;width:1rem;height:1rem}@media(prefers-reduced-motion:reduce){.matthew-select,.matthew-select__arrow,.matthew-select__option{transition:none}}@keyframes matthew-thinking-dot-bounce{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-.125rem);opacity:1}}.matthew-thinking{color:var(--matthew-ui-color-text);font:inherit}.matthew-thinking__header{display:flex;align-items:center;gap:.625rem;box-sizing:border-box;width:100%;min-height:var(--matthew-ui-thinking-header-min-height, var(--matthew-ui-control-height-md));padding:.5rem .75rem;border:none;border-radius:var(--matthew-ui-thinking-radius, var(--matthew-ui-radius-md));background:#0000;color:var(--matthew-ui-thinking-title-color, var(--matthew-ui-color-text));font:inherit;font-size:var(--matthew-ui-font-size-md);font-weight:500;text-align:left;cursor:pointer}.matthew-thinking__header:focus-visible{outline:3px solid var(--matthew-ui-color-focus);outline-offset:2px}.matthew-thinking__header:hover{background:var(--matthew-ui-thinking-header-hover-background, var(--matthew-ui-color-surface-hover))}.matthew-thinking__status{display:inline-flex;flex:none;align-items:center;justify-content:center;width:.75rem;height:.75rem}.matthew-thinking__status svg{display:block;width:100%;height:100%}.matthew-thinking__dots{display:inline-flex;gap:.125rem;align-items:center}.matthew-thinking__dots span{width:.25rem;height:.25rem;border-radius:50%;background:var(--matthew-ui-thinking-running-color, var(--matthew-ui-color-primary));animation:matthew-thinking-dot-bounce .9s ease-in-out infinite}.matthew-thinking__dots span:nth-child(2){animation-delay:.15s}.matthew-thinking__dots span:nth-child(3){animation-delay:.3s}.matthew-thinking__square{width:.5rem;height:.5rem;background:var(--matthew-ui-thinking-stopped-color, var(--matthew-ui-color-text-muted))}.matthew-thinking__check{color:var(--matthew-ui-thinking-completed-color, var(--matthew-ui-color-primary-active))}.matthew-thinking__bang{color:var(--matthew-ui-thinking-error-color, var(--matthew-ui-color-danger))}.matthew-thinking__title{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.matthew-thinking__status-label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0 0 0 0);white-space:nowrap}.matthew-thinking__arrow{flex:none;width:.5rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--matthew-ui-duration-fast) ease}.matthew-thinking__header[aria-expanded=true] .matthew-thinking__arrow{transform:rotate(225deg)}.matthew-thinking__content{box-sizing:border-box;margin-left:1.375rem;padding:0 .75rem .5rem .875rem;border-left:1px solid var(--matthew-ui-thinking-border-color, var(--matthew-ui-color-border));color:var(--matthew-ui-thinking-content-color, var(--matthew-ui-color-text-muted));font-size:var(--matthew-ui-font-size-sm);overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.matthew-thinking__dots span{animation:none}.matthew-thinking__arrow{transition:none}}.vue-recycle-scroller__resize-observer[data-v-08cc04ab]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.grid-mode:not(.page-mode){overflow:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.matthew-button-host{display:contents}.workbench-button{font-family:var(--font-ui)}.workbench-button.matthew-new-chat{width:100%;justify-content:flex-start;min-height:43px}.workbench-button.workbench-button-compact{min-width:34px;min-height:34px;padding:0;font-size:20px;line-height:1}.matthew-select-host{display:inline-block;min-width:90px}.generation-status{margin:4px 0 12px;font-size:12px}@font-face{font-family:Reading Numerals;src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif");font-weight:100 500;font-style:normal;unicode-range:U+0030-0039;font-display:swap}@font-face{font-family:Reading Numerals;src:local("Times New Roman Bold"),local("TimesNewRomanPS-BoldMT"),local("Liberation Serif Bold");font-weight:600 900;font-style:normal;unicode-range:U+0030-0039;font-display:swap}:root{--font-ui: var(--font-reading);--font-reading: "Reading Numerals", Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;--font-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-ui);font-weight:500;font-variant-numeric:lining-nums tabular-nums;-webkit-text-stroke:.1px currentColor;color:#34364b;background:#f8f9fd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #24263b;--muted: #85869c;--line: #e5e7f0;--surface: #ffffff;--soft: #eff1f8;--accent: #7960e8;--accent-dark: #6546d4;--accent-soft: #ede9fc;--gradient: linear-gradient(125deg, #4b85f3 0%, #8354ec 53%, #ce65c9 100%);--blue: var(--accent);--blue-dark: var(--accent-dark);--blue-soft: var(--accent-soft);--shadow: 0 8px 28px rgb(56 49 109 / 7%)}*{box-sizing:border-box}html,body,#app{min-width:320px;height:100%;margin:0}body{background:#f8f9fd}button,textarea,input,select{font:inherit}button{border:0;cursor:pointer}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed}::selection{background:#ddd5ff;color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:#cdd0e0 transparent}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;background:#f8f9fd}.sidebar{width:252px;flex:0 0 252px;display:flex;flex-direction:column;min-height:0;padding:30px 16px 18px;background:linear-gradient(180deg,#f0f1fa,#f4f5fa 55%);border-right:1px solid #e4e6f0}.sidebar-backdrop{display:none}.brand-row{display:flex;align-items:center;gap:11px;padding:0 9px 30px}.brand-mark{display:grid;width:40px;height:40px;flex-shrink:0;place-items:center}.brand-logo{display:block;width:100%;height:100%}.brand-name{color:var(--ink);font-family:var(--font-reading);font-size:24px;font-weight:500;letter-spacing:.025em}.brand-caption{margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.06em}.new-chat-button{display:flex;align-items:center;gap:9px;width:100%;height:43px;padding:0 12px;color:#fff;background:var(--gradient);border:1px solid rgb(121 96 232 / 12%);box-shadow:0 4px 12px #6f52d721;border-radius:9px;font-size:13px;transition:background .18s}.new-chat-button:hover{filter:brightness(1.05)}.shortcut{margin-left:auto;padding:3px 5px;color:#f1eaff;border:1px solid rgb(255 255 255 / 28%);border-radius:4px;font-size:10px}.sidebar-search{display:flex;align-items:center;gap:9px;height:38px;margin:18px 0 24px;padding:0 11px;color:#9494ab;background:transparent;border:1px solid #dce0ee;border-radius:8px}.sidebar-search:focus-within{border-color:#b8afe4;background:#fff}.sidebar-search input{width:100%;min-width:0;color:var(--ink);background:transparent;border:0;outline:0;font-size:12px}.sidebar-search input::placeholder{color:#9494ab}.nav-label{padding:0 10px 9px;color:#9697ab;font-size:10px;letter-spacing:.08em}.nav-item{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px;color:#606176;border-radius:7px;font-size:12px}.nav-item.active{color:#70618e;background:#e9e7f5}.nav-count{margin-left:auto;color:#9091a5;font-size:11px}.conversation-heading{margin:29px 10px 11px;color:#9697ab;font-size:11px}.icon-button{display:grid;width:34px;height:34px;flex-shrink:0;place-items:center;color:#808297;background:transparent;border-radius:7px;transition:background .18s,color .18s}.icon-button:hover{color:var(--ink);background:#eceef7}.icon-button.tiny{width:28px;height:28px}.conversation-list{display:flex;min-height:0;flex-direction:column;gap:3px;overflow:auto;padding:2px}.conversation-item{display:flex;align-items:center;gap:3px;min-height:39px;padding:0 5px 0 10px;border-radius:7px}.conversation-item:hover{background:#e9edf7}.conversation-item.selected{background:linear-gradient(100deg,#e6e7fb,#eee8f8)}.conversation-select{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:39px;padding:0;color:#6a6b80;background:transparent;text-align:left}.conversation-item.selected .conversation-select{color:#4b3a87}.conversation-dot{width:4px;height:4px;flex:0 0 4px;background:#b6b9ce;border-radius:50%}.conversation-item.selected .conversation-dot{background:var(--gradient)}.conversation-title{overflow:hidden;font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.conversation-actions{opacity:0}.conversation-item:hover .conversation-actions,.conversation-item:focus-within .conversation-actions,.conversation-item.selected .conversation-actions{opacity:1}.empty-search{padding:22px 10px;color:var(--muted);font-size:12px;text-align:center}.sidebar-footer{margin-top:auto;padding-top:20px}.plan-card{display:flex;align-items:center;gap:9px;padding:15px 6px 0;border-top:1px solid #dde1ee}.plan-icon{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;color:#fff;background:var(--gradient);border-radius:10px;font-size:14px;font-weight:600}.plan-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.plan-copy strong{color:#62637a;font-size:11px;font-weight:500}.plan-copy span{color:#8c8da4;font-size:9px;line-height:1.5}.status-dot,.online-dot{width:5px;height:5px;flex-shrink:0;background:#7e8ad0;border-radius:50%}.chat-panel{position:relative;display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;background:radial-gradient(ellipse at 52% 28%,rgb(129 94 233 / 4%),transparent 60%),#f8f9fd}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:18px;height:78px;flex-shrink:0;padding:0 30px}.header-title-wrap{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.header-title-wrap>div{min-width:0}.header-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-mode,.header-separator{flex-shrink:0}.header-title-wrap h2{overflow:hidden;max-width:360px;margin:0 0 6px;color:#4a4c63;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.header-subtitle{display:flex;align-items:center;gap:6px;overflow:hidden;color:#9698ad;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.header-separator{color:#c6c8d8}.header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-action{display:flex;align-items:center;gap:6px;height:34px;padding:0 9px;color:#808297;background:transparent;border-radius:7px;font-size:11px}.header-action:hover{color:var(--ink);background:var(--soft)}.context-settings{position:relative}.context-settings>summary{list-style:none;cursor:pointer}.context-settings>summary::-webkit-details-marker{display:none}.context-settings[open]>summary{color:var(--accent-dark);background:var(--accent-soft)}.context-budget{position:absolute;top:44px;right:0;z-index:10;display:flex;width:min(285px,calc(100vw - 30px));flex-direction:column;gap:15px;padding:20px;color:#74768b;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:12px}.context-budget strong{color:var(--ink);font-size:13px;font-weight:600}.context-budget label{display:flex;align-items:center;justify-content:space-between;gap:15px}.context-budget select{padding:5px 9px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:6px}.context-budget>span{font-size:11px;line-height:1.7}.context-budget p{margin:0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7}.model-picker{position:relative;margin-right:5px}.model-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:115px;max-width:205px;height:34px;padding:0 10px;color:#676980;background:transparent;border:1px solid var(--line);border-radius:7px;font-size:11px}.model-trigger:hover,.model-trigger[aria-expanded=true]{background:var(--soft);border-color:#c5bce9}.model-trigger:disabled{opacity:.5}.model-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-menu{position:fixed;z-index:40;display:flex;flex-direction:column;overflow:auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.model-menu-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 8px 9px;color:var(--muted);font-size:11px}.model-search,.manual-form input{width:100%;height:35px;padding:0 10px;color:var(--ink);background:#f4f5fb;border:1px solid var(--line);border-radius:6px;font-size:12px}.model-options{min-height:0;flex:1 1 auto;max-height:260px;overflow-y:auto}.model-menu-heading,.model-menu-footer,.model-search{flex-shrink:0}.model-menu-heading>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:9px 10px;color:#5b5e76;background:transparent;border-radius:6px;text-align:left}.model-option:hover{background:var(--soft)}.model-option>svg{flex-shrink:0;color:var(--accent)}.model-option-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.model-option-copy strong,.model-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-option-copy strong{font-size:12px;font-weight:500}.model-option-copy small{color:var(--muted);font-size:10px}.model-menu-state,.model-menu-error{padding:12px 10px;color:var(--muted);font-size:12px;line-height:1.6}.model-menu-error{color:#b35c73}.model-menu-footer{padding:8px 2px 2px;border-top:1px solid var(--line)}.manual-toggle{width:100%;padding:8px;color:var(--accent-dark);background:transparent;border-radius:6px;font-size:11px;text-align:left}.manual-toggle:hover{background:var(--accent-soft)}.manual-form{display:flex;gap:6px}.manual-form input{min-width:0;flex:1}.manual-form button{padding:0 10px;color:#fff;background:var(--accent);border-radius:6px;font-size:11px}.manual-form button:disabled{opacity:.5}.spinning{animation:model-spin 1s linear infinite}@keyframes model-spin{to{transform:rotate(360deg)}}.chat-content{display:flex;min-height:0;flex:1;flex-direction:column}.chat-content.is-empty{justify-content:center;overflow-y:auto;padding:30px 0 100px}.welcome-state{order:1;width:min(720px,calc(100% - 64px));margin:0 auto;padding:0 0 30px;text-align:center;animation:appear .45s ease-out}.welcome-symbol{position:relative;width:76px;height:76px;margin:0 auto 25px;filter:drop-shadow(0 10px 20px rgb(126 83 226 / 16%))}.welcome-symbol:before{position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgb(148 116 233 / 12%),transparent 70%);content:""}.eyebrow{margin-bottom:15px;color:#9694af;font-size:11px;letter-spacing:.15em}.welcome-state h1{margin:0;color:#292b44;font-family:var(--font-reading);font-size:clamp(30px,3.2vw,42px);font-weight:500;letter-spacing:-.015em;line-height:1.5}.welcome-state h1 span{color:#8354ec;background:var(--gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.welcome-state>p{margin:13px 0 0;color:#8c8da4;font-size:13px;line-height:1.8}.suggestion-grid{order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(720px,calc(100% - 64px));margin:17px auto 0}.suggestion-card{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;padding:17px 13px;color:#8a81ac;background:transparent;border:1px solid #e3e5f1;background:#ffffff73;border-radius:9px;text-align:left;transition:background .18s,border-color .18s,transform .18s}.suggestion-card:hover{background:#f4f2fd;border-color:#c8bced;transform:translateY(-2px)}.suggestion-card>svg{flex-shrink:0;margin-top:1px}.suggestion-copy{display:flex;min-width:0;flex-direction:column;gap:7px}.suggestion-copy strong{color:#61627a;font-size:12px;font-weight:500}.suggestion-copy small{color:#999aaf;font-size:10px;line-height:1.5}.suggestion-arrow{position:absolute;top:14px;right:9px;opacity:0;transition:opacity .18s}.suggestion-card:hover .suggestion-arrow{opacity:1}.composer-wrap{flex-shrink:0;width:min(780px,calc(100% - 80px));margin:0 auto;padding:12px 0 max(20px,env(safe-area-inset-bottom))}.is-empty .composer-wrap{order:2;width:min(720px,calc(100% - 64px));padding:0}.is-empty .composer-disclaimer{display:none}.composer{padding:18px 18px 12px;background:var(--surface);border:1px solid #dfe2ef;border-radius:16px;box-shadow:0 3px 12px #463a890a,0 12px 32px #463a8908;transition:border-color .18s,box-shadow .18s}.composer:focus-within{border-color:#b3a1ee;box-shadow:0 0 0 3px #7960e812,var(--shadow)}.composer textarea{display:block;width:100%;min-height:52px;max-height:144px;padding:0;resize:none;overflow-y:hidden;color:#4a4d65;background:transparent;border:0;outline:0;font-size:14px;line-height:1.8}.is-empty .composer textarea{min-height:67px}.composer textarea::placeholder{color:#a2a4b9}.composer textarea:disabled{cursor:wait}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.composer-tools{display:flex;align-items:center;gap:16px;min-width:0}.composer-model{display:flex;align-items:center;gap:6px;overflow:hidden;max-width:280px;color:#82849b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.composer-model-dot{width:5px;height:5px;flex-shrink:0;background:#9c8ade;border-radius:50%}.composer-hint{color:#a5a7bb;font-size:10px;white-space:nowrap}.send-button{display:grid;width:34px;height:34px;flex-shrink:0;place-items:center;color:#b2b4c9;background:#ebeef8;border-radius:9px;transition:background .18s,transform .18s}.send-button.ready,.send-button.stop{color:#fff;background:var(--accent)}.send-button.ready:hover,.send-button.stop:hover{background:var(--gradient);filter:brightness(1.05);transform:translateY(-1px)}.composer-disclaimer{margin-top:11px;color:#a8aabc;font-size:10px;text-align:center}.message-scroll{min-height:0;flex:1;overflow:auto}.message-list,.message-list-item{width:min(780px,calc(100% - 80px));margin:0 auto}.message-list{padding:28px 0}.message-list-item:first-child{padding-top:28px}.message-row{display:flex;gap:13px;margin-bottom:32px}.message-avatar{display:grid;width:29px;height:29px;flex:0 0 29px;place-items:center;border-radius:50%}.assistant-avatar{color:var(--accent);background:transparent;padding:0;border-radius:8px}.user-avatar{display:none}.message-body{min-width:0;flex:1}.message-meta{display:flex;align-items:baseline;gap:9px;margin:4px 0 10px}.message-meta strong{color:#585a72;font-size:12px;font-weight:600}.message-meta span{overflow:hidden;color:#9ea0b7;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.user-row{justify-content:flex-end}.user-row .message-body{flex:0 1 auto;max-width:88%;padding:14px 19px;background:#eeedf9;border-radius:15px 15px 4px}.user-row .message-meta{display:none}.message-content{min-width:0;overflow-wrap:anywhere;color:#4c4f68;font-size:14px;line-height:1.85}.assistant-row .message-content{font-family:var(--font-reading);font-size:16px;line-height:1.9;letter-spacing:.005em}.assistant-row .message-content strong{font-weight:700}.message-content p{margin:0 0 12px}.message-content p:last-child{margin-bottom:0}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:22px 0 10px;color:#30324d;line-height:1.5}.message-content h1{font-size:22px}.message-content h2{font-size:20px}.message-content h3{font-size:17px}.message-content h4{font-size:15px}.message-content ul,.message-content ol{margin:8px 0 14px;padding-left:23px}.message-content li{padding:3px 0}.message-content blockquote{font-family:var(--font-reading);margin:15px 0;padding:10px 15px;color:#85809c;background:#f0edf9;border-left:3px solid #c7baed;border-radius:0 6px 6px 0;font-size:14px}.message-content a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.message-content hr{height:1px;margin:20px 0;background:var(--line);border:0}.inline-code{padding:2px 5px;color:#7954c0;background:#eee8fa;border-radius:4px;font-family:var(--font-code);font-size:.9em}.message-content table{font-family:var(--font-ui);display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:16px 0;font-size:12px}.message-content th,.message-content td{border:1px solid var(--line);padding:9px 13px;text-align:left}.message-content th{background:var(--soft)}.code-block{margin:16px 0;overflow:hidden;color:#dedfec;background:#252536;border:1px solid #35354b;border-radius:10px;font-family:var(--font-code);font-size:12px;line-height:1.7}.code-toolbar{font-family:var(--font-ui);display:flex;align-items:center;justify-content:space-between;padding:8px 13px;color:#b4b5ca;background:#303044;font-size:10px}.code-copy{font-family:var(--font-ui);padding:5px 8px;border-radius:5px;color:#dedfec;background:#43435e;font-size:10px}.code-copy:hover{background:#555576}.inline-code,.code-block pre{font-weight:400;-webkit-text-stroke:0}.code-block pre{margin:0;padding:16px;overflow-x:auto}.code-block code.hljs{padding:0;background:transparent}.hljs-keyword,.hljs-selector-tag{color:#c7a1f7}.hljs-string,.hljs-attr{color:#a7d8c0}.hljs-comment{color:#898ba7}.hljs-number,.hljs-literal{color:#e8c487}.hljs-title,.hljs-built_in{color:#a6b9f0}.is-streaming:after{display:inline-block;width:5px;height:15px;margin-left:5px;vertical-align:-2px;background:var(--accent);border-radius:2px;animation:blink 1s step-end infinite;content:""}@keyframes blink{50%{opacity:0}}.message-error{margin-top:8px;padding:10px 12px;color:#af526d;background:#fceef2;border:1px solid #f0d3dd;border-radius:8px;font-size:12px}.message-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:13px}.message-actions button{display:flex;align-items:center;gap:5px;padding:5px 0;color:#9394ac;background:transparent;font-size:10px}.message-actions button:hover{color:var(--accent-dark)}.message-stats{display:flex;align-items:center;gap:4px;color:#a3a5bc;font-size:10px}.context-note{display:flex;align-items:center;gap:12px;width:min(690px,calc(100% - 90px));margin:10px auto 28px;color:#b1b3c7;font-size:10px}.context-line{height:1px;flex:1;background:var(--line)}.jump-to-latest{position:absolute;right:50%;bottom:160px;z-index:2;display:flex;align-items:center;gap:6px;padding:10px 14px;color:#756b5b;background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);font-size:11px;transform:translate(50%)}.jump-to-latest:hover{background:var(--soft)}.loading-messages{flex:1;padding:48px;color:var(--muted);font-size:12px;text-align:center}.mode-banner,.storage-banner{flex-shrink:0;padding:12px 15px;color:#8a6c42;background:#f7efe1;border:1px solid #eaddc5;border-radius:8px;font-size:11px;line-height:1.7}.mode-banner{width:min(780px,calc(100% - 80px));margin:8px auto 0}.storage-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 20px}.storage-banner button{padding:6px 10px;color:#8a6c42;background:var(--surface);border-radius:5px}.is-empty .mode-banner,.is-empty .storage-banner{order:0;margin-bottom:20px}.toast{position:fixed;bottom:25px;left:50%;z-index:110;max-width:calc(100% - 32px);padding:12px 18px;color:#f8f9ff;background:#38384f;border-radius:9px;box-shadow:var(--shadow);font-size:12px;transform:translate(-50%);animation:appear .2s ease-out}.confirmation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#24214247;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-dialog{width:min(100%,400px);padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 60px #24214226;animation:appear .2s ease-out}.confirmation-dialog h2{font-family:var(--font-reading);margin:0 0 12px;color:var(--ink);font-size:18px;font-weight:500}.confirmation-dialog p{color:var(--muted);font-size:13px;line-height:1.8}.confirmation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.confirmation-actions button{padding:10px 15px;color:#686a83;background:var(--soft);border-radius:8px;font-size:12px}.confirmation-actions .confirmation-primary{color:#fff;background:var(--accent)}.confirmation-primary:hover{background:var(--accent-dark)}.sidebar-enter-active,.sidebar-leave-active{transition:opacity .2s,transform .2s}.sidebar-enter-from,.sidebar-leave-to{opacity:0;transform:translate(-14px)}@keyframes appear{0%{opacity:0}to{opacity:1}}@media(max-width:1000px){.conversation-header{padding:0 20px}.header-title-wrap h2{max-width:200px}.composer-hint{display:none}.suggestion-grid{gap:8px}.suggestion-card{gap:7px;padding:15px 10px}.suggestion-arrow{display:none}}@media(max-width:760px){.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:block;width:100%;height:100%;background:#24214240;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar{position:fixed;z-index:21;height:100vh;height:100dvh;width:265px;box-shadow:10px 0 35px #2421421a}.conversation-header{height:68px;gap:8px;padding:0 15px}.header-title-wrap{gap:8px}.header-title-wrap h2{max-width:220px}.header-actions{gap:1px}.header-action{width:34px;padding:0;justify-content:center}.header-action span{display:none}.model-trigger{min-width:90px;max-width:145px;font-size:10px}.model-picker{margin-right:1px}.chat-content.is-empty{justify-content:flex-start;padding:clamp(28px,9vh,80px) 0 35px}.welcome-state,.is-empty .composer-wrap,.suggestion-grid{width:calc(100% - 40px)}.welcome-state{padding-bottom:24px}.welcome-symbol{width:64px;height:64px}.welcome-state h1{font-size:32px}.welcome-state>p{font-size:12px}.suggestion-grid{grid-template-columns:1fr;gap:8px;margin-top:16px}.suggestion-card{align-items:center;padding:13px;gap:10px}.suggestion-copy{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.suggestion-copy small{font-size:10px}.suggestion-card>svg{margin:0}.message-list,.message-list-item,.composer-wrap,.mode-banner{width:calc(100% - 36px)}.message-list-item:first-child{padding-top:20px}.composer{padding:15px 14px 10px;border-radius:13px}.composer-wrap{padding-top:8px}.composer-model{max-width:240px}.message-content{font-size:14px}.message-row{gap:10px;margin-bottom:27px}.user-row .message-body{padding:11px 15px}.context-note{width:calc(100% - 48px)}.context-budget{right:-38px}.conversation-actions{opacity:1}}@media(max-width:440px){.conversation-header{padding:0 10px}.header-title-wrap{gap:5px}.header-title-wrap h2{max-width:120px;font-size:12px}.header-subtitle{max-width:100%;font-size:9px}.header-model,.header-separator{display:none}.header-actions .icon-button,.header-action{width:29px;height:32px}.model-trigger{max-width:95px;min-width:75px;padding:0 7px;gap:4px}.welcome-state h1{font-size:29px}.eyebrow{font-size:10px}.suggestion-copy{flex-direction:column;align-items:flex-start;gap:3px}.suggestion-card{padding:11px 13px}.message-avatar{width:25px;flex-basis:25px}.message-actions{gap:12px}.message-stats,.composer-disclaimer{font-size:9px}}@media(max-height:700px)and (min-width:761px){.chat-content.is-empty{justify-content:flex-start;padding:25px 0 30px}.welcome-state{padding-bottom:22px}.welcome-symbol{width:54px;height:54px;margin-bottom:14px}.welcome-state h1{font-size:33px}.eyebrow{margin-bottom:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}