@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{color-scheme:light;--page:#f7f6f2;--panel:#fbfaf7;--surface:#fffefa;--surface-2:#f1f0eb;--surface-3:#eae9e2;--text:#292b2a;--muted:#858780;--muted-2:#a5a69f;--line:#eae9e3;--line-strong:#ddddd5;--accent:#4b715e;--accent-hover:#3d604e;--accent-soft:#e8eee8;--accent-text:#3f6650;--shadow:0 16px 48px rgba(42,43,34,.10),0 2px 8px rgba(42,43,34,.04);--font-ui:"DM Sans","Segoe UI",sans-serif;--font-display:"Manrope","DM Sans","Segoe UI",sans-serif}:root[data-theme=dark]{color-scheme:dark;--page:#191b1a;--panel:#1e201f;--surface:#242725;--surface-2:#2a2d2b;--surface-3:#343835;--text:#e5e8e1;--muted:#a0a69f;--muted-2:#777e77;--line:#323633;--line-strong:#3d433e;--accent:#90b99a;--accent-hover:#a8cbb0;--accent-soft:#2a3a30;--accent-text:#a8cfb0;--shadow:0 18px 50px rgba(0,0,0,.34)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}button{cursor:pointer}.app-shell{display:flex;height:100dvh;min-height:600px;overflow:hidden;background:var(--page)}.sidebar{position:relative;z-index:20;display:flex;flex:0 0 258px;flex-direction:column;min-width:0;padding:19px 14px 12px;background:var(--panel);border-right:1px solid var(--line)}.sidebar-head{justify-content:space-between;padding:0 8px 22px}.brand,.sidebar-head{display:flex;align-items:center}.brand{gap:10px}.brand>div:last-child{display:grid;grid-gap:1px;gap:1px}.brand>div:last-child>span{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.55px}.brand small{color:var(--muted);font-size:10.5px;letter-spacing:.02em}.app-icon{position:relative;display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;gap:2px;border-radius:10px;background:#e9eee8;transform:rotate(-7deg)}.app-icon span{width:3px;border-radius:4px;background:#557660;transform:rotate(7deg)}.app-icon span:first-child{height:9px;margin-top:4px}.app-icon span:nth-child(2){height:15px}.app-icon span:nth-child(3){height:10px;margin-bottom:4px}.app-icon.small{width:22px;height:22px;border-radius:7px}.app-icon.small span{width:2px}.workspace-switcher{display:flex;width:100%;align-items:center;gap:9px;padding:9px 8px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left}.workspace-switcher>span{display:grid;flex:1 1;grid-gap:2px;gap:2px}.workspace-switcher b{font-size:12px;font-weight:600}.workspace-switcher small{color:var(--muted);font-size:10px}.workspace-switcher>svg{color:var(--muted)}.workspace-avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;background:#e9e5d8;color:#766b4e;font-size:12px;font-weight:700}.side-section-label{display:flex;align-items:center;justify-content:space-between;margin:24px 4px 9px 8px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.095em;text-transform:uppercase}.icon-button,.tiny-icon,.topbar-more{display:inline-grid;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:background .15s,color .15s}.tiny-icon{width:28px;height:28px}.icon-button:hover,.tiny-icon:hover,.topbar-more:hover{background:var(--surface-2);color:var(--text)}.room-search{display:flex;height:34px;align-items:center;gap:8px;margin:0 1px 8px;padding:0 9px;border:1px solid transparent;border-radius:8px;background:var(--surface-2);color:var(--muted)}.room-search:focus-within{border-color:var(--line-strong);background:var(--surface)}.room-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.room-search input::placeholder{color:var(--muted-2)}.room-list{display:grid;grid-gap:3px;gap:3px;overflow-y:auto}.room-link{display:flex;min-width:0;align-items:center;gap:9px;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left}.room-link:hover{background:var(--surface-2)}.room-link.active{background:var(--accent-soft);color:var(--accent-text)}.room-symbol{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--surface-2)}.active .room-symbol{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.room-link-text{display:grid;min-width:0;flex:1 1;grid-gap:3px;gap:3px}.room-link-text b{color:var(--text);font-size:11.5px;font-weight:600}.room-link-text b,.room-link-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-link-text small{max-width:158px;color:var(--muted);font-size:10px}.room-time{align-self:flex-start;color:var(--muted-2);font-size:9px;white-space:nowrap}.empty-search{padding:8px;color:var(--muted);font-size:11px}.sidebar-spacer{flex:1 1;min-height:28px}.side-bottom{display:grid;grid-gap:3px;gap:3px;padding-top:9px;border-top:1px solid var(--line)}.side-nav-link{display:flex;height:38px;align-items:center;gap:10px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left}.side-nav-link.active,.side-nav-link:hover{background:var(--surface-2);color:var(--text)}.side-nav-link>span:nth-child(2){flex:1 1;font-size:11.5px;font-weight:500}.nav-count{padding:2px 7px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:10px}.profile-row{display:flex;align-items:center;gap:9px;margin-top:7px;padding:11px 4px 2px;border-top:1px solid var(--line)}.profile-row>div:nth-child(2){display:grid;flex:1 1;grid-gap:2px;gap:2px}.profile-row b{font-size:11px;font-weight:600}.profile-row small{color:var(--muted);font-size:10px}.drawer-backdrop,.mobile-close,.mobile-menu{display:none}.avatar{display:grid;flex:0 0 auto;width:34px;height:34px;place-items:center;border-radius:11px;font-size:16px}.avatar.sm{width:27px;height:27px;border-radius:9px;font-size:13px}.avatar.lg{width:44px;height:44px;border-radius:14px;font-size:21px}.user-avatar{background:#dfe8dc;color:#466b4e;font-family:var(--font-display);font-size:13px;font-weight:800}:root[data-theme=dark] .user-avatar{background:#35493b;color:#c1d7c2}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6db48b;box-shadow:0 0 0 3px color-mix(in srgb,#6db48b 14%,transparent)}.main-column{min-width:0;flex:1 1;flex-direction:column;background:var(--page)}.main-column,.topbar{position:relative;display:flex}.topbar{z-index:3;height:68px;flex:0 0 auto;align-items:center;gap:12px;padding:0 27px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 92%,transparent)}.topbar-room-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--accent-text)}.topbar-title{display:flex;min-width:0;flex:1 1;align-items:center}.topbar-title h1{overflow:hidden;margin:0 0 3px;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}.topbar-title span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.topbar-title span i{width:3px;height:3px;border-radius:50%;background:var(--muted-2)}.topbar-avatars{display:flex;align-items:center;padding:0 0 0 8px;border:0;background:transparent;cursor:pointer}.topbar-avatars>div{margin-left:-7px;border:2px solid var(--page);border-radius:11px}.topbar-avatars>span{margin-left:4px;color:var(--muted);font-size:10px}.topbar-more{width:34px;height:34px;margin-left:5px;border:1px solid var(--line);background:var(--surface)}.chat-scroll{position:relative;min-height:0;flex:1 1;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.welcome-wrap{display:flex;width:min(650px,calc(100% - 44px));min-height:100%;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:30px 0 28px;text-align:center}.welcome-mark{display:grid;width:51px;height:51px;place-items:center;margin-bottom:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 7px 22px rgba(57,62,48,.05)}.welcome-mark .app-icon{width:30px;height:30px}.eyebrow{color:var(--accent-text);font-size:9px;font-weight:700;letter-spacing:.135em}.welcome-wrap h2{margin:13px 0 11px;font-family:var(--font-display);font-size:clamp(28px,3.2vw,38px);font-weight:600;letter-spacing:-1.7px;line-height:1.17}.welcome-wrap h2 em{color:var(--accent);font-style:normal}.welcome-wrap>p{max-width:420px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}.welcome-team{display:flex;align-items:center;gap:9px;margin-top:21px;color:var(--muted);font-size:10px}.welcome-avatars{display:flex;padding-left:5px}.welcome-avatars .avatar{margin-left:-5px;border:2px solid var(--page)}.welcome-team>.online-dot{width:5px;height:5px}.suggestion-grid{display:grid;width:100%;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-top:33px}.suggestion-card{display:flex;min-height:72px;align-items:flex-start;gap:8px;padding:13px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:10px;line-height:1.55;text-align:left;transition:border .15s,transform .15s,box-shadow .15s}.suggestion-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 6px 16px rgba(30,35,29,.05)}.suggestion-card>span{color:var(--accent);font-size:13px}.suggestion-card>svg{flex:0 0 auto;margin-left:auto;color:var(--muted-2)}.message-list{display:grid;width:min(760px,calc(100% - 48px));grid-gap:25px;gap:25px;margin:0 auto;padding:31px 0 42px}.day-divider{display:flex;align-items:center;gap:13px;color:var(--muted-2);font-size:8px;font-weight:700;letter-spacing:.12em}.day-divider:after,.day-divider:before{height:1px;flex:1 1;background:var(--line);content:""}.message-row{display:flex;align-items:flex-start;gap:11px;animation:arrive .24s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-content{min-width:0;flex:1 1}.message-meta{display:flex;min-height:22px;align-items:center;gap:8px}.message-meta b{font-size:11px;font-weight:700}.message-meta>span:not(.typing-chip){color:var(--muted);font-size:9px}.message-meta time{margin-left:auto;color:var(--muted-2);font-size:9px}.typing-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:20px;background:var(--accent-soft);color:var(--accent-text);font-size:8px}.agent-status i,.typing-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#69aa82}.message-bubble{width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:5px;padding:10px 13px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:var(--surface);color:var(--text);font-size:12px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble.user-bubble{margin-left:auto;border-color:transparent;border-radius:13px 4px 13px 13px;background:var(--accent);color:#f8faf6}:root[data-theme=dark] .message-bubble.user-bubble{color:#17231b}.user-row .message-content{display:flex;flex-direction:column;align-items:flex-end}.user-row .message-meta{width:100%;justify-content:flex-end}.user-row .message-meta time{margin-left:0}.message-receipt{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--muted-2);font-size:9px}.message-receipt svg{color:var(--accent)}.error-bubble{border-color:#d89b82;background:color-mix(in srgb,#d89b82 10%,var(--surface));color:var(--text)}.retry-link{margin-top:6px;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:10px}.thinking-dots{display:inline-flex;gap:4px;padding:3px 1px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--muted-2);animation:blink 1.2s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes blink{0%,65%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.scroll-bottom{position:absolute;z-index:2;right:30px;bottom:180px;display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:0 5px 15px rgba(0,0,0,.06)}.composer-wrap{position:relative;z-index:2;width:min(760px,calc(100% - 48px));flex:0 0 auto;align-self:center;padding:0 0 max(15px,env(safe-area-inset-bottom))}.composer{padding:11px 11px 9px 14px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface);box-shadow:0 7px 24px rgba(38,42,34,.045);transition:border .15s,box-shadow .15s}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--line-strong));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 7px 24px rgba(38,42,34,.04)}.composer textarea{display:block;width:100%;min-height:37px;max-height:150px;resize:vertical;padding:6px 0 8px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;line-height:1.6}.composer textarea::placeholder{color:var(--muted-2)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-actions,.composer-hint{display:flex;align-items:center;gap:6px;color:var(--muted-2);font-size:9px}.composer-hint>span:first-child{display:inline-flex;align-items:center;gap:3px;color:var(--muted)}.composer-actions{gap:13px}.secure-note{display:inline-flex;align-items:center;gap:4px;color:var(--muted-2)}.send-button{display:grid;width:30px;height:30px;place-items:center;border:0;border-radius:10px;background:var(--accent);color:white;transition:opacity .15s,transform .15s,background .15s}.send-button:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-hover)}.send-button:disabled{cursor:not-allowed;opacity:.42}.composer-footer{margin-top:8px;color:var(--muted-2);font-size:9px;text-align:center}.composer-footer button{padding:0;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:2px}.activity-line{display:flex;height:39px;align-items:center;gap:8px;padding-left:6px;color:var(--muted);font-size:10px;animation:arrive .2s ease-out}.activity-line .avatar{margin-left:2px}.activity-line b{color:var(--text);font-weight:600}.activity-pulse{width:6px;height:6px;border-radius:50%;background:#6eae84;box-shadow:0 0 0 0 rgba(110,174,132,.4);animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 6px rgba(110,174,132,0)}to{box-shadow:0 0 0 0 rgba(110,174,132,0)}}.activity-model{margin-left:auto;color:var(--muted-2);font-size:9px}.context-panel{position:relative;display:flex;flex:0 0 265px;flex-direction:column;padding:26px 18px 15px;border-left:1px solid var(--line);background:var(--panel)}.context-heading{display:flex;align-items:flex-start;justify-content:space-between}.context-heading .eyebrow{font-size:8px}.context-heading h3{margin:7px 0 0;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.3px}.participant-count{display:flex;align-items:center;gap:8px;margin-top:11px;color:var(--text);font-size:10px;font-weight:600}.participant-count .online-dot{width:5px;height:5px}.participant-count>span:last-child{margin-left:-5px;color:var(--muted);font-size:9px;font-weight:400}.participant-list{display:grid;grid-gap:3px;gap:3px;margin-top:13px}.participant{display:flex;align-items:center;gap:9px;padding:7px 5px;border:0;border-radius:9px;background:transparent;text-align:left}.participant:hover{background:var(--surface-2)}.participant>span:nth-child(2){display:grid;flex:1 1;grid-gap:3px;gap:3px}.participant b{font-size:10px;font-weight:600}.participant small{color:var(--muted);font-size:9px}.participant>.online-dot{width:5px;height:5px}.invite-agent{display:flex;align-items:center;gap:9px;margin-top:3px;padding:7px 5px;border:0;background:transparent;color:var(--muted);font-size:10px;text-align:left}.invite-agent>span{display:grid;width:31px;height:31px;place-items:center;border:1px dashed var(--line-strong);border-radius:10px;color:var(--accent-text)}.invite-agent:hover{color:var(--text)}.context-divider{height:1px;margin:22px 0 19px;background:var(--line)}.context-section-title{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.12em}.room-description{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.context-info{display:flex;align-items:center;gap:9px;margin-top:20px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--accent-text);text-align:left}.context-info>span{display:grid;flex:1 1;grid-gap:3px;gap:3px}.context-info b{color:var(--text);font-size:9px;font-weight:600}.context-info small{color:var(--muted);font-size:8px}.context-info>svg:last-child{color:var(--muted-2)}.context-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.context-bottom>span{display:flex;align-items:center;gap:8px}.context-bottom .online-dot{width:5px;height:5px}.context-bottom button{display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted)}.context-bottom button:hover{background:var(--surface-2);color:var(--text)}.management-page{width:min(950px,calc(100% - 64px));align-self:center;overflow:auto;padding:30px 0 40px}.page-kicker{display:flex;gap:8px;margin-bottom:23px}.back-link,.page-kicker{align-items:center;color:var(--muted);font-size:10px}.back-link{display:inline-flex;gap:5px;padding:0;border:0;background:transparent}.back-link:hover{color:var(--text)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading .eyebrow{font-size:9px}.page-heading h1{margin:8px 0 5px;font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.9px}.page-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.delete-button,.primary-button,.secondary-button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:9px;font-size:10px;font-weight:600;white-space:nowrap;transition:background .15s,transform .15s}.primary-button{background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-hover)}:root[data-theme=dark] .primary-button{color:#17231b}.primary-button:disabled{cursor:not-allowed;opacity:.5}.secondary-button{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.secondary-button:hover{background:var(--surface-2)}.delete-button{margin-right:auto;border-color:transparent;background:transparent;color:#b56b5c}.delete-button:hover{background:#f5e9e5}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:13px;gap:13px}.agent-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left;transition:transform .15s,border .15s,box-shadow .15s}.agent-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 8px 22px rgba(32,36,30,.05)}.agent-card-top{display:flex;align-items:center;gap:8px}.agent-card-top>svg{margin-left:auto;color:var(--muted-2)}.agent-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;background:var(--surface-2);color:var(--muted);font-size:8px}.agent-card h3{margin:14px 0 3px;font-family:var(--font-display);font-size:13px;font-weight:700}.agent-role{color:var(--accent-text);font-size:9px;font-weight:600}.agent-card p{min-height:48px;margin:10px 0 14px;color:var(--muted);font-size:10px;line-height:1.65}.agent-card-bottom{display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.provider-chip{padding:3px 6px;border-radius:5px;background:var(--surface-2);color:var(--text);font-size:8px}.model-icon{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:10px;font-weight:700}.model-icon.md{width:24px;height:24px}.model-icon.sm{width:19px;height:19px;border-radius:6px;font-size:8px}.model-icon[data-provider=anthropic]{color:#cb8465}.model-icon[data-provider=gemini]{color:#6488c7}.model-icon[data-provider=zenmux]{color:#5d77cf}.model-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;background:var(--panel)}.selected-model{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.auth-screen{display:grid;min-height:100dvh;place-items:center;padding:max(24px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom));background:var(--page)}.auth-card{display:grid;width:min(100%,390px);grid-gap:14px;gap:14px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.auth-brand{display:grid;width:48px;height:48px;margin-bottom:4px;place-items:center;border-radius:16px;background:var(--accent-soft)}.auth-brand .app-icon{width:30px;height:30px}.auth-card .eyebrow{color:var(--accent-text);font-size:10px;letter-spacing:.1em}.auth-card h1{margin:0;font-family:var(--font-display);font-size:27px;letter-spacing:-.04em}.auth-card>p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.auth-card .form-label{gap:7px;margin-top:8px}.auth-submit{width:100%;justify-content:center;min-height:43px;margin-top:4px}.auth-footnote{color:var(--muted-2);font-size:10px;text-align:center}.auth-error{padding:10px 12px;border:1px solid #d8a199;border-radius:9px;background:#f5e9e5;color:#8d453b!important;font-size:12px!important}.sync-warning{position:fixed;z-index:100;top:max(12px,env(safe-area-inset-top));left:50%;display:flex;width:min(540px,calc(100vw - 24px));align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #d9b77f;border-radius:12px;background:#fbf4e7;color:#6c5939;box-shadow:var(--shadow);font-size:11px;line-height:1.5;transform:translateX(-50%)}.sync-warning svg{flex:0 0 auto;margin-top:2px}.sync-warning span{display:grid;grid-gap:2px;gap:2px}.logout-button{align-self:start;margin-top:14px}.add-agent-card{display:flex;min-height:200px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed var(--line-strong);border-radius:13px;background:transparent;color:var(--muted)}.add-agent-card:hover{border-color:var(--accent);background:var(--accent-soft)}.add-agent-card>span{display:grid;width:35px;height:35px;place-items:center;margin-bottom:3px;border-radius:11px;background:var(--surface);color:var(--accent-text)}.add-agent-card b{color:var(--text);font-size:10px;font-weight:600}.add-agent-card small{font-size:9px}.info-banner{display:flex;align-items:flex-start;gap:10px;margin-top:17px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent-soft) 58%,var(--surface));color:var(--accent-text)}.info-banner>svg{flex:0 0 auto;margin-top:1px}.info-banner span{color:var(--muted);font-size:9px;line-height:1.65}.info-banner b{color:var(--text);font-weight:600}.settings-page{max-width:760px}.settings-page .page-heading{margin:8px 0 24px}.settings-card{margin-bottom:14px;padding:18px 19px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.settings-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}.settings-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-text)}.settings-card-heading>div:nth-child(2){flex:1 1}.settings-card-heading h2{margin:0 0 3px;font-family:var(--font-display);font-size:12px;font-weight:700}.settings-card-heading p{margin:0;color:var(--muted);font-size:9px}.local-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:8px}.key-row{display:flex;min-height:60px;align-items:center;gap:11px;border-top:1px solid var(--line)}.provider-mark{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-family:var(--font-display);font-weight:700}.provider-mark[data-provider=anthropic]{color:#cb8465}.provider-mark[data-provider=gemini]{color:#6488c7}.provider-mark[data-provider=zenmux]{color:#5d77cf}.provider-name{display:grid;width:102px;flex:0 0 auto;grid-gap:3px;gap:3px}.provider-name b{font-size:10px;font-weight:600}.provider-name small{color:var(--muted);font-size:8px}.key-input-wrap{display:flex;height:32px;flex:1 1;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.key-input-wrap:focus-within{border-color:var(--accent)}.key-input-wrap input{width:100%;min-width:0;padding:0 9px;border:0;outline:0;background:transparent;color:var(--text);font-size:9px}.key-input-wrap input::placeholder{color:var(--muted-2)}.key-input-wrap button{margin-right:5px;padding:4px;border:0;background:transparent;color:var(--muted);font-size:8px}.key-state{display:inline-flex;width:55px;flex:0 0 auto;align-items:center;gap:5px;color:var(--muted-2);font-size:8px}.key-state i{width:5px;height:5px;border-radius:50%;background:var(--muted-2)}.key-state.configured i{background:#6da67e}.key-state.configured{color:var(--accent-text)}.security-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 11px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px;line-height:1.65}.security-note>svg{flex:0 0 auto;color:var(--accent-text)}.security-note code{padding:1px 4px;border-radius:4px;background:var(--surface-3);color:var(--text);font-size:8px}.zenmux-guide{margin-top:10px}.zenmux-guide b{color:var(--text);font-weight:600}.appearance-card{padding-bottom:17px}.theme-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.theme-options button{display:flex;min-height:55px;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);text-align:left}.theme-options button.selected{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);color:var(--accent-text)}.theme-options button>span{display:grid;flex:1 1;grid-gap:3px;gap:3px}.theme-options b{color:var(--text);font-size:9px;font-weight:600}.theme-options small{color:var(--muted);font-size:8px}.settings-footnote{color:var(--muted);font-size:9px;line-height:1.7}.no-rooms{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;text-align:center}.no-rooms h2{margin:14px 0 5px;font-family:var(--font-display);font-size:20px}.no-rooms p{margin:0 0 18px;color:var(--muted);font-size:11px}.modal-backdrop{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:20px;background:rgba(29,32,28,.37);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .16s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(525px,100%);max-height:min(90dvh,780px);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow);animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:.8;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.room-modal{width:min(460px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.modal-head .eyebrow{font-size:8px}.modal-head h2{margin:6px 0 0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.5px}.icon-button{width:32px;height:32px}.form-label{display:block;margin-top:13px;color:var(--text);font-size:9px;font-weight:600}.form-label>input,.form-label>select,.form-label>textarea,.password-field{width:100%;margin-top:6px;min-height:36px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font-size:10px;font-weight:400}.form-label>input::placeholder,.form-label>textarea::placeholder{color:var(--muted-2)}.form-label>textarea{min-height:92px;resize:vertical;line-height:1.6}.form-label>select{padding-top:0;padding-bottom:0}.field-hint{display:block;margin-top:5px;line-height:1.5}.field-hint,.optional{color:var(--muted);font-size:8px;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.avatar-picker{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.avatar-picker button{display:grid;width:30px;height:30px;place-items:center;border:1px solid transparent;border-radius:8px;background:var(--surface);font-size:15px}.avatar-picker button.selected{border-color:var(--accent);background:var(--accent-soft)}.color-picker{display:flex;gap:8px;margin-top:14px}.color-picker button{width:16px;height:16px;border:2px solid var(--panel);border-radius:50%;box-shadow:0 0 0 1px transparent}.color-picker button.selected{box-shadow:0 0 0 1px var(--text)}.password-field{display:flex;align-items:center;padding:0 6px 0 9px}.password-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:10px}.password-field input::placeholder{color:var(--muted-2)}.password-field button{padding:4px;border:0;background:transparent;color:var(--muted);font-size:8px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.agent-select-list{display:grid;max-height:205px;grid-gap:3px;gap:3px;overflow:auto;margin-top:7px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.agent-select-row{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left}.agent-select-row:hover{background:var(--surface-2)}.agent-select-row.selected{border-color:color-mix(in srgb,var(--accent) 24%,transparent);background:var(--accent-soft)}.agent-select-row>span:nth-child(2){display:grid;flex:1 1;grid-gap:3px;gap:3px}.agent-select-row b{font-size:9px;font-weight:600}.agent-select-row small{color:var(--muted);font-size:8px}.checkbox-mark{display:grid;width:17px;height:17px;place-items:center;border:1px solid var(--line-strong);border-radius:5px;color:#fff}.selected .checkbox-mark{border-color:var(--accent);background:var(--accent)}.no-agent-note{padding:10px;color:var(--muted);font-size:9px}.toast{position:fixed;z-index:90;right:20px;bottom:max(19px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;max-width:min(380px,calc(100vw - 40px));padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:10px;animation:arrive .2s ease-out}.toast svg{flex:0 0 auto;color:var(--accent)}@media (max-width:1120px){.context-panel{flex-basis:235px;padding-right:13px;padding-left:13px}.sidebar{flex-basis:238px}.topbar{padding-right:18px;padding-left:18px}}@media (max-width:920px){.context-panel{display:none}.management-page{width:min(850px,calc(100% - 54px))}}@media (max-width:650px){.auth-card{gap:12px;padding:25px 20px;border-radius:19px}.auth-card h1{font-size:24px}.sync-warning{top:max(8px,env(safe-area-inset-top));padding:9px 11px;font-size:10px}.app-shell{min-height:100dvh}.sidebar{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(310px,calc(100vw - 48px));padding:max(16px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));transform:translateX(-102%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:12px 0 40px rgba(0,0,0,.12)}.mobile-close{display:inline-grid}.drawer-backdrop{position:fixed;z-index:40;inset:0;display:block;border:0;background:rgba(18,20,18,.32);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-column{width:100%;min-height:100dvh}.topbar{height:59px;gap:9px;padding:0 13px}.mobile-menu{display:inline-grid;width:44px;height:44px;margin-left:-7px}.topbar-room-icon{width:31px;height:31px}.topbar-title h1{max-width:48vw;font-size:13px}.topbar-title span{max-width:52vw;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.topbar-avatars{padding-left:0}.topbar-avatars>div{margin-left:-9px}.topbar-avatars>div:first-child{margin-left:0}.topbar-avatars .avatar{width:23px;height:23px;border-radius:7px;font-size:11px}.topbar-more{width:44px;height:44px;margin-left:auto}.chat-scroll{padding-bottom:3px}.welcome-wrap{width:min(430px,calc(100% - 34px));justify-content:center;padding:26px 0 30px}.welcome-mark{width:44px;height:44px;margin-bottom:17px;border-radius:15px}.welcome-wrap h2{margin-top:12px;font-size:31px}.welcome-wrap>p{max-width:330px;font-size:11px}.welcome-team{margin-top:17px}.suggestion-grid{grid-template-columns:1fr;gap:7px;margin-top:23px}.suggestion-card{min-height:45px;align-items:center;padding:9px 11px;font-size:10px}.suggestion-card>svg{width:14px}.message-list{width:calc(100% - 30px);gap:21px;padding:20px 0 32px}.message-row{gap:8px}.message-row>.avatar{width:30px;height:30px;border-radius:9px;font-size:14px}.message-meta{gap:6px}.message-meta b{font-size:10px}.message-meta>span:not(.typing-chip){display:none}.message-bubble{padding:9px 11px;font-size:11px}.composer-wrap{width:calc(100% - 20px);padding-bottom:max(8px,env(safe-area-inset-bottom))}.composer{padding:8px 8px 7px 11px;border-radius:14px}.composer textarea{min-height:42px;font-size:16px}.send-button{width:44px;height:44px;border-radius:12px}.composer-hint{font-size:8px}.secure-note{display:none}.composer-footer{padding:0 8px;font-size:8px;line-height:1.5}.activity-line{height:34px;font-size:9px}.activity-model{max-width:43vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-bottom{right:14px;bottom:157px}.management-page{width:calc(100% - 32px);padding:20px 0 30px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{max-width:300px;font-size:10px}.page-heading>.primary-button{height:44px;padding:0 12px;font-size:10px}.agent-grid{grid-template-columns:1fr;gap:9px}.agent-card{padding:13px}.agent-card p{min-height:auto;margin-bottom:11px}.add-agent-card{min-height:112px}.page-kicker{margin-bottom:19px}.settings-page .page-heading{margin-top:5px}.settings-card{padding:14px 12px 12px}.settings-card-heading{gap:8px}.settings-card-heading p{max-width:205px;line-height:1.5}.local-badge{gap:4px;padding:5px;font-size:7px}.local-badge svg{width:10px}.key-row{display:grid;grid-template-columns:30px 1fr auto;grid-gap:8px;gap:8px;padding:8px 0}.provider-name{width:auto}.key-input-wrap{grid-column:2/4;width:100%;height:44px}.key-input-wrap input{font-size:14px}.key-input-wrap button{min-width:44px;min-height:44px;font-size:10px}.key-state{width:58px}.theme-options{gap:6px}.theme-options button{gap:7px;padding:8px}.theme-options button>svg{width:15px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;padding:18px 16px max(14px,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:18px 18px 0 0}.form-row{gap:9px}.avatar-picker{gap:4px}.avatar-picker button{width:44px;height:44px}.color-picker{gap:6px}.color-picker button{width:44px;height:44px;padding:14px;background-clip:content-box}.room-search{height:44px}.room-link{min-height:48px}.side-nav-link{height:44px}.icon-button,.tiny-icon{width:44px;height:44px}.workspace-switcher{min-height:48px}.form-label>input,.form-label>select,.form-label>textarea,.password-field{min-height:44px;font-size:14px}.form-label>textarea{min-height:100px}.password-field button{min-width:44px;min-height:44px;font-size:10px}.agent-select-row{min-height:48px}.delete-button,.primary-button,.secondary-button{min-height:44px;height:44px;padding-right:13px;padding-left:13px;font-size:11px}.modal-head .icon-button{flex:0 0 44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}