:root{--gf-accent: #1985A1;--gf-accent-light: #22a3c4;--gf-accent-dark: #14697f;--gf-accent-gradient: linear-gradient(135deg, #1985A1 0%, #22a3c4 50%, #2bc4e8 100%);--gf-bg-primary: #0d1117;--gf-bg-secondary: #161b22;--gf-bg-tertiary: #1c2128;--gf-bg-elevated: #21262d;--gf-bg-glass: rgba(22, 27, 34, .75);--gf-border: rgba(255, 255, 255, .08);--gf-border-accent: rgba(25, 133, 161, .4);--gf-text-primary: #e6edf3;--gf-text-secondary: #8b949e;--gf-text-muted: #484f58;--gf-text-inverse: #0d1117;--gf-shadow: 0 8px 32px rgba(0, 0, 0, .4);--gf-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--gf-glass-bg: rgba(22, 27, 34, .65);--gf-glass-border: rgba(255, 255, 255, .06);--gf-glass-blur: 16px;--gf-space-xs: 4px;--gf-space-sm: 8px;--gf-space-md: 16px;--gf-space-lg: 24px;--gf-space-xl: 32px;--gf-space-2xl: 48px;--gf-radius-sm: 6px;--gf-radius-md: 10px;--gf-radius-lg: 16px;--gf-radius-full: 9999px;--gf-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gf-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--gf-font-size-xs: .75rem;--gf-font-size-sm: .8125rem;--gf-font-size-md: .875rem;--gf-font-size-lg: 1rem;--gf-font-size-xl: 1.25rem;--gf-font-size-2xl: 1.5rem;--gf-transition-fast: .15s ease;--gf-transition-normal: .25s ease;--gf-transition-slow: .4s ease;--gf-sidebar-width: 300px;--gf-header-height: 56px;--gf-input-height: 64px}[data-theme=light]{--gf-bg-primary: #ffffff;--gf-bg-secondary: #f6f8fa;--gf-bg-tertiary: #eaeef2;--gf-bg-elevated: #ffffff;--gf-bg-glass: rgba(255, 255, 255, .75);--gf-border: rgba(0, 0, 0, .1);--gf-border-accent: rgba(25, 133, 161, .3);--gf-text-primary: #1f2328;--gf-text-secondary: #656d76;--gf-text-muted: #8b949e;--gf-text-inverse: #ffffff;--gf-shadow: 0 8px 32px rgba(0, 0, 0, .1);--gf-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--gf-glass-bg: rgba(255, 255, 255, .65);--gf-glass-border: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--gf-font-sans);font-size:var(--gf-font-size-md);color:var(--gf-text-primary);background:var(--gf-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:var(--gf-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gf-text-muted);border-radius:var(--gf-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gf-text-secondary)}.app-layout{display:flex;flex-direction:column;height:100%}.app-body{display:flex;flex:1;overflow:hidden}.main-area{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;height:var(--gf-header-height);padding:0 var(--gf-space-md);background:var(--gf-bg-secondary);border-bottom:1px solid var(--gf-border);flex-shrink:0;z-index:10}.header-left{display:flex;align-items:center;gap:var(--gf-space-md)}.header-logo{display:flex;align-items:center;gap:var(--gf-space-sm);font-weight:700;font-size:var(--gf-font-size-lg);background:var(--gf-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo img{width:28px;height:28px;border-radius:var(--gf-radius-sm)}.header-right{display:flex;align-items:center;gap:var(--gf-space-sm)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--gf-radius-sm);transition:background var(--gf-transition-fast)}.sidebar-toggle:hover{background:var(--gf-bg-elevated)}.model-selector{display:flex;align-items:center;gap:var(--gf-space-sm)}.model-selector select{background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);padding:var(--gf-space-xs) var(--gf-space-sm);color:var(--gf-text-primary);outline:none;cursor:pointer;min-width:120px}.model-selector select:focus{border-color:var(--gf-accent)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--gf-radius-sm);color:var(--gf-text-secondary);transition:all var(--gf-transition-fast)}.icon-btn:hover{background:var(--gf-bg-elevated);color:var(--gf-text-primary)}.sidebar{width:var(--gf-sidebar-width);height:100%;background:var(--gf-bg-secondary);border-right:1px solid var(--gf-border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--gf-transition-normal),opacity var(--gf-transition-normal);overflow:hidden}.sidebar.collapsed{width:0;opacity:0;pointer-events:none}.sidebar-section{padding:var(--gf-space-md);border-bottom:1px solid var(--gf-border)}.sidebar-section-title{font-size:var(--gf-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gf-text-muted);margin-bottom:var(--gf-space-sm)}.sidebar-agents{display:flex;flex-direction:column;gap:var(--gf-space-sm);max-height:280px;overflow-y:auto}.sidebar-conversations{flex:1;overflow-y:auto;padding:var(--gf-space-sm)}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:var(--gf-space-sm) var(--gf-space-md);border-radius:var(--gf-radius-sm);cursor:pointer;transition:background var(--gf-transition-fast);gap:var(--gf-space-sm)}.conversation-item:hover{background:var(--gf-bg-elevated)}.conversation-item.active{background:#1985a126;border:1px solid var(--gf-border-accent)}.conversation-title{font-size:var(--gf-font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.conversation-delete{opacity:0;color:var(--gf-text-muted);transition:opacity var(--gf-transition-fast);flex-shrink:0}.conversation-item:hover .conversation-delete{opacity:1}.conversation-delete:hover{color:#f85149}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:var(--gf-space-sm);width:100%;padding:var(--gf-space-sm) var(--gf-space-md);background:var(--gf-accent-gradient);color:#fff;font-weight:600;font-size:var(--gf-font-size-sm);border-radius:var(--gf-radius-sm);transition:opacity var(--gf-transition-fast)}.new-chat-btn:hover{opacity:.9}.agent-card{padding:var(--gf-space-sm) var(--gf-space-md);background:var(--gf-glass-bg);backdrop-filter:blur(var(--gf-glass-blur));-webkit-backdrop-filter:blur(var(--gf-glass-blur));border:1px solid var(--gf-glass-border);border-radius:var(--gf-radius-md);cursor:pointer;transition:all var(--gf-transition-fast)}.agent-card:hover{border-color:var(--gf-border-accent);box-shadow:var(--gf-shadow-sm);transform:translateY(-1px)}.agent-card.selected{border-color:var(--gf-accent);background:#1985a11a}.agent-card-name{font-size:var(--gf-font-size-sm);font-weight:600;margin-bottom:2px}.agent-card-desc{font-size:var(--gf-font-size-xs);color:var(--gf-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-meta{display:flex;align-items:center;gap:var(--gf-space-sm);margin-top:var(--gf-space-xs);font-size:var(--gf-font-size-xs);color:var(--gf-text-muted)}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:var(--gf-space-lg);display:flex;flex-direction:column;gap:var(--gf-space-md)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gf-space-md);color:var(--gf-text-muted);text-align:center;padding:var(--gf-space-2xl)}.chat-empty-title{font-size:var(--gf-font-size-2xl);font-weight:700;background:var(--gf-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-empty-sub{font-size:var(--gf-font-size-md);color:var(--gf-text-secondary);max-width:400px}.message-row{display:flex;gap:var(--gf-space-md);max-width:800px;width:100%;margin:0 auto}.message-row.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:var(--gf-radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--gf-font-size-xs);font-weight:700;color:#fff}.message-avatar.user{background:var(--gf-accent-gradient)}.message-avatar.assistant{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.message-bubble{padding:var(--gf-space-md);border-radius:var(--gf-radius-lg);max-width:75%;line-height:1.6;font-size:var(--gf-font-size-md)}.message-bubble.user{background:var(--gf-accent);color:#fff;border-bottom-right-radius:var(--gf-space-xs)}.message-bubble.assistant{background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-bottom-left-radius:var(--gf-space-xs)}.message-bubble.assistant p{margin-bottom:var(--gf-space-sm)}.message-bubble.assistant p:last-child{margin-bottom:0}.message-bubble.assistant code{font-family:var(--gf-font-mono);font-size:.85em;background:#ffffff0f;padding:2px 6px;border-radius:4px}.message-bubble.assistant pre{background:var(--gf-bg-primary);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);padding:var(--gf-space-md);margin:var(--gf-space-sm) 0;overflow-x:auto;position:relative}.message-bubble.assistant pre code{background:none;padding:0;font-size:var(--gf-font-size-sm);line-height:1.5}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gf-space-xs) var(--gf-space-md);background:var(--gf-bg-tertiary);border-bottom:1px solid var(--gf-border);border-radius:var(--gf-radius-sm) var(--gf-radius-sm) 0 0;font-size:var(--gf-font-size-xs);color:var(--gf-text-muted)}.code-copy-btn{font-size:var(--gf-font-size-xs);color:var(--gf-text-muted);padding:2px 8px;border-radius:4px;transition:all var(--gf-transition-fast)}.code-copy-btn:hover{background:var(--gf-bg-elevated);color:var(--gf-text-primary)}.message-bubble.assistant ul,.message-bubble.assistant ol{padding-left:var(--gf-space-lg);margin-bottom:var(--gf-space-sm)}.message-bubble.assistant li{margin-bottom:var(--gf-space-xs)}.message-bubble.assistant blockquote{border-left:3px solid var(--gf-accent);padding-left:var(--gf-space-md);color:var(--gf-text-secondary);margin:var(--gf-space-sm) 0}.message-bubble.assistant h1,.message-bubble.assistant h2,.message-bubble.assistant h3,.message-bubble.assistant h4{margin-top:var(--gf-space-md);margin-bottom:var(--gf-space-sm)}.message-bubble.assistant a{color:var(--gf-accent-light)}.streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--gf-accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.input-bar{padding:var(--gf-space-md) var(--gf-space-lg);border-top:1px solid var(--gf-border);background:var(--gf-bg-secondary)}.input-bar-inner{display:flex;align-items:flex-end;gap:var(--gf-space-sm);max-width:800px;margin:0 auto;background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);padding:var(--gf-space-sm);transition:border-color var(--gf-transition-fast)}.input-bar-inner:focus-within{border-color:var(--gf-accent)}.input-textarea{flex:1;background:transparent;border:none;outline:none;resize:none;color:var(--gf-text-primary);padding:var(--gf-space-sm);max-height:200px;min-height:24px;line-height:1.5}.input-textarea::placeholder{color:var(--gf-text-muted)}.send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--gf-radius-sm);background:var(--gf-accent-gradient);color:#fff;flex-shrink:0;transition:opacity var(--gf-transition-fast)}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{opacity:.4;cursor:not-allowed}.input-bar-footer{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:var(--gf-space-xs) auto 0;font-size:var(--gf-font-size-xs);color:var(--gf-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--gf-bg-secondary);border:1px solid var(--gf-border);border-radius:var(--gf-radius-lg);box-shadow:var(--gf-shadow);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gf-space-lg);border-bottom:1px solid var(--gf-border)}.modal-title{font-size:var(--gf-font-size-xl);font-weight:700}.modal-body{padding:var(--gf-space-lg);display:flex;flex-direction:column;gap:var(--gf-space-md)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--gf-space-sm);padding:var(--gf-space-md) var(--gf-space-lg);border-top:1px solid var(--gf-border)}.form-group{display:flex;flex-direction:column;gap:var(--gf-space-xs)}.form-label{font-size:var(--gf-font-size-sm);font-weight:600;color:var(--gf-text-secondary)}.form-input{background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);padding:var(--gf-space-sm) var(--gf-space-md);outline:none;transition:border-color var(--gf-transition-fast)}.form-input:focus{border-color:var(--gf-accent)}.form-select{background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-radius:var(--gf-radius-sm);padding:var(--gf-space-sm) var(--gf-space-md);outline:none;cursor:pointer}.form-select:focus{border-color:var(--gf-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gf-space-sm);padding:var(--gf-space-sm) var(--gf-space-md);border-radius:var(--gf-radius-sm);font-weight:600;font-size:var(--gf-font-size-sm);transition:all var(--gf-transition-fast)}.btn-primary{background:var(--gf-accent-gradient);color:#fff}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--gf-text-secondary)}.btn-ghost:hover{background:var(--gf-bg-elevated);color:var(--gf-text-primary)}.theme-toggle{display:flex;align-items:center;gap:var(--gf-space-sm)}.theme-toggle-track{width:44px;height:24px;background:var(--gf-bg-elevated);border:1px solid var(--gf-border);border-radius:var(--gf-radius-full);position:relative;cursor:pointer;transition:background var(--gf-transition-fast)}.theme-toggle-track.active{background:var(--gf-accent);border-color:var(--gf-accent)}.theme-toggle-thumb{width:18px;height:18px;background:#fff;border-radius:var(--gf-radius-full);position:absolute;top:2px;left:2px;transition:transform var(--gf-transition-fast)}.theme-toggle-track.active .theme-toggle-thumb{transform:translate(20px)}@media(max-width:768px){:root{--gf-sidebar-width: 100%}.sidebar{position:absolute;z-index:20;top:var(--gf-header-height);left:0;bottom:0;width:100%;background:var(--gf-bg-secondary)}.sidebar.collapsed{width:0}.chat-messages{padding:var(--gf-space-md)}.input-bar{padding:var(--gf-space-sm)}.message-bubble{max-width:90%}.header-logo span{display:none}}