:root{--bg:#fff;--sidebar:#f9f9f9;--hover:#ececec;--active:#e3e3e3;--text:#0d0d0d;--muted:#5d5d5d;--faint:#8f8f8f;--border:#e5e5e5;--bubble:#f4f4f4;--composer:#fff;--composer-shadow:0 0 0 1px #00000014, 0 4px 16px #0000000f;--send-bg:#000;--send-fg:#fff;--send-disabled:#d7d7d7;--menu:#fff;--error-bg:#fdecec;--error-fg:#b42318;--accent:#10a37f;--sidebar-w:260px;--column:48rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#212121;--sidebar:#181818;--hover:#2a2a2a;--active:#303030;--text:#ececec;--muted:#b4b4b4;--faint:#8f8f8f;--border:#363636;--bubble:#303030;--composer:#303030;--composer-shadow:0 0 0 1px #ffffff0a, 0 4px 16px #00000040;--send-bg:#fff;--send-fg:#000;--send-disabled:#676767;--menu:#353535;--error-bg:#3b1f1f;--error-fg:#ffb4ab;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.app{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--sidebar);margin-left:calc(-1 * var(--sidebar-w));flex-direction:column;flex-shrink:0;transition:margin-left .2s;display:flex;overflow:hidden}.sidebar.open{margin-left:0}.sidebar-backdrop{display:none}.sidebar-top{justify-content:space-between;padding:8px 8px 0;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--text)}.icon-button.small{border-radius:6px;width:28px;height:28px}.sidebar-brand{text-align:left;border-radius:8px;align-items:center;gap:10px;margin:8px 8px 4px;padding:8px;font-size:14px;font-weight:500;display:flex}.sidebar-brand:hover{background:var(--hover)}.brand-logo{background:var(--text);width:26px;height:26px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.sidebar-scroll{flex:1;padding:0 8px 12px;overflow-y:auto}.group{margin-top:16px}.group-title{width:100%;color:var(--faint);text-align:left;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.group-title:hover{color:var(--muted)}.group-chevron{transition:transform .15s}.group-chevron.collapsed{transform:rotate(-90deg)}.group-list{margin:0;padding:0;list-style:none}.group-empty{color:var(--faint);padding:6px 8px;font-size:13px}.group-sentinel{height:1px}.item{text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 8px;font-size:14px;display:flex}.item:hover{background:var(--hover)}.item.active{background:var(--active)}.item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.item-meta{flex-shrink:0;align-items:center;gap:4px;display:flex}.item-badge,.item-tag{background:var(--active);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 6px;font-size:11px;line-height:1}.item.active .item-badge,.item.active .item-tag{background:var(--bg)}.item-check{color:var(--accent);display:inline-flex}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.avatar-sm{background:var(--active);width:32px;height:32px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-footer-title{font-size:14px;font-weight:500}.sidebar-footer-sub{color:var(--faint);font-size:12px}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{flex-shrink:0;align-items:center;gap:4px;height:52px;padding:0 8px;display:flex}.topbar-left{display:flex}.model-picker{position:relative}.model-picker-button{border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:18px;font-weight:500;display:inline-flex}.model-picker-button:hover{background:var(--hover)}.model-picker-version{color:var(--faint)}.model-menu{z-index:30;background:var(--menu);border:1px solid var(--border);border-radius:16px;width:300px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 32px #00000029}.model-menu-item{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.model-menu-item.selected{background:var(--hover)}.model-menu-item.disabled{opacity:.45}.model-menu-title{font-size:14px;font-weight:500}.model-menu-sub{color:var(--muted);font-size:12px}.model-menu-sep{background:var(--border);height:1px;margin:6px 4px}.model-menu-note{color:var(--muted);padding:6px 12px 8px;font-size:12px}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-scroll{flex:1;overflow-y:auto}.chat-column{max-width:var(--column);flex-direction:column;gap:28px;margin:0 auto;padding:16px 16px 32px;display:flex}.chat-loading,.chat-notice{color:var(--muted);padding:24px 0}.chat-bottom{width:100%;max-width:var(--column);flex-shrink:0;margin:0 auto;padding:0 16px 8px}.msg-user{justify-content:flex-end;display:flex}.msg-user-bubble{background:var(--bubble);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:22px;max-width:70%;padding:10px 18px}.msg-assistant{gap:14px;animation:.3s fade-in;display:flex}.model-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:600;display:flex}.msg-assistant-body{flex:1;min-width:0}.msg-assistant-label{color:var(--muted);margin-bottom:4px;font-size:13px}.msg-assistant-label strong{color:var(--text);font-weight:600}.msg-model-version{background:var(--bubble);color:var(--faint);border-radius:999px;margin-left:8px;padding:1px 6px;font-size:11px}.msg-assistant-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.cursor-dot{background:var(--text);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-left:4px;animation:1s ease-in-out infinite pulse;display:inline-block}.msg-actions{gap:2px;margin-top:6px;margin-left:-6px;display:flex}.thinking{padding:2px 0}.thinking-shimmer{background:linear-gradient(90deg, var(--faint) 0%, var(--faint) 40%, var(--text) 50%, var(--faint) 60%, var(--faint) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}.waiting{gap:14px;animation:.3s fade-in;display:flex}.waiting-avatar{border:1.5px dashed var(--faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.waiting-avatar span{background:var(--text);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite pulse}.waiting-body{flex:1;min-width:0}.waiting-title{align-items:center;gap:10px;font-weight:500;display:flex}.waiting-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.waiting-bar{gap:6px;max-width:240px;margin:10px 0;display:flex}.waiting-bar span{background:var(--bubble);border-radius:999px;flex:1;height:6px}.waiting-bar span.on{background:var(--accent)}.waiting-text{color:var(--muted);margin:0;font-size:15px}.composer-wrap{width:100%}.composer-error{background:var(--error-bg);color:var(--error-fg);border-radius:12px;margin-bottom:8px;padding:10px 14px;font-size:14px;animation:.2s fade-in}.composer{background:var(--composer);box-shadow:var(--composer-shadow);border-radius:28px;align-items:flex-end;gap:8px;padding:10px 10px 10px 20px;display:flex}.composer.disabled{opacity:.7}.composer textarea{resize:none;min-height:24px;max-height:200px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:6px 0;line-height:1.5}.composer textarea::placeholder{color:var(--faint)}.composer-actions{align-items:center;gap:8px;display:flex}.composer-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.composer-count.over{color:var(--error-fg)}.send-button{background:var(--send-bg);width:36px;height:36px;color:var(--send-fg);border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.send-button:disabled{background:var(--send-disabled);cursor:default}.send-button:not(:disabled):hover{opacity:.8}.send-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.disclaimer{text-align:center;color:var(--faint);margin:8px 0 0;font-size:12px}.new-chat{flex-direction:column;flex:1;min-height:0;padding:0 16px 8px;display:flex;overflow-y:auto}.new-chat-center{width:100%;max-width:var(--column);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;padding-bottom:8vh;display:flex}.new-chat-title{text-align:center;margin:0 0 8px;font-size:28px;font-weight:500}.new-chat-sub{color:var(--muted);text-align:center;margin:0 0 24px;font-size:15px}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.suggestion{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px}.suggestion:hover{background:var(--hover);color:var(--text)}@media (width<=767px){.sidebar{z-index:50;width:min(var(--sidebar-w), 85vw);margin-left:0;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-backdrop{z-index:40;opacity:0;pointer-events:none;background:#0006;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.msg-user-bubble{max-width:85%}.new-chat-title{font-size:24px}.suggestions{display:none}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes pulse{50%{opacity:.6;transform:scale(.6)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}