.ai-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#1a1530;color:#a5b4fc}.ai-avatar--bare{width:28px;height:28px;border-radius:0;background:transparent!important}.ai-avatar--bare svg{width:24px;height:24px}.message-avatar-footer{margin-top:8px}.ai-avatar svg{width:28px;height:28px;overflow:visible}.ai-infinity__loop{stroke-dasharray:80;stroke-dashoffset:0}.ai-avatar--writing .ai-infinity__loop{animation:infinity-flow 1.5s linear infinite}@keyframes infinity-flow{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}.app{display:flex;height:100%}.sidebar{position:relative;width:260px;flex-shrink:0;background:#16161a;border-right:1px solid #2a2a32;display:flex;flex-direction:column;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed{width:40px}.sidebar-toggle{position:absolute;top:12px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:#888;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,right .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover{color:#e8e8ed;background:#222228;border-color:#3a3a48}.sidebar-toggle-icon{display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed .sidebar-toggle{right:auto;left:50%;transform:translate(-50%)}.sidebar--collapsed .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-inner{display:flex;flex-direction:column;flex:1;min-width:260px;opacity:1;visibility:visible;transition:opacity .2s ease .05s,visibility 0s linear 0s}.sidebar--collapsed .sidebar-inner{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s linear .15s}.sidebar-header{padding:48px 16px 16px;border-bottom:1px solid #2a2a32}.sidebar-header h1{margin:0 0 12px;font-size:1.1rem;font-weight:600}.btn-primary{width:100%;padding:10px 14px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.9rem}.btn-primary:hover{background:#4f46e5}.btn-settings{width:100%;margin-top:8px;padding:9px 14px;background:transparent;color:#a5b4fc;border:1px solid #3a3a48;border-radius:8px;font-size:.875rem}.btn-settings:hover{background:#222228;border-color:#6366f1}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.settings-panel{width:100%;max-width:720px;max-height:90vh;overflow-y:auto;background:#16161a;border:1px solid #2a2a32;border-radius:16px;padding:24px}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.settings-header h2{margin:0 0 8px;font-size:1.25rem}.settings-subtitle{margin:0;font-size:.85rem;color:#888;line-height:1.5}.settings-subtitle strong{color:#a5b4fc;font-weight:500}.btn-close{background:transparent;border:none;color:#888;font-size:1.5rem;line-height:1;padding:4px 8px}.btn-close:hover{color:#fff}.settings-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#ccc;margin-bottom:8px}.badge-custom{font-size:.7rem;padding:2px 8px;border-radius:999px;background:#312e81;color:#c7d2fe}.settings-textarea{width:100%;padding:12px 14px;border:1px solid #2a2a32;border-radius:10px;background:#0f0f12;color:#e8e8ed;font-size:.9rem;line-height:1.55;resize:vertical;min-height:280px}.settings-textarea:focus{outline:none;border-color:#6366f1}.settings-loading{color:#888;padding:24px 0}.settings-error{margin-top:12px;padding:10px 14px;background:#450a0a;color:#fca5a5;border-radius:8px;font-size:.85rem}.settings-success{margin-top:12px;padding:10px 14px;background:#052e16;color:#86efac;border-radius:8px;font-size:.85rem}.settings-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px}.memory-panel{max-height:85vh}.memory-empty{color:#888;font-size:.9rem;padding:16px 0}.memory-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.memory-item{padding:14px;background:#0f0f12;border:1px solid #2a2a32;border-radius:10px}.memory-item-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.memory-item-title{font-weight:500;font-size:.9rem;flex:1;min-width:0}.memory-item-date{font-size:.75rem;color:#888}.btn-memory-delete{background:transparent;border:1px solid #3a3a48;color:#f87171;padding:4px 10px;border-radius:6px;font-size:.75rem}.btn-memory-delete:hover{background:#450a0a;border-color:#f87171}.memory-summary{margin:0 0 8px;font-size:.88rem;line-height:1.5;color:#d4d4d8}.memory-meta{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:#a1a1aa}.memory-meta strong{color:#a5b4fc;font-weight:500;margin-right:4px}.conversation-list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1;min-height:0}.sidebar-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;padding:10px 12px 14px;border-top:1px solid #2a2a32}.sidebar-search-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid #3a3a48;border-radius:8px;color:#666;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.sidebar-search-toggle:hover{color:#a5b4fc;background:#222228;border-color:#4a4a58}.sidebar-search-toggle--on{color:#a5b4fc;background:#2a2a40;border-color:#6366f1}.conversation-list li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px}.conversation-list li:hover{background:#222228}.conversation-list li.active{background:#2a2a36}.branch-nav{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;background:#222228;border-radius:8px;border:1px solid #2a2a32}.branch-arrow{background:transparent;border:none;color:#a5b4fc;font-size:.9rem;padding:2px 8px;line-height:1}.branch-arrow:hover:not(:disabled){color:#fff;background:#2a2a36;border-radius:4px}.branch-arrow:disabled{opacity:.35;cursor:not-allowed}.branch-counter{font-size:.75rem;color:#888;min-width:3.5em;text-align:center}.conversation-list .title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;user-select:none;-webkit-user-select:none}.conversation-title-input{flex:1;min-width:0;padding:4px 8px;background:#1a1a22;border:1px solid #6366f1;border-radius:6px;color:#e8e8ed;font-size:.875rem;outline:none}.conv-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:transparent;border:none;padding:0;margin:0;cursor:default}.conv-context-menu{position:fixed;z-index:101;min-width:120px;padding:4px;background:#222228;border:1px solid #3a3a48;border-radius:8px;box-shadow:0 8px 24px #00000073;transform:translate(-8px,8px)}.conv-context-menu button{display:block;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#e8e8ed;font-size:.875rem;text-align:left;cursor:pointer}.conv-context-menu button:hover{background:#2a2a36}.conv-context-menu-danger{color:#f87171!important}.btn-delete{background:transparent;border:none;color:#888;font-size:1.2rem;line-height:1;padding:0 4px;opacity:0}.conversation-list li:hover .btn-delete{opacity:1}.btn-delete:hover{color:#f87171}.empty-hint{color:#666;font-size:.85rem;cursor:default;padding:16px}.empty-hint:hover{background:transparent}.chat{flex:1;display:flex;flex-direction:column;min-width:0}.chat-toolbar{display:flex;align-items:center;gap:10px;padding:10px 24px;border-bottom:1px solid #2a2a32;background:#121216}.model-select-label{font-size:.8rem;color:#888}.model-select{padding:6px 10px;border-radius:8px;border:1px solid #2a2a32;background:#1c1c22;color:#e8e8ed;font-size:.85rem;min-width:180px}.model-select:focus{outline:none;border-color:#6366f1}.model-select:disabled{opacity:.6}.messages{flex:1;overflow-y:auto;padding:24px}.welcome{text-align:center;margin-top:20vh;color:#888}.welcome h2{color:#ccc;font-weight:500}.welcome .hint{font-size:.85rem;margin-top:8px}.branch-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 24px;background:#1a1a24;border-bottom:1px solid #2a2a32;font-size:.85rem;color:#a5b4fc}.branch-banner.subtle{color:#888}.btn-link{background:none;border:none;color:#818cf8;padding:0;font-size:.85rem;text-decoration:underline}.btn-link:hover{color:#a5b4fc}.bubble-wrap{display:flex;flex-direction:column;flex:1;min-width:0;max-width:100%}.message-actions{display:flex;gap:8px;margin-top:6px;opacity:0;transition:opacity .15s}.message:hover .message-actions{opacity:1}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:#888;cursor:pointer}.btn-icon:hover:not(:disabled){color:#e8e8ed;background:#222228;border-color:#3a3a48}.btn-icon--refresh:hover:not(:disabled){color:#6ee7b7;border-color:#10b981}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.edit-panel{background:#1c1c22;border:1px solid #6366f1;border-radius:12px;padding:12px;width:100%}.edit-panel textarea{width:100%;resize:vertical;padding:10px;border:1px solid #2a2a32;border-radius:8px;background:#121216;color:#e8e8ed;font-size:.95rem;line-height:1.5}.edit-hint{margin:8px 0 0;font-size:.78rem;color:#888}.edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.btn-secondary{padding:8px 14px;background:transparent;border:1px solid #3a3a48;color:#ccc;border-radius:8px;font-size:.85rem}.btn-secondary:hover:not(:disabled){background:#222228}.btn-primary-sm{padding:8px 14px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.85rem}.btn-primary-sm:hover:not(:disabled){background:#4f46e5}.btn-primary-sm:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.message{display:flex;margin-bottom:20px;max-width:800px}.message.user{margin-left:auto}.message.user .bubble-wrap{align-items:flex-end}.message.assistant .bubble-wrap{align-items:flex-start}.bubble{padding:12px 16px;border-radius:12px;background:#1c1c22;line-height:1.6;max-width:100%}.message.user .bubble{background:#312e81}.bubble pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.95rem}.bubble--thinking{background:transparent;padding:4px 0;min-height:28px}.error-bar{margin:0 24px 8px;padding:10px 14px;background:#450a0a;color:#fca5a5;border-radius:8px;font-size:.875rem}.input-bar{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid #2a2a32;background:#121216}.input-bar textarea{flex:1;resize:none;padding:12px 14px;border:1px solid #2a2a32;border-radius:10px;background:#1c1c22;color:#e8e8ed;font-size:.95rem}.input-bar textarea:focus{outline:none;border-color:#6366f1}.input-bar textarea:disabled{opacity:.6}.input-bar button{padding:0 24px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:.95rem}.input-bar .input-bar-action{display:inline-flex;align-items:center;justify-content:center;min-width:52px;color:#e8e8ed}.input-bar button:disabled{opacity:.5;cursor:not-allowed}.input-bar button:not(:disabled):hover{background:#4f46e5}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0f0f12;color:#e8e8ed;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}textarea{font-family:inherit}