:root{--bg:#212121;--sidebar:#171717;--panel:#262626;--panel-2:#2f2f2f;--hover:#2a2a2a;--line:#383838;--line-soft:#2d2d2d;--text:#ececec;--muted:#a0a0a0;--subtle:#707070;--accent:#7867ff;--accent-hover:#897aff;--danger:#ff7886;--success:#55d6ad}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}::selection{color:#fff;background:#7867ff8c}.chat-app{background:var(--bg);width:100%;height:100dvh;display:flex;overflow:hidden}.chat-sidebar{z-index:20;background:var(--sidebar);border-right:1px solid #202020;flex-direction:column;flex:0 0 260px;width:260px;min-width:260px;padding:12px;display:flex;position:relative}.sidebar-brand{align-items:center;gap:10px;height:44px;padding:0 8px;display:flex}.sidebar-brand>span,.empty-logo{color:#fff;background:linear-gradient(145deg,#8879ff,#5542df);border-radius:9px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;box-shadow:0 4px 18px #6952ff38}.sidebar-brand strong{letter-spacing:.04em;font-size:14px}.sidebar-brand>button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:25px;display:none}.new-chat-button{border:1px solid var(--line-soft);color:#ddd;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:10px;width:100%;height:42px;margin:8px 0 18px;padding:0 12px;font-size:14px;transition:all .16s;display:flex}.new-chat-button:hover{background:var(--hover);border-color:#454545}.new-chat-button span{color:#aaa;font-size:20px;font-weight:300}.history-heading{color:var(--subtle);justify-content:space-between;align-items:center;padding:0 10px 7px;font-size:11px;display:flex}.history-heading small{font-size:10px}.conversation-list{scrollbar-width:thin;scrollbar-color:#373737 transparent;flex:1;min-height:0;overflow:auto}.conversation-row{color:#b8b8b8;border-radius:8px;align-items:center;width:100%;height:39px;display:flex;position:relative}.conversation-row:hover,.conversation-row.active{color:#eee;background:var(--hover)}.conversation-open{min-width:0;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;padding:0 35px 0 10px;display:flex}.conversation-open span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.conversation-delete{color:#888;background:0 0;border:0;border-radius:6px;place-items:center;width:22px;height:22px;font-size:17px;display:none;position:absolute;right:8px}.conversation-row:hover .conversation-delete{display:grid}.conversation-delete:hover{color:#fff;background:#3a3a3a}.history-empty{color:#575757;padding:8px 10px;font-size:12px}.sidebar-bottom{border-top:1px solid var(--line-soft);gap:2px;padding-top:8px;display:grid}.sidebar-bottom>button{color:#aaa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;height:38px;padding:0 10px;font-size:13px;display:flex}.sidebar-bottom>button:hover{color:#eee;background:var(--hover)}.sidebar-bottom>button span{color:#888;text-align:center;width:18px}.account-row{align-items:center;gap:9px;min-width:0;margin-top:5px;padding:9px 6px 3px;display:flex}.account-row>span{color:#e6e1ff;background:#3a3459;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.account-row div{flex-direction:column;flex:1;min-width:0;display:flex}.account-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.account-row small{color:#777;margin-top:2px;font-size:10px}.account-row button{color:#777;cursor:pointer;background:0 0;border:0;font-size:11px}.account-row button:hover{color:#ddd}.sidebar-scrim{display:none}.chat-main{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.chat-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#212121eb;border-bottom:1px solid #ffffff09;flex:0 0 58px;align-items:center;gap:8px;height:58px;padding:0 18px;display:flex}.mobile-menu{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;display:none}.mobile-menu:hover{color:#eee;background:#303030}.model-select{border-radius:9px;align-items:center;max-width:240px;height:36px;display:flex;position:relative}.model-select:hover{background:#2b2b2b}.model-select select{color:#e7e7e7;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:0;max-width:220px;height:36px;padding:0 27px 0 10px;font-size:14px;font-weight:600}.model-select option{color:#eee;background:#292929}.model-select>span{color:#888;pointer-events:none;font-size:11px;position:absolute;right:9px}.topbar-mode{color:#9a9a9a;border:1px solid #3b3b3b;border-radius:999px;padding:4px 8px;font-size:10px}.topbar-spacer{flex:1}.api-ready{color:#838383;align-items:center;gap:6px;font-size:11px;display:flex}.api-ready i{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #55d6ad73}.global-alert{z-index:7;color:#f1c5ad;background:#322620;border:1px solid #5a4339;border-radius:10px;align-items:center;gap:12px;max-width:min(560px,100% - 32px);padding:10px 12px 10px 15px;font-size:12px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0000004d}.global-alert button{color:#ba8c78;cursor:pointer;background:0 0;border:0;font-size:17px}.chat-scroll{scrollbar-width:thin;scrollbar-color:#444 transparent;flex:1;min-height:0;padding:30px 22px 18px;overflow:hidden auto}.chat-scroll.empty{place-items:center;display:grid}.empty-chat{text-align:center;flex-direction:column;align-items:center;padding-bottom:40px;display:flex}.empty-logo{border-radius:12px;width:38px;height:38px;margin-bottom:18px;font-size:16px}.empty-chat h1{color:#f0f0f0;letter-spacing:-.025em;margin:0;font-size:clamp(25px,3vw,32px);font-weight:600}.empty-chat p{color:#858585;max-width:460px;margin:11px 0 0;font-size:13px;line-height:1.7}.empty-chat button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:9px;margin-top:20px;padding:9px 16px;font-size:13px}.center-loading{color:#777;justify-content:center;align-items:center;gap:9px;min-height:60vh;font-size:13px;display:flex}.center-loading i{border:2px solid #4b4b4b;border-top-color:#aaa;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}.message-list{width:min(800px,100%);margin:0 auto}.user-message{justify-content:flex-end;margin:0 0 30px;display:flex}.user-message>div{color:#eee;overflow-wrap:anywhere;white-space:pre-wrap;background:#303030;border-radius:19px 19px 4px;max-width:min(72%,620px);padding:10px 15px;font-size:14px;line-height:1.65}.assistant-message{grid-template-columns:30px minmax(0,1fr);gap:12px;margin:0 0 34px;display:grid}.assistant-avatar{color:#ded8ff;background:#2d2942;border:1px solid #4f467f;border-radius:9px;place-items:center;width:28px;height:28px;margin-top:1px;font-size:10px;font-weight:800;display:grid}.assistant-body{min-width:0;padding-top:3px}.assistant-text{color:#e4e4e4;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.78}.assistant-message.failed .assistant-text{color:#f0b1b8}.message-actions{opacity:.15;align-items:center;gap:12px;min-height:24px;margin-top:8px;transition:opacity .15s;display:flex}.assistant-message:hover .message-actions{opacity:1}.message-actions span{color:#626262;margin-right:auto;font-size:10px}.message-actions button,.message-actions a{color:#858585;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:none}.message-actions button:hover,.message-actions a:hover{color:#ddd}.assistant-loading{align-items:center;gap:5px;margin:0 0 35px;display:flex}.assistant-loading>span{color:#ded8ff;background:#2d2942;border-radius:9px;place-items:center;width:28px;height:28px;margin-right:8px;font-size:10px;font-weight:800;display:grid}.assistant-loading i{background:#888;border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.assistant-loading i:nth-child(3){animation-delay:.15s}.assistant-loading i:nth-child(4){animation-delay:.3s}.media-frame{background:#181818;border:1px solid #3a3a3a;border-radius:14px;width:fit-content;max-width:100%;overflow:hidden}.image-frame img{object-fit:contain;width:auto;max-width:min(100%,680px);max-height:70vh;display:block}.video-frame video{background:#111;width:min(680px,100%);max-height:70vh;display:block}.media-placeholder{color:#aaa;text-align:center;background:#1c1c1c;border:1px solid #383838;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:min(520px,100%);min-height:190px;padding:24px;display:flex}.media-placeholder i{border:2px solid #444;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin-bottom:15px;animation:1s linear infinite spin}.media-placeholder strong{font-size:13px;font-weight:600}.media-placeholder small{color:#6f6f6f;margin-top:7px;font-size:11px}.media-placeholder.failed{color:#dca0a7;min-height:90px}.agent-details{color:#7f7f7f;border-top:1px solid #303030;margin-top:9px;font-size:11px}.agent-details summary{cursor:pointer;padding:9px 0 3px}.agent-details>div{gap:9px;padding:6px 0;display:flex}.agent-details>div>span{color:#7d70de}.agent-details p{flex-direction:column;margin:0;display:flex}.agent-details strong{color:#aaa;font-size:11px;font-weight:500}.agent-details small{color:#666;margin-top:2px}.composer-area{background:linear-gradient(180deg, #21212100, var(--bg) 22%);flex:none;padding:0 22px 12px}.chat-composer{background:var(--panel-2);border:1px solid #414141;border-radius:23px;width:min(800px,100%);margin:0 auto;padding:10px 10px 8px 14px;transition:border-color .16s,box-shadow .16s;box-shadow:0 8px 28px #0000002e}.chat-composer:focus-within{border-color:#565656;box-shadow:0 8px 32px #00000040}.chat-composer textarea{field-sizing:content;resize:none;color:#eee;background:0 0;border:0;outline:0;width:100%;min-height:29px;max-height:180px;padding:4px 4px 2px;font-size:14px;line-height:1.55;display:block;overflow-y:auto}.chat-composer textarea::placeholder{color:#848484}.composer-controls{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:5px;display:flex}.mode-picker{flex-wrap:wrap;gap:4px;display:flex}.mode-picker button{color:#858585;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 9px;font-size:11px;display:flex}.mode-picker button:hover{color:#ccc;background:#393939}.mode-picker button.active{color:#dfdcff;background:#423b68}.mode-picker button:disabled{opacity:.35;cursor:not-allowed}.mode-picker button span{font-size:10px}.send-button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:19px;font-weight:600;display:grid}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:disabled{color:#777;cursor:not-allowed;background:#424242}.composer-note{color:#616161;text-align:center;margin:7px auto 0;font-size:10px}.settings-overlay{z-index:50;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.settings-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000ad;border:0;position:absolute;inset:0}.settings-panel{background:#202020;border:1px solid #424242;border-radius:18px;flex-direction:column;width:min(940px,100%);height:min(820px,100dvh - 44px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000094}.settings-panel>header{border-bottom:1px solid #363636;justify-content:space-between;align-items:center;min-height:76px;padding:14px 20px;display:flex}.settings-panel>header>div{align-items:center;gap:12px;display:flex}.settings-panel>header>div>span{color:#ddd8ff;background:#3b355e;border-radius:10px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.settings-panel h2{margin:0;font-size:16px;font-weight:650}.settings-panel header p{color:#777;margin:4px 0 0;font-size:11px}.settings-panel>header>button{color:#888;cursor:pointer;background:0 0;border:0;border-radius:9px;width:34px;height:34px;font-size:23px}.settings-panel>header>button:hover{color:#eee;background:#303030}.settings-scroll{scrollbar-width:thin;scrollbar-color:#484848 transparent;flex:1;min-height:0;padding:24px;overflow-y:auto}.settings-content{gap:22px;width:100%;max-width:840px;margin:0 auto;display:grid}.inline-notice{color:#c3bbec;background:#302b42;border:1px solid #4a445f;border-radius:9px;padding:10px 13px;font-size:12px}.settings-form,.saved-providers{background:#252525;border:1px solid #373737;border-radius:14px;padding:20px}.settings-section-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.settings-section-title h3{margin:0;font-size:14px;font-weight:650}.settings-section-title p{color:#777;margin:5px 0 0;font-size:11px}.subtle-button{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:7px;padding:6px 9px;font-size:11px}.settings-form{gap:15px;display:grid}.settings-form>.settings-section-title{margin-bottom:2px}.settings-form label{color:#aaa;flex-direction:column;gap:7px;font-size:11px;display:flex}.settings-form input{color:#e6e6e6;background:#1c1c1c;border:1px solid #414141;border-radius:8px;outline:0;width:100%;height:39px;padding:0 11px;font-size:12px}.settings-form input:focus{border-color:#6b60c5;box-shadow:0 0 0 3px #7867ff17}.settings-form input::placeholder{color:#555}.settings-form label>small{color:#626262;font-size:10px}.settings-form code,.field-help code{color:#b0a8ed;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.form-grid{gap:13px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field-help{color:#6b6b6b;margin:-2px 0 0;font-size:10px;line-height:1.6}.primary-button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:8px;justify-self:start;padding:9px 17px;font-size:12px;font-weight:600}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.primary-button:disabled{opacity:.55;cursor:wait}.capability-fieldset{border:0;margin:0;padding:0}.capability-fieldset legend{color:#aaa;margin-bottom:8px;font-size:11px}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.capability-option{cursor:pointer;background:#202020;border:1px solid #3d3d3d;border-radius:10px;grid-template-columns:30px minmax(0,1fr);align-items:center;min-height:59px;padding:9px;gap:9px!important;display:grid!important}.capability-option.selected{background:#2c2840;border-color:#5b518c}.capability-option input{opacity:0;width:1px;height:1px;position:absolute}.capability-option>span{color:#a7a0d4;background:#313131;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.capability-option.selected>span{color:#e7e3ff;background:#554c85}.capability-option i{flex-direction:column;min-width:0;font-style:normal;display:flex}.capability-option strong{color:#ccc;font-size:11px;font-weight:600}.capability-option small{color:#6d6d6d;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.saved-providers{padding-bottom:8px}.provider-item{background:#202020;border:1px solid #3a3a3a;border-radius:11px;margin:0 -6px 12px;padding:14px}.provider-item-head{align-items:center;gap:10px;display:flex}.provider-avatar,.member-avatar{color:#ddd8ff;background:#3d375d;border-radius:9px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.provider-item-head>div{flex-direction:column;flex:1;min-width:0;display:flex}.provider-item-head strong{font-size:12px}.provider-item-head small{color:#696969;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.live-dot{color:var(--success);font-size:9px}.provider-models{border:1px solid #363636;border-radius:8px;gap:1px;margin:12px 0 8px;display:grid;overflow:hidden}.provider-model-row{background:#272727;grid-template-columns:minmax(140px,1fr) auto auto;align-items:center;gap:10px;min-height:48px;padding:7px 9px;display:grid}.provider-model-row+.provider-model-row{border-top:1px solid #363636}.provider-model-row>div:first-child{flex-direction:column;min-width:0;display:flex}.provider-model-row strong{font-size:11px;font-weight:600}.provider-model-row small{color:#696969;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.capability-tags{gap:4px;display:flex}.capability-tags span{color:#a8a0d7;background:#353044;border-radius:999px;padding:3px 6px;font-size:8px}.provider-model-row button,.provider-item-actions button,.member-actions button{color:#999;cursor:pointer;background:#343434;border:0;border-radius:6px;padding:5px 8px;font-size:9px}.provider-model-row button:hover,.provider-item-actions button:hover,.member-actions button:hover{color:#eee;background:#414141}.provider-item-actions{justify-content:flex-end;gap:6px;display:flex}.danger-text{color:var(--danger)!important}.empty-settings{color:#777;text-align:center;flex-direction:column;align-items:center;padding:28px;display:flex}.empty-settings>span{background:#323232;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:9px;display:grid}.empty-settings strong{color:#aaa;font-size:12px}.empty-settings p{margin:5px 0 0;font-size:10px}.member-list{background:#242424;border:1px solid #383838;border-radius:12px;overflow:hidden}.member-row{grid-template-columns:34px minmax(150px,1fr) 70px 70px auto;align-items:center;gap:10px;min-height:66px;padding:10px 13px;display:grid}.member-row+.member-row{border-top:1px solid #343434}.member-identity{flex-direction:column;min-width:0;display:flex}.member-identity strong{font-size:12px}.member-identity small{color:#6c6c6c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.member-role{color:#999;font-size:10px}.member-status{border-radius:999px;justify-self:start;padding:4px 7px;font-size:9px}.member-status.active{color:var(--success);background:#55d6ad1a}.member-status.pending{color:#e9bf73;background:#e9bf731a}.member-status.rejected,.member-status.disabled{color:var(--danger);background:#ff78861a}.member-actions{justify-content:flex-end;gap:5px;display:flex}.auth-shell{background:#151515;place-items:center;width:100%;height:100dvh;padding:24px;display:grid;position:relative;overflow:auto}.auth-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-ambient i{filter:blur(80px);background:#7059ff12;border-radius:50%;width:360px;height:360px;position:absolute}.auth-ambient i:first-child{top:-180px;left:-100px}.auth-ambient i:nth-child(2){bottom:-170px;right:-180px}.auth-panel{z-index:1;width:min(390px,100%);position:relative}.auth-card{background:#202020;border:1px solid #383838;border-radius:16px;padding:32px;box-shadow:0 24px 70px #00000057}.auth-brand{align-items:center;gap:11px;margin-bottom:28px;display:flex}.auth-brand>span{color:#fff;background:linear-gradient(145deg,#8879ff,#5542df);border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.auth-brand>div{flex-direction:column;display:flex}.auth-brand strong{letter-spacing:.05em;font-size:13px}.auth-brand small{color:#676767;letter-spacing:.18em;margin-top:3px;font-size:7px}.auth-card h2{letter-spacing:-.02em;margin:0 0 22px;font-size:24px;font-weight:650}.auth-intro{color:#888;margin:-10px 0 20px;font-size:12px;line-height:1.6}.auth-card form{gap:14px;display:grid}.auth-card label{color:#a2a2a2;gap:7px;font-size:11px;display:grid}.auth-card input{color:#eee;background:#181818;border:1px solid #414141;border-radius:9px;outline:0;height:42px;padding:0 12px;font-size:13px}.auth-card input:focus{border-color:#6b60c5;box-shadow:0 0 0 3px #7867ff1a}.auth-card input::placeholder{color:#555}.auth-submit{width:100%;height:42px;margin-top:3px}.form-alert{color:#e6a7b1;background:#302126;border:1px solid #58404a;border-radius:8px;padding:9px 11px;font-size:11px}.form-alert.success{color:#a9dbc8;background:#1d2c27;border-color:#345548}.auth-switch{color:#777;text-align:center;margin:20px 0 0;font-size:11px}.auth-switch a{color:#aaa1ee;margin-left:5px;text-decoration:none}.auth-status{color:#555;letter-spacing:.13em;text-align:center;margin-top:13px;font-size:8px}.auth-status i{background:var(--success);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@media (max-width:760px){.chat-sidebar{width:min(290px,86vw);min-width:0;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:18px 0 55px #00000073}.chat-sidebar.open{transform:translate(0)}.sidebar-brand>button{display:block}.sidebar-scrim{z-index:19;background:#00000094;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:block}.chat-topbar{padding:0 10px}.api-ready{display:none}.chat-scroll{padding:24px 14px 12px}.composer-area{padding:0 10px 8px}.composer-note{display:none}.user-message>div{max-width:86%}.settings-overlay{padding:0}.settings-panel{border:0;border-radius:0;width:100%;height:100dvh}.settings-scroll{padding:16px}.two-columns,.capability-grid{grid-template-columns:1fr}.member-row{grid-template-columns:34px minmax(0,1fr) auto}.member-role{display:none}.member-status{grid-area:1/3}.member-actions{grid-column:2/4;justify-content:flex-start}.provider-model-row{grid-template-columns:minmax(0,1fr) auto}.capability-tags{grid-column:1}.provider-model-row button{grid-area:1/2/3}}@media (max-width:430px){.topbar-mode{display:none}.model-select{max-width:190px}.model-select select{max-width:180px}.mode-picker button{padding:0 7px}.assistant-message{grid-template-columns:26px minmax(0,1fr);gap:9px}.assistant-avatar{border-radius:8px;width:25px;height:25px}.auth-card{padding:27px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}