:root{--bg-sidebar: #0d0d0d;--bg-sidebar-hover: #2a2a2a;--bg-main: #0d0d0d;--bg-input: #2f2f2f;--bg-bubble-agent: transparent;--bg-bubble-user: #2f6feb;--text-primary: #ececec;--text-secondary: #b4b4b4;--text-muted: #8e8e8e;--accent: #10a37f;--accent-blue: #2f6feb;--border: #2a2a2a;--radius: 12px;--sidebar-width: 280px;--sidebar-collapsed-width: 56px;--content-max-width: 760px}@media(min-width:1600px){:root{--content-max-width: 920px}}@media(min-width:2200px){:root{--content-max-width: 1140px}.landing-heading{font-size:34px}.msg-bubble{font-size:16px}}@media(min-width:3200px){:root{--content-max-width: 1500px}.landing-heading{font-size:42px}.msg-bubble{font-size:19px}.input-box textarea{font-size:17px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background:var(--bg-main);color:var(--text-primary)}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;transition:grid-template-columns .2s ease}.sidebar{background:var(--bg-sidebar);display:flex;flex-direction:column;min-height:0;padding:12px 8px;border-right:1px solid var(--border);transition:transform .25s ease}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 14px}.brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}.brand-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.brand-logo-img{width:100%;height:100%;object-fit:contain}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px}.icon-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.new-chat-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);color:var(--text-primary);font-size:14px;cursor:pointer;background:transparent;margin-bottom:16px;width:100%;text-align:left}.new-chat-btn:hover{background:var(--bg-sidebar-hover)}.sidebar-section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);padding:10px 12px 6px}.fetch-link{background:none;border:none;color:var(--accent);font-size:11.5px;cursor:pointer;padding:0}.fetch-link:hover{text-decoration:underline}.item-icon{flex-shrink:0;font-size:15px}.repo-item,.history-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;background:none;width:100%;text-align:left}.repo-item:hover,.history-item:hover,.history-item.active{background:var(--bg-sidebar-hover);color:var(--text-primary)}.chat-item{position:relative;display:flex;align-items:center;gap:2px;border-radius:8px}.chat-item:hover,.chat-item.active{background:var(--bg-sidebar-hover)}.chat-item .chat-item-title-btn{flex:1;min-width:0;width:auto}.chat-item:hover .chat-item-title-btn,.chat-item.active .chat-item-title-btn{background:none;color:var(--text-primary)}.chat-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-actions{display:none;align-items:center;gap:2px;flex-shrink:0;padding-right:4px;position:relative}.chat-item:hover .chat-item-actions,.chat-item.active .chat-item-actions{display:flex}.chat-item-action-btn{width:26px;height:26px;border-radius:6px;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chat-item-action-btn:hover{background:#3a3a3a;color:var(--text-primary)}.chat-item-action-btn .pinned{color:var(--accent-blue)}.chat-item-menu{width:190px;background:#2a2a2a;border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 32px #00000073;z-index:30}.chat-item-menu-portal{position:fixed}.chat-item-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;color:var(--text-primary);font-size:13.5px;cursor:pointer;border-radius:8px;text-align:left}.chat-item-menu button:hover{background:var(--bg-sidebar-hover)}.chat-item-menu-divider{height:1px;background:var(--border);margin:6px 4px}.chat-item-menu-danger{color:#f87171!important}.chat-item-rename-input{flex:1;min-width:0;background:var(--bg-input);border:1px solid var(--accent-blue);border-radius:8px;padding:8px 10px;font-size:13.5px;color:var(--text-primary);outline:none}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;margin:0 -8px;padding:0 8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:8px;border:2px solid var(--bg-sidebar)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.sidebar-scroll::-webkit-scrollbar-button{display:none;height:0;width:0}.sidebar-empty-hint{font-size:12.5px;color:var(--text-muted);padding:6px 12px}.sidebar-footer-wrapper{position:relative;border-top:1px solid var(--border);margin-top:8px}.sidebar-footer{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;width:100%;background:none;border:none;color:var(--text-primary);cursor:pointer;border-radius:8px;text-align:left}.sidebar-footer-text{display:flex;flex-direction:column;min-width:0}.sidebar-footer-name{margin:0;font-size:13.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-plan{margin:0;font-size:11.5px;color:var(--text-muted)}.profile-menu{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:8px;background:#2a2a2a;border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 12px 32px #00000073;z-index:30}.profile-menu-header{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:none;border:none;cursor:pointer;border-radius:10px;text-align:left}.profile-menu-header:hover{background:var(--bg-sidebar-hover)}.profile-menu-header-text{flex:1;min-width:0}.profile-menu-name{margin:0;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu-plan{margin:0;font-size:12px;color:var(--text-muted)}.profile-menu-chevron{font-size:16px;color:var(--text-muted);flex-shrink:0}.profile-menu-divider{height:1px;background:var(--border);margin:6px}.profile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:10px;text-align:left}.profile-menu-item:hover{background:var(--bg-sidebar-hover)}.profile-menu-item:disabled{opacity:.4;cursor:not-allowed}.profile-menu-item:disabled:hover{background:none}.profile-menu-icon{font-size:18px;color:var(--text-secondary);flex-shrink:0}.profile-menu-chevron-right{margin-left:auto;font-size:16px;color:var(--text-muted)}.avatar{width:26px;height:26px;border-radius:50%;background:#6b5bd6;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;flex-shrink:0;object-fit:cover}.auth-loading{width:100vw;height:100vh;background:var(--bg-main)}.login-screen{width:100vw;height:100vh;background:var(--bg-main);display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo{width:64px;height:64px;object-fit:contain;margin-bottom:20px}.login-title{font-size:26px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.login-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 28px}.login-github-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 20px;border-radius:10px;border:none;background:#fff;color:#111;font-size:14.5px;font-weight:600;cursor:pointer}.login-github-btn:hover{background:#e6e6e6}.login-hint{font-size:12px;color:var(--text-muted);margin:18px 0 0;line-height:1.5}.main{display:flex;flex-direction:column;height:100vh;min-width:0}.sidebar-footer-row{display:flex;align-items:center;gap:4px;width:100%;flex-wrap:nowrap}.sidebar-footer-row .sidebar-footer{flex:1;min-width:0}.grid-icon-btn{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-size:17px}.grid-icon-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden}.topbar-title{overflow:hidden;text-overflow:ellipsis}.topbar-clock{font-size:13px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.mobile-menu-btn{display:none;flex-shrink:0;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;font-size:18px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.chat-scroll{flex:1;overflow-y:auto;padding:24px 0 12px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.chat-scroll::-webkit-scrollbar{width:8px}.chat-scroll::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:8px;border:2px solid var(--bg-main)}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.chat-scroll::-webkit-scrollbar-button{display:none;height:0;width:0}.chat-scroll.chat-scroll-empty{display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.chat-inner{max-width:var(--content-max-width);margin:0 auto;padding:0 24px}.landing{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center}.landing-heading{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 24px;text-align:center}.landing .input-inner{width:100%}.msg-row{margin-bottom:26px}.msg-row.user{display:flex;justify-content:flex-end}.msg-col{display:flex;flex-direction:column;max-width:100%}.msg-row.user .msg-col{align-items:flex-end;max-width:78%}.msg-bubble{padding:12px 16px;border-radius:var(--radius);font-size:14.5px;line-height:1.65}.msg-row.agent .msg-bubble{background:var(--bg-bubble-agent);padding:0}.msg-row.user .msg-bubble{background:var(--bg-bubble-user);color:#fff;border-radius:16px}.msg-bubble p{margin:0 0 8px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble ul,.msg-bubble ol{margin:4px 0 8px;padding-left:20px}.msg-bubble li{margin-bottom:2px}.msg-bubble strong{font-weight:600}.msg-bubble code{background:#1a1a1a;padding:1px 6px;border-radius:4px;font-size:13px;font-family:SFMono-Regular,Consolas,monospace}.code-block{margin:8px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#222;border-bottom:1px solid var(--border);font-size:12px}.code-block-lang{color:var(--text-muted);text-transform:lowercase}.code-block-copy{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:3px 7px;border-radius:6px}.code-block-copy:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.code-block pre{margin:0;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.code-block pre::-webkit-scrollbar{height:8px}.code-block pre::-webkit-scrollbar-track{background:transparent}.code-block pre::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:8px}.code-block pre::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.msg-bubble a{color:#6bb7ff}.msg-bubble table{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0}.msg-bubble th,.msg-bubble td{border:1px solid var(--border);padding:6px 10px;text-align:left}.msg-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);margin-top:5px;padding:0 4px}.msg-row.user .msg-meta{flex-direction:row-reverse}.msg-actions{display:flex;align-items:center;gap:2px;margin-top:4px;padding:0 4px}.msg-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:17px}.msg-action-btn svg{stroke-width:2.5px}.msg-action-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.msg-action-btn.active{color:var(--accent)}.msg-action-btn.active svg{fill:currentColor}.typing-row{margin-bottom:26px;display:flex;align-items:center;gap:10px;padding:4px 0;animation:msg-fade-in .2s ease}.thinking-orb{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 32% 32%,#21d6a8,var(--accent));animation:orb-pulse 1.4s ease-in-out infinite}.thinking-text{font-size:13.5px;background:linear-gradient(90deg,var(--text-muted) 0%,var(--text-primary) 50%,var(--text-muted) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:thinking-shimmer 1.8s linear infinite}@keyframes orb-pulse{0%,to{transform:scale(.85);box-shadow:0 0 #10a37f73}50%{transform:scale(1.05);box-shadow:0 0 10px 4px #10a37f33}}@keyframes thinking-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes msg-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.input-area{padding:12px 24px 20px;flex-shrink:0}.input-inner{max-width:var(--content-max-width);margin:0 auto}.input-box{display:flex;align-items:flex-end;gap:8px;background:var(--bg-input);border:1px solid var(--border);border-radius:24px;padding:6px 6px 6px 16px}.input-box textarea{flex:1;background:none;border:none;outline:none;resize:none;color:var(--text-primary);font-size:14.5px;font-family:inherit;max-height:160px;line-height:1.4;padding:6px 0}.input-box textarea::placeholder{color:var(--text-muted)}.send-btn{width:30px;height:30px;border-radius:50%;background:var(--accent-blue);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.send-btn:disabled{opacity:.3;cursor:default}.input-hint{text-align:center;font-size:11.5px;color:var(--text-muted);margin-top:10px}.toggle-icon-stack{position:relative;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.toggle-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.toggle-icon-panel,.sidebar-toggle-btn:hover .toggle-icon-brand{opacity:0}.sidebar-toggle-btn:hover .toggle-icon-panel{opacity:1}.sidebar:not(.collapsed) .toggle-icon-brand{display:none}.sidebar:not(.collapsed) .toggle-icon-panel{opacity:1}@media(min-width:821px){.app.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar.collapsed{padding:12px 6px}.sidebar.collapsed .sidebar-top{justify-content:center}.sidebar.collapsed .new-chat-btn{justify-content:center;padding:8px;border-color:transparent;margin-bottom:4px}.sidebar.collapsed .new-chat-btn .label{display:none}.rail-icons{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.rail-icon-btn{width:100%;padding:8px;font-size:15px}.sidebar.collapsed .sidebar-scroll{overflow:hidden}.sidebar.collapsed .sidebar-scroll>*{display:none}.sidebar.collapsed .sidebar-footer-row{justify-content:center}.sidebar.collapsed .sidebar-footer{flex:none;justify-content:center;padding:10px}.sidebar.collapsed .sidebar-footer-text,.sidebar.collapsed .grid-icon-btn{display:none}.sidebar.collapsed .profile-menu{left:8px;right:auto;width:260px}.sidebar.collapsed [data-tooltip]{position:relative}.sidebar.collapsed [data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1a1a1a;color:#fff;padding:6px 10px;border-radius:8px;font-size:12.5px;white-space:nowrap;box-shadow:0 4px 14px #0006;z-index:40;pointer-events:none}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.settings-modal{width:100%;max-width:420px;max-height:85vh;overflow-y:auto;background:#1a1a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000080}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.settings-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;display:flex;padding:4px;border-radius:8px}.settings-close-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.settings-section{padding:18px 20px 20px}.settings-section h3{margin:0 0 14px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.usage-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13.5px}.usage-row-sub{padding:5px 0;font-size:12.5px}.usage-label{color:var(--text-muted)}.usage-value{color:var(--text-primary);font-weight:500}.usage-bar-track{width:100%;height:6px;border-radius:4px;background:var(--bg-sidebar-hover);overflow:hidden;margin:4px 0 8px}.usage-bar-fill{height:100%;background:var(--accent-blue);border-radius:4px;transition:width .3s ease}.usage-per-model{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.settings-hint{font-size:13px;color:var(--text-muted);margin:0}.settings-note{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--text-muted)}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:20;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:flex}.topbar{padding:10px 14px}.chat-inner,.input-inner{padding-left:14px;padding-right:14px}.msg-col{max-width:88%}.msg-action-btn{width:34px;height:34px}.input-area{padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px))}.landing-heading{font-size:22px}}@media(max-width:480px){.msg-bubble{font-size:14px}.chat-inner,.input-inner,.landing{padding-left:10px;padding-right:10px}.msg-row.user .msg-col{max-width:92%}.thinking-text{font-size:13px}}.input-box-wrapper{position:relative}.plus-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--text-primary);font-size:17px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.plus-btn:hover{background:var(--bg-sidebar-hover)}.plus-menu{position:absolute;bottom:100%;left:0;margin-bottom:10px;width:300px;max-width:90vw;background:#2a2a2a;border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 12px 32px #00000073;z-index:30}.plus-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;background:none;border:none;cursor:pointer;border-radius:10px;text-align:left}.plus-menu-item:hover{background:var(--bg-sidebar-hover)}.plus-menu-item:disabled{opacity:.4;cursor:not-allowed}.plus-menu-item:disabled:hover{background:none}.plus-menu-icon{font-size:18px;width:22px;height:22px;color:var(--text-secondary);flex-shrink:0}.plus-menu-text{min-width:0}.plus-menu-title{margin:0;font-size:13.5px;color:var(--text-primary)}.plus-menu-subtitle{margin:0;font-size:11.5px;color:var(--text-muted)}.plus-menu-connect{margin-left:auto;font-size:11px;color:var(--accent);flex-shrink:0}.plus-menu-divider{height:1px;background:var(--border);margin:6px 4px}.plus-menu-hint{font-size:11.5px;color:var(--text-muted);padding:8px 10px 4px;margin:0}.input-actions-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.think-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:14px;border:1px solid var(--border);background:none;color:var(--text-secondary);font-size:13px;cursor:pointer}.think-btn:hover{background:var(--bg-sidebar-hover)}.think-btn.active{color:var(--accent);border-color:var(--accent)}.icon-only-btn{width:30px;height:30px;border-radius:50%;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px}.icon-only-btn:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.icon-only-btn.recording{color:#ff4d4d;background:#ff4d4d1f;animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ff4d4d59}50%{box-shadow:0 0 0 6px #ff4d4d00}}