button{font-family:inherit;font-size:var(--t-md);cursor:pointer;border:none;border-image:initial;color:inherit;transition:background-color var(--m-fast) var(--ease), color var(--m-fast) var(--ease), border-color var(--m-fast) var(--ease), box-shadow var(--m-fast) var(--ease);background:0 0}button:focus-visible{box-shadow:var(--shadow-focus);outline:none}input{font-family:inherit;font-size:var(--t-md);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:7px 11px}input::placeholder{color:var(--text-3)}input:focus{border-color:var(--ink);box-shadow:var(--shadow-focus);outline:none}.mono,kbd,time,.timestamp,.sku,.num{font-feature-settings:"tnum";font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}::selection{background:var(--ink-soft);color:var(--ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:#c2c4c799 padding-box padding-box;background:lab(79.0997% -.148684 -1.88864/.6) padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#96989dcc padding-box padding-box;background:lab(62.8468% -.224322 -3.01406/.8) padding-box padding-box;border:2px solid #0000}.app{background:var(--bg);grid-template-columns:56px 224px 1fr;gap:8px;height:100vh;padding:8px;display:grid;position:relative}.app.with-right{grid-template-columns:56px 224px 1fr var(--right-w,440px)}.app.no-sidebar{grid-template-columns:56px 1fr}.app.no-sidebar.with-right{grid-template-columns:56px 1fr var(--right-w,440px)}.rail{background:#070b13;background:lab(2.99118% .0566989 -4.19321);border-radius:14px;flex-direction:column;align-items:center;gap:4px;height:100%;padding:12px 6px;display:flex;overflow-y:auto;box-shadow:0 0 0 .5px #0000000f,0 1px 2px #0000000d,0 4px 12px #0000000a;box-shadow:0 0 0 .5px lab(0% 0 0/.06),0 1px 2px lab(0% 0 0/.05),0 4px 12px lab(0% 0 0/.04)}.rail::-webkit-scrollbar{display:none}.rail-brand{border-radius:var(--r-md);background:var(--ink-fg);width:36px;height:36px;color:var(--text);cursor:pointer;letter-spacing:-.04em;justify-content:center;align-items:center;margin-bottom:6px;font-size:16px;font-weight:700;display:flex;position:relative}.rail-brand:before,.rail-brand:after{content:"";background:var(--text);opacity:.6;border-radius:1px;height:1.5px;position:absolute;left:7px;right:7px}.rail-brand:before{top:6px}.rail-brand:after{top:9px;right:12px}.rail-section{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.rail-divider{background:#ffffff14;background:lab(100% 0 0/.08);width:32px;height:1px;margin:6px 0}.ws-icon{border-radius:var(--r-md);cursor:pointer;width:36px;height:36px;transition:border-radius var(--m-base) var(--ease), transform var(--m-fast) var(--ease);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.ws-icon:before{content:"";background:var(--ink-fg);width:3px;height:0;transition:height var(--m-base) var(--ease);border-radius:0 2px 2px 0;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.ws-icon:hover{transform:scale(1.04)}.ws-icon.active:before{height:22px}.ws-add{color:#fff6;color:lab(100% 0 0/.4);background:0 0;border:1px dashed #ffffff29;border:1px dashed lab(100% 0 0/.16)}.ws-more{border-radius:var(--r-md);cursor:pointer;color:#ffffff8c;color:lab(100% 0 0/.55);width:36px;height:36px;transition:background-color var(--m-fast) var(--ease), color var(--m-fast) var(--ease);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.ws-more:hover,.ws-more.open{color:#ffffffeb;color:lab(100% 0 0/.92);background:#ffffff14;background:lab(100% 0 0/.08)}.ws-more.has-active:after{content:"";background:var(--ink);border:1.5px solid #070b13;border:1.5px solid lab(2.99118% .0566989 -4.19321);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}[data-rail=light] .ws-more{color:var(--text-3)}[data-rail=light] .ws-more:hover,[data-rail=light] .ws-more.open{background:var(--hover);color:var(--text)}[data-rail=light] .ws-more.has-active:after{border-color:var(--bg)}.ws-picker{background:var(--surface);border:1px solid var(--border);z-index:100;width:268px;animation:picker-in .16s var(--ease);border-radius:12px;padding:6px;position:fixed;top:96px;left:72px;box-shadow:0 0 0 .5px #0000000a,0 4px 12px #0000000f,0 16px 40px #0000001f;box-shadow:0 0 0 .5px lab(0% 0 0/.04),0 4px 12px lab(0% 0 0/.06),0 16px 40px lab(0% 0 0/.12)}@keyframes picker-in{0%{opacity:0;transform:translate(-4px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.ws-picker-head{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;padding:6px 10px 8px;font-size:10px;font-weight:600}.ws-picker-body{flex-direction:column;gap:1px;display:flex}.ws-picker-row{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.ws-picker-row:hover{background:var(--hover)}.ws-picker-row.active{background:var(--active-bg)}.ws-picker-meta{flex:1;min-width:0}.ws-picker-name{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.ws-picker-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;overflow:hidden}.ws-picker-check{color:var(--ink);flex-shrink:0}.ws-picker-foot{border-top:1px solid var(--border);flex-direction:column;gap:1px;margin-top:6px;padding-top:6px;display:flex}.ws-picker-action{color:var(--text-2);text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:13px;display:flex}.ws-picker-action:hover{background:var(--hover);color:var(--text)}.ws-picker-action .ico{color:var(--text-3);width:14px;height:14px}.rail-feature{border-radius:var(--r-md);cursor:pointer;color:#ffffff8c;color:lab(100% 0 0/.55);width:44px;transition:background-color var(--m-fast) var(--ease), color var(--m-fast) var(--ease);flex-direction:column;align-items:center;gap:3px;padding:6px 2px 7px;display:flex}.rail-feature:hover{color:#ffffffeb;color:lab(100% 0 0/.92);background:#ffffff0f;background:lab(100% 0 0/.06)}.rail-feature.active{color:#fff;color:lab(100% 0 0);background:#ffffff1a;background:lab(100% 0 0/.1)}.rail-feature .ico{width:18px;height:18px}.rail-feature-label{letter-spacing:.01em;font-family:Geist,system-ui,sans-serif;font-size:9.5px;font-weight:500}.rail-spacer{flex:1}.rail-user{cursor:pointer;width:40px;height:40px;transition:background-color var(--m-fast) var(--ease);border-radius:10px;justify-content:center;align-items:center;display:flex}.rail-user:hover,.rail-user.open{background:#ffffff0f;background:lab(100% 0 0/.06)}[data-rail=light] .rail-user:hover,[data-rail=light] .rail-user.open{background:var(--hover)}.rail-user .avatar{border-radius:8px;width:30px;height:30px;font-size:12px}.user-menu{background:var(--surface);border:1px solid var(--border);z-index:100;width:268px;animation:picker-in .16s var(--ease);border-radius:12px;padding:8px;position:fixed;box-shadow:0 0 0 .5px #0000000a,0 4px 12px #0000000f,0 16px 40px #0000001f;box-shadow:0 0 0 .5px lab(0% 0 0/.04),0 4px 12px lab(0% 0 0/.06),0 16px 40px lab(0% 0 0/.12)}.user-menu-head{align-items:center;gap:10px;padding:8px 10px 12px;display:flex}.user-menu-head .avatar{border-radius:9px;width:38px;height:38px;font-size:14px}.user-menu-info{flex:1;min-width:0}.user-menu-name{letter-spacing:-.012em;font-size:14px;font-weight:600}.user-menu-sub{color:var(--text-3);margin-top:1px;font-size:11px}.user-menu-divider{background:var(--border);height:1px;margin:4px 0}.user-menu-section{padding:6px 10px}.user-menu-status-label{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.user-menu-status{gap:4px;display:flex}.status-pill{color:var(--text-2);border:1px solid var(--border);background:0 0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:inline-flex}.status-pill:hover{background:var(--hover);color:var(--text)}.status-pill.active{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.user-menu-list{flex-direction:column;gap:1px;display:flex}.user-menu-item{color:var(--text);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:13px;display:flex}.user-menu-item:hover{background:var(--hover)}.user-menu-item .ico{color:var(--text-2)}.user-menu-item kbd{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:3px;margin-left:auto;padding:1px 5px;font-size:11px}.user-menu-meta{color:var(--text-3);margin-left:auto;font-size:11px}.user-menu-item.danger,.user-menu-item.danger .ico{color:var(--danger)}.user-menu-item.danger:hover{background:var(--danger-bg)}.rail-bottom{border-radius:var(--r-md);color:#ffffff73;color:lab(100% 0 0/.45);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.rail-bottom:hover{color:#ffffffe6;color:lab(100% 0 0/.9);background:#ffffff0f;background:lab(100% 0 0/.06)}[data-rail=light] .rail{border:none;border-image:initial;box-shadow:none;background:0 0}[data-rail=light] .rail-brand{background:var(--text);color:var(--ink-fg)}[data-rail=light] .rail-brand:before,[data-rail=light] .rail-brand:after{background:var(--ink-fg);opacity:.5}[data-rail=light] .rail-divider{background:var(--border)}[data-rail=light] .ws-add{border-color:var(--border-strong);color:var(--text-3)}[data-rail=light] .ws-icon:before{background:var(--text)}[data-rail=light] .rail-feature{color:var(--text-3)}[data-rail=light] .rail-feature:hover{background:var(--hover);color:var(--text)}[data-rail=light] .rail-feature.active{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a}@supports (color:lab(0% 0 0)){[data-rail=light] .rail-feature.active{box-shadow:0 0 0 1px var(--border), 0 1px 2px lab(0% 0 0/.04)}}[data-rail=light] .rail-feature.active .feature-icon-glyph{filter:none}[data-rail=light] .rail-bottom{color:var(--text-3)}[data-rail=light] .rail-bottom:hover{background:var(--hover);color:var(--text)}.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 .5px #00000008,0 1px 2px #0000000a,0 4px 12px #0000000a;box-shadow:0 0 0 .5px lab(0% 0 0/.03),0 1px 2px lab(0% 0 0/.04),0 4px 12px lab(0% 0 0/.04)}.sb-head{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex}.sb-ws-name{font-size:var(--t-md);letter-spacing:-.012em;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.sb-ws-name>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.sb-ws-name .sb-ws-chevron{flex-shrink:0}.sb-ws-chevron{color:var(--text-3);font-size:10px}.sb-ws-sub{font-size:var(--t-xs);color:var(--text-3);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Geist Mono,monospace;overflow:hidden}.sb-quick{flex-direction:column;gap:1px;padding:8px;display:flex}.sb-quick-row{border-radius:var(--r-sm);font-size:var(--t-base);color:var(--text-2);cursor:pointer;align-items:center;gap:8px;padding:5px 10px;display:flex}.sb-quick-row:hover{background:var(--hover);color:var(--text)}.sb-quick-row .ico{opacity:.7;width:14px;height:14px}.sb-quick-row .badge{background:var(--ink);color:var(--ink-fg);border-radius:var(--r-full);margin-left:auto;padding:1px 6px;font-family:Geist Mono,monospace;font-size:10px;font-weight:600}.sb-quick-row kbd{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-3);margin-left:auto;padding:1px 5px;font-family:Geist Mono,monospace;font-size:10px}.sb-section{flex-direction:column;padding-top:10px;display:flex}.sb-section-head{justify-content:space-between;align-items:center;padding:6px 14px 4px;display:flex}.sb-section-title{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-family:Geist,system-ui,sans-serif;font-size:10px;font-weight:600}.sb-section-add{border-radius:var(--r-xs);width:18px;height:18px;color:var(--text-3);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.sb-section-add:hover{background:var(--hover);color:var(--text)}.sb-section-body{flex-direction:column;gap:1px;padding:0 8px;display:flex}.sb-row{padding:var(--row-pad-y) var(--row-pad-x);font-size:var(--t-base);color:var(--text-2);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.sb-row:hover{background:var(--hover);color:var(--text)}.sb-row.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);font-weight:500}.sb-row.active:before{content:"";background:var(--ink);border-radius:0 2px 2px 0;width:3px;height:16px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.ch-prefix{color:var(--text-3);text-align:center;width:14px;font-family:Geist Mono,monospace}.sb-row.active .ch-prefix{color:var(--ink)}.ch-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ch-unread{background:var(--text);color:var(--ink-fg);border-radius:var(--r-full);text-align:center;min-width:18px;padding:1px 6px;font-family:Geist Mono,monospace;font-size:10px;font-weight:600}.avatar{color:#fff;background:var(--vc,var(--text));letter-spacing:-.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.avatar.lg{border-radius:8px;width:36px;height:36px;font-size:14px}.avatar.xl{border-radius:12px;width:56px;height:56px;font-size:22px}.avatar.sm{border-radius:4px;width:18px;height:18px;font-size:9px}.avatar.agent:after{content:"";border-radius:inherit;border:1.5px solid var(--vc,var(--ink));opacity:.35;pointer-events:none;position:absolute;inset:-2px}.vc-indigo{--vc:var(--voice-indigo)}.vc-amber{--vc:var(--voice-amber)}.vc-teal{--vc:var(--voice-teal)}.vc-rose{--vc:var(--voice-rose)}.vc-lime{--vc:var(--voice-lime)}.vc-violet{--vc:var(--voice-violet)}.vc-ink{--vc:var(--ink)}.vc-neutral{--vc:#5c5e60}@supports (color:lab(0% 0 0)){.vc-neutral{--vc:lab(39.6593% -.142246 -1.88493)}}.dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-swatch{background:var(--vc,var(--text-3));border-radius:3px;flex-shrink:0;width:12px;height:12px}.ch-unread.danger{background:var(--danger);color:var(--ink-fg)}.task-icon-danger{color:var(--danger)}.dot.online{background:var(--success)}.dot.offline{background:var(--text-4)}.dot.working{background:var(--warning);box-shadow:0 0 0 0 var(--warning);animation:1.6s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--warning)}50%{box-shadow:0 0 0 4px #da950b00;box-shadow:0 0 0 4px lab(67.3506% 20.5018 70.1014/0)}}.tag{letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:1px 5px;font-family:Geist,system-ui,sans-serif;font-size:9px;font-weight:600}.tag-agent{background:var(--ink-soft);color:var(--ink)}.sb-footer{border-top:1px solid var(--border);margin-top:auto;padding:10px 12px}.me-card{border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;padding:6px 8px;display:flex}.me-card:hover{background:var(--hover)}.me-name{font-size:var(--t-base);font-weight:600}.me-sub{color:var(--text-3);align-items:center;gap:4px;font-size:10px;display:flex}.me-actions{gap:2px;margin-left:auto;display:flex}.main{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 .5px #00000008,0 1px 2px #0000000a,0 4px 12px #0000000a;box-shadow:0 0 0 .5px lab(0% 0 0/.03),0 1px 2px lab(0% 0 0/.04),0 4px 12px lab(0% 0 0/.04)}.ch-header{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:0 22px;display:grid}.ch-h-left{align-items:baseline;gap:8px;min-width:0;display:flex}.ch-title-name{font-size:var(--t-md);letter-spacing:-.012em;white-space:nowrap;flex-shrink:0;font-weight:600}.ch-desc-sep{color:var(--text-3);flex-shrink:0}.ch-title{font-size:var(--t-lg);letter-spacing:-.018em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.ch-title .ch-hash{color:var(--text-3);font-family:Geist Mono,monospace;font-weight:400}.ch-desc{font-size:var(--t-sm);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ch-h-right{align-items:center;gap:10px;display:flex}.members-stack{align-items:center;display:flex}.members-stack .avatar{border:2px solid var(--surface);border-radius:var(--r-full);margin-left:-6px}.members-stack .avatar:first-child{margin-left:0}.member-count{font-size:var(--t-sm);color:var(--text-2);margin-left:8px;font-family:Geist Mono,monospace}.tabbar{border-bottom:1px solid var(--border);background:var(--surface);gap:2px;padding:2px 22px 0;display:flex}.tab{font-size:var(--t-base);color:var(--text-2);letter-spacing:-.005em;border-bottom:1.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 12px 11px;font-weight:500;display:flex;position:relative}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--ink);font-weight:600}.tab .ico{opacity:.7;width:13px;height:13px}.tab.active .ico{opacity:1}.tab-count{color:var(--text-3);background:var(--surface-3);border-radius:var(--r-xs);padding:1px 5px;font-family:Geist Mono,monospace;font-size:10px}.tab-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.btn{border-radius:var(--r-md);font-size:var(--t-base);letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.btn.primary{background:var(--ink);color:var(--ink-fg)}.btn.primary:hover{background:var(--ink-hover)}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-xs)}.btn.secondary:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn.ghost{color:var(--text-2)}.btn.ghost:hover{background:var(--hover);color:var(--text)}.icon-btn{border-radius:var(--r-md);width:28px;height:28px;color:var(--text-2);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.icon-btn.solid{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs)}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.messages{flex:1;padding:12px 24px 4px;overflow-y:auto}.day-divider{font-size:var(--t-xs);color:var(--text-2);letter-spacing:.04em;align-items:center;margin:14px 0 10px;font-family:Geist Mono,monospace;font-weight:500;display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.day-divider span{background:var(--surface);white-space:nowrap;padding:0 12px}.msg{padding:var(--msg-pad-y) 12px;border-radius:var(--r-md);--msg-actions-reserve:min(188px, 46vw);gap:12px;margin:0 -12px;display:flex;position:relative}.msg:hover{background:var(--surface-2)}.msg.is-target{background:var(--ink-softer);box-shadow:inset 3px 0 0 var(--ink);transition:background-color var(--m-med) var(--ease), box-shadow var(--m-med) var(--ease)}.msg.grouped{margin-top:-4px;padding-top:2px}.msg.grouped .msg-avatar-wrap{visibility:hidden}.msg.grouped .msg-head{display:none}.msg:hover.grouped .msg-avatar-wrap{visibility:visible}.msg:hover.grouped .msg-avatar-wrap .avatar{display:none}.msg:hover.grouped .agent-hover-card .avatar{display:inline-flex}.msg:hover.grouped .msg-avatar-wrap:before{content:attr(data-time);color:var(--text-3);text-align:center;width:36px;font-family:Geist Mono,monospace;font-size:9px}.msg-avatar-wrap{flex-shrink:0;justify-content:center;align-items:flex-start;width:36px;padding-top:2px;display:flex}.agent-avatar-hover{line-height:0;display:inline-flex;position:relative}.agent-hover-card{z-index:60;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:250px;box-shadow:var(--shadow-lg);color:var(--text);opacity:0;pointer-events:none;transition:opacity var(--m-fast) var(--ease), transform var(--m-fast) var(--ease);padding:12px;line-height:1.35;position:absolute;top:-4px;left:calc(100% + 10px);transform:translateY(2px)}.agent-avatar-hover:hover .agent-hover-card,.agent-avatar-hover:focus-within .agent-hover-card{opacity:1;pointer-events:auto;transform:translateY(0)}.agent-hover-card-head{align-items:center;gap:10px;min-width:0;display:flex}.agent-hover-card-title{gap:2px;min-width:0;display:grid}.agent-hover-card-name{font-size:var(--t-md);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.agent-hover-card-handle{font-size:var(--t-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-hover-card-state{margin-top:10px;display:flex}.agent-hover-card-description{color:var(--text-2);font-size:var(--t-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.agent-hover-card-meta{font-size:var(--t-xs);color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.agent-hover-card-meta strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--text-2);font-weight:600;overflow:hidden}.msg-body{flex:1;min-width:0}.msg-head{align-items:baseline;gap:9px;min-width:0;margin-bottom:2px;display:flex}.msg[data-has-actions=true] .msg-head{padding-right:var(--msg-actions-reserve)}.msg-author{font-weight:600;font-size:var(--t-md);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:min(52vw,260px);overflow:hidden}.msg-author-description{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);font-size:var(--t-md);flex:0 auto;overflow:hidden}.msg-author-mention{--msg-author-mention-blue:#2563eb;color:inherit;font:inherit;cursor:pointer;vertical-align:baseline;background:0 0;border:0;padding:0;text-decoration:none;display:inline-block;position:relative;overflow:visible}.msg-author-mention-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.msg-author-mention:before{content:"@";opacity:0;color:var(--msg-author-mention-blue);font-size:var(--t-sm);pointer-events:none;line-height:1;position:absolute;top:50%;right:100%;transform:translateY(calc(-50% - 1px))}.msg-author-mention:hover,.msg-author-mention:focus-visible{color:var(--msg-author-mention-blue);text-decoration:none}.msg-author-mention:focus-visible{outline:2px solid color-mix(in srgb, var(--msg-author-mention-blue) 45%, transparent);outline-offset:2px;border-radius:var(--r-xs)}.msg-author-mention:hover:before,.msg-author-mention:focus-visible:before{opacity:1}.msg-time{font-size:var(--t-xs);color:var(--text-3);white-space:nowrap;opacity:0;transition:opacity var(--m-fast) var(--ease);flex:none;font-family:Geist Mono,monospace}.msg:hover .msg-time,.msg:focus-within .msg-time,.msg[data-show-time=always] .msg-time,.msg[data-mobile-actions=open] .msg-time,.msg.is-action-sheet-open .msg-time{opacity:1}.msg-status{color:var(--warning);background:var(--warning-bg);border-radius:var(--r-xs);align-items:center;gap:4px;padding:1px 6px;font-family:Geist Mono,monospace;font-size:10px;display:inline-flex}.msg-status:before{content:"";background:var(--warning);border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}.msg-deleted-agent-badge{white-space:nowrap;flex:none}.msg-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:var(--t-md);color:var(--text);line-height:1.45}.msg-content strong{font-weight:600}.msg-actions{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--m-fast) var(--ease);gap:1px;padding:2px;display:flex;position:absolute;top:-6px;right:12px}.msg:hover .msg-actions,.msg:focus-within .msg-actions{opacity:1;pointer-events:auto}.msg-actions button{width:26px;height:26px;color:var(--text-2);border-radius:var(--r-sm);justify-content:center;align-items:center;display:inline-flex}.msg-actions button:hover{background:var(--surface-2);color:var(--text)}.msg-actions .ico{width:13px;height:13px}.message-menu-item:hover,.message-menu-item:focus-visible{background:var(--surface-2);color:var(--text)}.brand-mention{background:var(--ink-soft);color:var(--ink);border-radius:var(--r-xs);font-weight:600;font-size:var(--t-base);cursor:pointer;align-items:center;gap:4px;padding:1px 7px;display:inline-flex}.brand-mention:hover{background:var(--ink-softer)}.brand-mention .ico{width:11px;height:11px}.reactions{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.reaction{max-width:min(100%,240px);font-size:var(--t-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;align-items:center;gap:0;padding:0;display:inline-flex;overflow:hidden}.reaction:hover{background:var(--surface-3)}.reaction-toggle,.reaction-detail-trigger{height:22px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;min-width:0;display:inline-flex}.reaction-toggle{flex:none;padding:2px 2px 2px 8px}.reaction-detail-trigger{flex:auto;max-width:100%;padding:2px 8px 2px 2px;overflow:hidden}.reaction-detail-trigger-count{flex:none}.reaction-toggle:focus-visible,.reaction-detail-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.reaction-reactors{min-width:0;color:var(--text-2)}.reaction-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.reaction-summary-count{text-overflow:clip;flex:none;overflow:visible}.reaction-count{color:var(--text-2);font-family:Geist Mono,monospace;font-size:10px}.reaction.mine,.reaction.reaction-active{background:var(--ink-softer);border-color:var(--ink-soft)}.reaction.mine .reaction-count,.reaction.reaction-active .reaction-count,.reaction.reaction-active .reaction-reactors{color:var(--ink)}.thread-link{height:28px;font-size:var(--t-sm);color:var(--text);background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border-strong);box-shadow:var(--shadow-xs);align-items:center;gap:6px;margin-top:6px;padding:0 10px;font-weight:600;display:inline-flex}.thread-link:hover{background:var(--ink-softer);color:var(--ink);border-color:var(--ink-soft)}.thread-link .ico{width:12px;height:12px}.thread-avatars{display:flex}.thread-avatars .avatar{border:2px solid var(--surface);border-radius:50%;margin-left:-4px}.thread-avatars .avatar:first-child{margin-left:0}.inline-image{border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;background:var(--surface-3);max-width:380px;margin-top:8px;display:block;position:relative;overflow:hidden}.inline-image:hover{border-color:var(--ink);box-shadow:var(--shadow-sm)}.inline-image img{object-fit:cover;width:100%;height:auto;max-height:280px;display:block}.inline-image-overlay{color:#fffffff2;color:lab(100% 0 0/.95);border-radius:var(--r-sm);font-size:var(--t-xs);opacity:0;transition:opacity var(--m-fast) var(--ease);background:#000000b3;background:lab(0% 0 0/.7);padding:4px 8px;font-family:Geist Mono,monospace;position:absolute;inset:auto 8px 8px auto}.inline-image:hover .inline-image-overlay{opacity:1}.res-refs{flex-direction:column;gap:4px;min-width:0;max-width:min(520px,100%);margin-top:8px;display:flex}.res-ref{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:12px;min-width:0;max-width:100%;padding:10px 14px;display:flex;position:relative}.res-ref:hover{border-color:var(--border-strong);background:var(--surface-2)}.res-ref-cta{color:var(--text-3);letter-spacing:0;flex-shrink:0;margin-left:auto;font-size:11px}.res-ref:hover .res-ref-cta{color:var(--ink)}.res-ref-icon{border-radius:var(--r-sm);background:var(--vc-bg,var(--surface-2));width:32px;height:32px;color:var(--vc,var(--text-2));flex-shrink:0;justify-content:center;align-items:center;display:flex}.res-ref-icon .ico{width:15px;height:15px}.res-ref-text{flex:1;min-width:0}.res-ref-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:var(--t-base);letter-spacing:-.005em;overflow:hidden}.res-ref-sub{font-size:var(--t-xs);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.res-ref.image .res-ref-icon{--vc:var(--voice-rose);--vc-bg:var(--voice-rose-soft)}.res-ref.doc .res-ref-icon{--vc:var(--voice-teal);--vc-bg:var(--voice-teal-soft)}.res-ref.video .res-ref-icon{--vc:var(--voice-violet);--vc-bg:var(--voice-violet-soft)}.res-ref.webpage .res-ref-icon{--vc:var(--voice-amber);--vc-bg:var(--voice-amber-soft)}.msg-attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;max-width:min(22rem,100vw - 7rem);margin-top:8px;display:grid}.msg-attachment-thumb{appearance:none;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);cursor:pointer;width:100%;height:112px;padding:0;display:block;position:relative;overflow:hidden}.msg-attachment-thumb:hover{border-color:var(--border-strong)}.msg-attachment-thumb img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:640px){.msg-attachment-thumb{height:128px}}@media (min-width:768px){.msg-attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:28rem}}.composer-wrap{flex-shrink:0;padding:6px 22px 18px}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--m-base) var(--ease), box-shadow var(--m-base) var(--ease);box-shadow:var(--shadow-xs)}.composer:hover{border-color:var(--border-strong)}.composer:focus-within{border-color:var(--ink);box-shadow:var(--shadow-focus), var(--shadow-xs)}.composer-input{min-height:56px;font-size:var(--t-md);color:var(--text);outline:none;padding:12px 16px 6px;line-height:1.5}.composer-input:empty:before{content:attr(data-placeholder);color:var(--text-3)}.composer-bottom{justify-content:space-between;align-items:center;padding:4px 10px 8px;display:flex}.composer-actions{gap:2px;display:flex}.composer-tools{align-items:center;gap:10px;display:flex}.send-btn{border-radius:var(--r-md);background:var(--surface-3);width:30px;height:30px;color:var(--text-3);justify-content:center;align-items:center;display:flex}.composer:focus-within .send-btn,.send-btn:hover{background:var(--ink);color:var(--ink-fg)}.send-btn .ico{width:14px;height:14px}.kbd-hint{color:var(--text-3);font-family:Geist Mono,monospace;font-size:10px}.kbd-hint kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xs);margin-right:2px;padding:1px 5px}.right{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000000a,0 1px 2px #0000000a,0 6px 18px #0000000f,0 24px 48px #00000014;box-shadow:0 0 0 .5px lab(0% 0 0/.04),0 1px 2px lab(0% 0 0/.04),0 6px 18px lab(0% 0 0/.06),0 24px 48px lab(0% 0 0/.08)}.right-handle{cursor:col-resize;z-index:10;width:10px;position:absolute;top:0;bottom:0;left:-6px}.right-handle:after{content:"";background:var(--border-strong);opacity:0;height:32px;transition:opacity var(--m-fast) var(--ease);border-radius:2px;margin-top:-16px;position:absolute;inset:50% 6px}.right-handle:hover:after,.right-handle.dragging:after{opacity:1}.right-head{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.right-title{font-weight:600;font-size:var(--t-md);letter-spacing:-.012em;align-items:center;gap:8px;display:flex}.right-title .ico{width:14px;height:14px;color:var(--text-2)}.right-sub{font-size:var(--t-xs);color:var(--text-3);margin-top:2px}.right-actions{gap:2px;display:flex}.right-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.thread-msgs{flex:1;padding:12px 16px;overflow-y:auto}.thread-meta{font-size:var(--t-xs);color:var(--text-3);border-bottom:1px dashed var(--border);margin-bottom:8px;padding:8px 16px 4px;font-family:Geist Mono,monospace}.doc-panel{flex-direction:column;height:100%;display:flex}.doc-panel-head{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 22px;display:flex}.doc-panel-title{font-size:var(--t-lg);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.doc-panel-body{flex:1;width:100%;max-width:820px;margin:0 auto;padding:24px 36px 64px;overflow-y:auto}.doc-h1{letter-spacing:-.024em;color:var(--text);margin:8px 0 22px;font-size:28px;font-weight:700;line-height:1.25}.doc-h2{letter-spacing:-.014em;color:var(--text);margin:28px 0 12px;font-size:18px;font-weight:600}.doc-p{color:var(--text);margin-bottom:12px;font-size:14px;line-height:1.7}.doc-list{color:var(--text);padding-left:22px;font-size:14px;line-height:1.7}.doc-list li{margin-bottom:4px}.doc-meta-table,.doc-data-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:8px;font-size:13px;overflow:hidden}.doc-meta-table th,.doc-data-table th{text-align:left;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);letter-spacing:0;padding:10px 14px;font-size:12px;font-weight:600}.doc-meta-table td,.doc-data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 14px}.doc-meta-table tr:last-child td,.doc-data-table tr:last-child td{border-bottom:none}.doc-meta-table td:first-child{color:var(--text-2);width:30%}.doc-data-table .row-highlight{background:var(--ink-softer)}.doc-data-table .row-highlight td{font-weight:500}.doc-data-table .row-total{background:var(--surface-2)}.doc-data-table .row-total td{font-weight:600}.doc-data-table .pos{color:var(--success)}.doc-data-table .dim{color:var(--text-3)}.doc-callout{background:var(--ink-softer);border:1px solid var(--ink-soft);border-radius:10px;margin:14px 0;padding:16px 18px;font-size:13px;line-height:1.6}.doc-callout strong{color:var(--ink);margin-bottom:4px;font-weight:600;display:block}.doc-callout p{color:var(--text);margin:0}.video-panel{flex-direction:column;height:100%;display:flex}.video-panel-head{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 22px;display:flex}.video-panel-title{font-size:var(--t-lg);letter-spacing:-.018em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.video-panel-stage{background:var(--surface);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.video-player{flex-direction:column;align-items:stretch;max-height:100%;display:flex}.video-frame{background:#000;border-radius:12px;max-height:70vh;overflow:hidden}.video-poster{aspect-ratio:9/16;background:radial-gradient(60% 80% at 50% 35%,#fab45f80,#0000 60%),radial-gradient(60% 50% at 50% 65%,#5d291cb3,#0000 60%),linear-gradient(#1e1e2e 0%,#6b7280 40%,#1e1e2e 100%);background:radial-gradient(60% 80% at 50% 35%,lab(78.921% 19.7838 53.149/.5),#0000 60%),radial-gradient(60% 50% at 50% 65%,lab(23.924% 23.5995 20.148/.7),#0000 60%),linear-gradient(#1e1e2e 0%,#6b7280 40%,#1e1e2e 100%);justify-content:center;align-items:center;width:clamp(280px,36vh,420px);display:flex;position:relative}.video-overlay-title{text-align:center;color:#fff;text-shadow:0 4px 14px #0009,0 1px 2px #0006;letter-spacing:-.02em;position:absolute;top:32%;left:0;right:0}.video-overlay-title .vot-big{letter-spacing:-.04em;font-family:Geist,system-ui,sans-serif;font-size:clamp(34px,6vw,56px);font-weight:900}.video-overlay-title .vot-sub{margin-top:-2px;font-size:clamp(16px,2.4vw,22px);font-style:italic;font-weight:600}.video-play{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;bottom:24%}.video-play:hover{background:#000000b3;transform:scale(1.05)}.video-controls{align-items:center;gap:10px;margin-top:8px;padding:10px 12px 0;display:flex}.vc-btn{width:28px;height:28px;color:var(--text-2);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.vc-btn:hover{background:var(--surface-2);color:var(--text)}.vc-play{background:var(--text);color:var(--ink-fg)}.vc-play:hover{background:var(--ink);color:var(--ink-fg)}.vc-time{color:var(--text-2);letter-spacing:.01em;font-size:11px}.vc-track{background:var(--surface-3);cursor:pointer;border-radius:2px;flex:1;height:4px;position:relative}.vc-fill{background:var(--ink);border-radius:2px;height:100%}.canvas-panel{background:var(--surface);flex-direction:column;height:100%;display:flex}.canvas-panel-head{height:var(--header-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.canvas-panel-title{font-size:var(--t-lg);letter-spacing:-.018em;font-weight:600}.canvas-stage-new{background:radial-gradient(circle at 1px 1px, #ccced180 1px, transparent 1px) 0 0/22px 22px, var(--surface-2);flex:1;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.canvas-stage-new{background:radial-gradient(circle at 1px 1px, lab(82.5797% -.149041 -1.88884/.5) 1px, transparent 1px) 0 0/22px 22px, var(--surface-2)}}.canvas-stage-inner{transform-origin:0 0;position:absolute;inset:0}.canvas-item{background:var(--surface);cursor:pointer;border-radius:8px;position:absolute}.canvas-item img{object-fit:cover;border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 4px 16px #0000000f}.canvas-item.selected img{outline-offset:2px;outline:2px solid #3f3fba}.canvas-handle{pointer-events:none;z-index:3;background:#fff;border:1.5px solid #3f3fba;border-radius:2px;width:9px;height:9px;position:absolute}.canvas-handle.tl{top:-7px;left:-7px}.canvas-handle.tr{top:-7px;right:-7px}.canvas-handle.bl{bottom:-7px;left:-7px}.canvas-handle.br{bottom:-7px;right:-7px}.canvas-item-label{color:var(--text-2);pointer-events:none;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;top:-28px;left:0;right:0}.canvas-item-label .mono{font-family:Geist Mono,monospace}.canvas-item-label .dim{color:var(--text-3)}.canvas-item-toolbar{background:var(--surface);border:1px solid var(--border);z-index:2;white-space:nowrap;border-radius:10px;align-items:center;gap:2px;padding:5px 6px;display:flex;position:absolute;bottom:calc(100% + 36px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000001a,0 1px 3px #0000000f}.canvas-item-toolbar .ct-btn{color:var(--text);background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.canvas-item-toolbar .ct-btn:hover{background:var(--surface-2)}.canvas-item-toolbar .ct-btn .ico{color:var(--text-2)}.canvas-item-toolbar .ct-icon{width:28px;height:28px;color:var(--text-2);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.canvas-item-toolbar .ct-icon:hover{background:var(--surface-2);color:var(--text)}.canvas-item-toolbar .ct-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.canvas-tools{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:2px;padding:5px 6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000014}.ct-tool{width:32px;height:32px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ct-tool:hover{background:var(--surface-2);color:var(--text)}.ct-tool.active{background:var(--text);color:var(--ink-fg)}.canvas-minimap{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:200px;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 16px #00000014}.canvas-zoom-ctl{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;display:flex}.canvas-zoom-ctl button{width:22px;height:22px;color:var(--text-2);border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.canvas-zoom-ctl button:hover{background:var(--surface-2);color:var(--text)}.canvas-zoom-ctl span{color:var(--text-2)}.canvas-minimap-body{background:var(--surface-2);height:84px;position:relative}.mm-item{background:var(--surface-4);border-radius:2px;position:absolute}.mm-item.selected{background:#ededfa;outline:1.5px solid #3f3fba}.mm-collapse{background:var(--surface);border:1px solid var(--border);width:22px;height:22px;color:var(--text-3);border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:6px;right:6px}.brand-panel-body{padding:18px}.brand-panel-hero{align-items:center;gap:14px;margin-bottom:18px;display:flex}.brand-panel-logo{border-radius:var(--r-md);background:var(--surface-3);justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.brand-panel-name{font-size:var(--t-xl);letter-spacing:-.018em;font-weight:600}.brand-panel-tagline{font-size:var(--t-sm);color:var(--text-2);margin-top:2px}.brand-panel-section{margin-bottom:20px}.brand-panel-section-title{color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.brand-colors-row{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.brand-color{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--border);position:relative;overflow:hidden}.brand-color-hex{color:#fff;text-align:center;letter-spacing:.02em;background:linear-gradient(#0000,#0000008c);background:linear-gradient(#0000,lab(0% 0 0/.55));padding:8px 4px 3px;font-family:Geist Mono,monospace;font-size:9px;position:absolute;bottom:0;left:0;right:0}.brand-products-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.brand-product{aspect-ratio:1;background-image: ;background-repeat: ;background-attachment: ;background-origin: ;background-clip: ;background-color: ;border-radius:var(--r-sm);background-position:50%;background-size:cover}.kv-list{flex-direction:column;gap:6px;display:flex}.kv-row{font-size:var(--t-sm);grid-template-columns:90px 1fr;gap:8px;display:grid}.kv-row .kv-k{color:var(--text-3)}.kv-row .kv-v{color:var(--text)}.tasks-wrap{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.tasks-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.tasks-toolbar-left{align-items:center;gap:8px;display:flex}.view-toggle{background:var(--surface-2);border-radius:var(--r-md);gap:1px;padding:2px;display:inline-flex}.view-toggle button{border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--text-2);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.view-toggle button .ico{width:12px;height:12px}.view-toggle button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs);font-weight:500}.kanban{background:var(--bg);flex:1;grid-auto-columns:280px;grid-auto-flow:column;gap:12px;padding:18px 22px;display:grid;overflow-x:auto}.kan-col{background:var(--surface-2);border-radius:var(--r-lg);border:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.kan-col-head{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:12px 14px 10px;font-weight:600;display:flex}.kan-col-head .swatch{background:var(--vc,var(--text-3));border-radius:2px;width:8px;height:8px}.kan-col-head .count{font-family:Geist Mono,monospace;font-size:var(--t-sm);color:var(--text-3);letter-spacing:.02em;margin-left:auto;font-weight:400}.kan-col-head .more{border-radius:var(--r-xs);width:22px;height:22px;color:var(--text-3);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.kan-col-head .more:hover{background:var(--hover);color:var(--text)}.kan-col[data-col=todo]{--vc:var(--text-3)}.kan-col[data-col=in_progress]{--vc:var(--voice-amber)}.kan-col[data-col=in_review]{--vc:var(--voice-violet)}.kan-col[data-col=done]{--vc:var(--success)}.kan-col-body{flex-direction:column;flex:1;gap:6px;padding:0 10px 12px;display:flex;overflow-y:auto}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--m-fast) var(--ease), transform var(--m-fast) var(--ease), box-shadow var(--m-fast) var(--ease);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.task-card:hover{border-color:var(--ink-soft);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card-head{align-items:center;gap:6px;display:flex}.task-card-id{color:var(--text-3);white-space:nowrap;font-family:Geist Mono,monospace;font-size:10px}.task-pri{text-transform:uppercase;letter-spacing:.04em;border-radius:2px;padding:1px 5px;font-family:Geist Mono,monospace;font-size:9px;font-weight:600}.task-pri.high{background:var(--danger-bg);color:var(--danger)}.task-pri.medium{background:var(--warning-bg);color:var(--warning)}.task-pri.low{background:var(--surface-3);color:var(--text-3)}.task-card-title{font-size:var(--t-base);color:var(--text);font-weight:500;line-height:1.4}.task-card-desc{font-size:var(--t-sm);color:var(--text-2);line-height:1.45}.task-card-foot{align-items:center;gap:6px;margin-top:2px;display:flex}.task-card-foot .avatar{margin-right:4px}.task-card-meta{font-size:var(--t-xs);color:var(--text-3);flex:1}.task-card-meta-right{color:var(--text-3);align-items:center;gap:8px;font-family:Geist Mono,monospace;font-size:10px;display:flex}.task-add{text-align:left;font-size:var(--t-sm);color:var(--text-3);border-radius:var(--r-md);background:0 0;padding:8px}.task-add:hover{background:var(--surface);color:var(--text)}.lib-shell{background:var(--surface);flex:1;overflow-y:auto}.lib-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 100% 0%, var(--ink-softer), transparent 50%), var(--surface);padding:28px 32px 24px}.lib-hero-tag{font-size:var(--t-xs);color:var(--ink);background:var(--ink-soft);border-radius:var(--r-xs);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;margin-bottom:12px;padding:3px 8px;font-family:Geist Mono,monospace;display:inline-flex}.lib-hero h1{font-size:var(--t-3xl);letter-spacing:-.024em;margin-bottom:6px;font-weight:600}.lib-hero p{font-size:var(--t-md);color:var(--text-2);max-width:620px;line-height:1.55}.lib-hero-stats{flex-wrap:wrap;gap:28px;margin-top:18px;display:flex}.lib-hero-stats>div{white-space:nowrap}.lib-stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-size:10px;font-weight:500}.lib-stat-value{font-size:var(--t-xl);letter-spacing:-.018em;margin-top:2px;font-family:Geist,system-ui,sans-serif;font-weight:600}.lib-stat-trend{font-size:var(--t-xs);color:var(--success);margin-left:4px;font-family:Geist Mono,monospace}.lib-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 32px;display:flex}.lib-filters{flex-wrap:wrap;gap:2px;display:flex}.lib-filter{border-radius:var(--r-sm);font-size:var(--t-base);color:var(--text-2);white-space:nowrap;padding:5px 10px}.lib-filter:hover{background:var(--hover);color:var(--text)}.lib-filter.active{background:var(--surface-3);color:var(--text);font-weight:500}.lib-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:6px;width:220px;padding:5px 10px;display:flex}.lib-search input{border:none;border-image:initial;font-size:var(--t-base);background:0 0;flex:1;padding:0}.lib-search input:focus{box-shadow:none}.lib-search .ico{width:13px;height:13px;color:var(--text-3)}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px 32px 32px;display:grid}.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;transition:border-color var(--m-fast) var(--ease), transform var(--m-fast) var(--ease), box-shadow var(--m-fast) var(--ease);flex-direction:column;display:flex;overflow:hidden}.brand-card:hover{border-color:var(--ink-soft);box-shadow:var(--shadow-md);transform:translateY(-2px)}.brand-card-cover{background:var(--gradient,linear-gradient(135deg, var(--ink-soft), var(--ink-softer)));border-bottom:1px solid var(--border);align-items:flex-end;height:100px;padding:14px;display:flex;position:relative}.brand-card-logo{border-radius:var(--r-md);background:var(--surface);width:44px;height:44px;color:var(--text);box-shadow:var(--shadow-sm);letter-spacing:-.04em;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.brand-card-pill{border-radius:var(--r-xs);color:var(--text-2);border:1px solid var(--border);background:#ffffffd9;background:lab(100% 0 0/.85);padding:2px 7px;font-family:Geist Mono,monospace;font-size:10px;position:absolute;top:12px;right:12px}.brand-card-body{padding:14px}.brand-card-name{font-size:var(--t-lg);letter-spacing:-.018em;margin-bottom:2px;font-weight:600}.brand-card-tagline{font-size:var(--t-sm);color:var(--text-2);margin-bottom:12px;line-height:1.45}.brand-card-colors{gap:4px;margin-bottom:12px;display:flex}.brand-card-color{border:1px solid #00000014;border:1px solid lab(0% 0 0/.08);border-radius:4px;width:18px;height:18px}.brand-card-stats{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:12px;display:grid}.brand-card-stat .l{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:9px;font-weight:500}.brand-card-stat .v{font-size:var(--t-md);margin-top:2px;font-family:Geist Mono,monospace;font-weight:600}.brand-card.add{color:var(--text-3);background:0 0;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:240px;display:flex}.brand-card.add:hover{border-color:var(--ink);color:var(--ink);transform:none}.brand-card.add .plus{font-size:24px}.files-view{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow-y:auto}.files-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;display:flex}.files-filters{gap:2px;display:flex}.files-filter{border-radius:var(--r-sm);font-size:var(--t-base);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.files-filter:hover{background:var(--hover);color:var(--text)}.files-filter.active{background:var(--surface-3);color:var(--text);font-weight:500}.files-filter span.mono{color:var(--text-3);background:var(--surface);border-radius:3px;padding:1px 5px;font-size:10px}.files-filter.active span.mono{background:var(--surface);color:var(--text-2)}.files-actions{align-items:center;gap:8px;display:flex}.files-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px 22px 28px;display:grid}.file-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color var(--m-fast) var(--ease), transform var(--m-fast) var(--ease), box-shadow var(--m-fast) var(--ease);border-radius:10px;overflow:hidden}.file-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.file-preview{aspect-ratio:4/3;background:var(--surface-2);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%;display:block}.file-video,.file-doc,.file-web{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.file-video{background:linear-gradient(135deg, var(--voice-violet-soft), var(--voice-rose-soft))}.file-doc{background:var(--voice-teal-soft);color:var(--voice-teal)}.file-web{background:var(--voice-amber-soft);color:var(--voice-amber)}.file-video-play{width:44px;height:44px;color:var(--text);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003}.file-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#000000b3;background:lab(0% 0 0/.7);border-radius:3px;padding:2px 6px;font-size:9px;position:absolute;top:8px;right:8px}.file-badge.latest{background:var(--success);color:var(--ink-fg)}.file-info{padding:10px 12px}.file-name{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.file-meta{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.toast{background:var(--text);color:var(--ink-fg);border-radius:var(--r-full);font-size:var(--t-sm);z-index:200;box-shadow:var(--shadow-lg);animation:toast-in .22s var(--ease);padding:8px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.mobile-topbar,.mobile-nav{display:none}@media (max-width:820px){.app{grid-template-rows:48px 1fr 56px;grid-template-columns:1fr!important}.app.with-right{grid-template-columns:1fr!important}.rail{display:none}.sidebar{display:var(--mobile-show-sidebar,flex);grid-area:2/1}.main{display:var(--mobile-show-main,flex);grid-area:2/1}.right{height:100%;display:var(--mobile-show-right,flex);border-left:none;grid-area:2/1}.app.mobile-screen-list{--mobile-show-sidebar:flex;--mobile-show-main:none;--mobile-show-right:none}.app.mobile-screen-main{--mobile-show-sidebar:none;--mobile-show-main:flex;--mobile-show-right:none}.app.mobile-screen-right{--mobile-show-sidebar:none;--mobile-show-main:none;--mobile-show-right:flex}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);grid-area:1/1;align-items:center;gap:10px;padding:0 14px;display:flex}.mobile-topbar-title{font-weight:600;font-size:var(--t-md);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mobile-topbar-back{color:var(--text-2);font-size:var(--t-sm);background:0 0;align-items:center;gap:2px;padding:4px;display:flex}.mobile-nav{background:var(--surface);border-top:1px solid var(--border);grid-area:3/1;padding:4px 4px 6px;display:flex}.mobile-nav-item{color:var(--text-3);border-radius:var(--r-sm);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px;font-size:9px;display:flex}.mobile-nav-item .ico{width:20px;height:20px}.mobile-nav-item.active{color:var(--ink)}.ch-header{padding:10px 16px}.messages{padding:10px 16px 4px}.msg-deleted-agent-badge{display:none}.composer-wrap{padding:6px 12px 12px}.lib-hero{padding:18px 18px 14px}.lib-toolbar{padding:10px 18px}.brand-grid{padding:14px 18px 24px}.tasks-toolbar{padding:10px 16px}.kanban{grid-auto-columns:260px;padding:12px 16px}}.tweaks-panel-root{font-family:Geist,system-ui,sans-serif!important}
:root{--bg-paper:#f7f3ea;--bg-surface:#fcfaf4;--bg-sunken:#efeade;--bg-sunken-2:#e8e2d2;--fg-1:#1a1612;--fg-2:#65605a;--fg-3:#9a938a;--fg-inverse:#fcfaf4;--border-1:#e4decf;--border-2:#d4ccb8;--border-strong:#1a1612;--accent:#d4501e;--accent-hover:#b8421a;--accent-press:#9a3814;--accent-soft:#f4dcc8;--accent-strong:#9a3814;--success:#7a7a4d;--success-soft:#efedde;--warning:#b86e32;--warning-soft:#f1e2ce;--danger:#a8392a;--danger-soft:#f0d8d3;--info:#7a746a;--info-soft:#ebe6dc;--violet:#766793;--violet-soft:#efeaf9;--font-sans:var(--font-geist-sans), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;--font-mono:var(--font-geist-mono), "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-display:40px;--lh-display:48px;--text-h1:28px;--lh-h1:36px;--text-h2:18px;--lh-h2:26px;--text-h3:15px;--lh-h3:22px;--text-body:14px;--lh-body:22px;--text-small:13px;--lh-small:20px;--text-label:11px;--lh-label:16px;--text-mono-sm:12px;--lh-mono-sm:18px;--text-caption:12px;--lh-caption:18px;--text-compact-body:12.5px;--lh-compact-body:16px;--text-compact-label:10.5px;--lh-compact-label:14px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--track-tight:-.01em;--track-normal:0;--track-label:.04em;--track-mono:0;--space-1:4px;--space-1-5:6px;--space-2-5:10px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:80px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--radius-full:50%;--tag-h-sm:20px;--tag-h-md:22px;--tag-pad:0 6px;--tag-text:var(--text-label);--table-head-pad:11px 14px;--table-cell-pad:12px 14px;--shadow-1:0 1px 0 #11131a0a, 0 1px 2px #11131a0a;--shadow-2:0 4px 12px #11131a0f, 0 1px 2px #11131a0a;--shadow-3:0 16px 40px #11131a1a, 0 2px 6px #11131a0f;--focus-ring:0 0 0 2px var(--bg-paper), 0 0 0 4px var(--accent);--rail-w:72px;--sidebar-w:280px;--thread-w:440px;--topbar-h:48px;--content-max:none;--ease-out:cubic-bezier(.2, .7, .3, 1);--dur-fast:.12s;--dur-base:.16s;--dur-slow:.24s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#__next{height:100%}html,body{background:var(--bg-paper);color:var(--fg-1);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body);letter-spacing:var(--track-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0}body{overflow:hidden}*,:before,:after{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--accent-strong)}.syfo-display{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--track-tight);color:var(--fg-1)}.syfo-h1{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-h1);line-height:var(--lh-h1);letter-spacing:var(--track-tight);color:var(--fg-1)}.syfo-h2{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-h2);line-height:var(--lh-h2);color:var(--fg-1)}.syfo-h3{font-family:var(--font-sans);font-weight:var(--weight-semibold);font-size:var(--text-h3);line-height:var(--lh-h3);color:var(--fg-1)}.syfo-body{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-body);line-height:var(--lh-body);color:var(--fg-1)}.syfo-small{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-small);line-height:var(--lh-small);color:var(--fg-2)}.syfo-label{font-family:var(--font-mono);font-weight:var(--weight-medium);font-size:var(--text-label);line-height:var(--lh-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-2)}.syfo-mono{font-family:var(--font-mono);font-weight:var(--weight-regular);font-size:var(--text-mono-sm);line-height:var(--lh-mono-sm);color:var(--fg-2)}.syfo-link{color:var(--accent);transition:border-color var(--dur-fast) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.syfo-link:hover{border-bottom-color:var(--accent)}.syfo-focusable:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.syfo-radio-dot{transition:border-color var(--dur-fast,.12s) var(--ease-out), box-shadow var(--dur-fast,.12s) var(--ease-out), transform var(--dur-fast,.12s) var(--ease-out)}@media (hover:hover){.syfo-radio:hover>.syfo-radio-input:not(:disabled)+.syfo-radio-dot{border-color:var(--accent)}}.syfo-radio:active>.syfo-radio-input:not(:disabled)+.syfo-radio-dot{transform:scale(.94)}.syfo-radio-input:focus-visible+.syfo-radio-dot{box-shadow:var(--focus-ring);outline:none}.syfo-app{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0, 1fr);background:var(--bg-paper);height:100vh;color:var(--fg-1);display:grid;position:relative}.syfo-app[data-thread-open=true]{grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0, 1fr) var(--thread-w)}.syfo-app[data-thread-full=true][data-thread-open=true]:not([data-preview-open=true]){grid-template-columns:var(--rail-w) var(--sidebar-w) minmax(0, 1fr)}.syfo-app[data-shell-banner=true]{grid-template-rows:auto minmax(0,1fr)}.syfo-app[data-shell-banner=true]>.syfo-rail,.syfo-app[data-shell-banner=true]>.syfo-sidebar{grid-row:1/-1}.syfo-app[data-shell-banner=true]>.syfo-content,.syfo-app[data-shell-banner=true]>.syfo-thread{grid-row:2}.syfo-shell-banner-slot{z-index:2;grid-area:1/3/auto/-1;min-width:0}.syfo-app[data-sidebar-hidden=true]{grid-template-columns:var(--rail-w) minmax(0, 1fr)}.syfo-app[data-sidebar-hidden=true][data-thread-open=true]{grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--thread-w)}.syfo-app[data-sidebar-hidden=true][data-thread-full=true][data-thread-open=true]:not([data-preview-open=true]){grid-template-columns:var(--rail-w) minmax(0, 1fr)}.syfo-app[data-sidebar-hidden=true] .syfo-content{border-left:1px solid var(--border-1)}.syfo-app[data-sidebar-hidden=true]>.syfo-shell-banner-slot{grid-column:2/-1}.syfo-resize-handle{cursor:col-resize;transition:background var(--dur-fast) var(--ease-out);touch-action:none;background:0 0}.syfo-resize-handle:hover,.syfo-resize-handle:active{background:var(--accent);opacity:.35}.syfo-bottom-tabs{height:calc(56px + env(safe-area-inset-bottom,0));background:var(--bg-paper);border-top:1px solid var(--border-1);padding-bottom:env(safe-area-inset-bottom,0);z-index:30;touch-action:manipulation;display:none;position:fixed;bottom:0;left:0;right:0}.syfo-mobile-topbar,.syfo-mobile-inbox-navigation-pending{display:none}.syfo-mobile-live-strip{white-space:nowrap;border-bottom:1px solid var(--border-1);background:var(--bg-1);align-items:baseline;gap:4px;min-width:0;padding:4px 14px;display:flex;overflow:hidden}.syfo-mobile-server-switcher{display:none}.syfo-bottom-tab{color:var(--fg-3);transition:color var(--dur-fast) var(--ease-out);touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.syfo-bottom-tab.is-active{color:var(--accent)}.syfo-bottom-tab-label{letter-spacing:.02em}.syfo-rail{background:var(--bg-sunken);border-right:1px solid var(--border-1);flex-direction:column;gap:4px;padding:14px 0;display:flex}.syfo-rail-brand{opacity:.9;justify-content:center;align-items:center;width:28px;height:28px;margin:4px auto 18px;display:flex}.syfo-server-stack{flex-direction:column;align-items:center;gap:4px;margin:2px 0 12px;display:flex}.syfo-rail-item.syfo-server-stack-item{width:38px;height:38px}.syfo-server-stack-item{border-radius:10px}.syfo-server-stack-item>span:first-child{transition:border-radius var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);position:relative}.syfo-rail-item.syfo-server-stack-item.is-active:after{content:"";z-index:2;border:2px solid color-mix(in srgb, var(--accent) 22%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:2px}.syfo-rail-item.syfo-server-stack-item.is-active>span:first-child{box-shadow:none;border-radius:10px}.syfo-server-stack-overflow,.syfo-server-stack-add{color:var(--fg-3)}.syfo-server-stack-add{border:1px dashed var(--border-2)}.syfo-rail-item{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--fg-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.syfo-rail-item:hover{color:var(--fg-1);background:#1a16120a}.syfo-rail-item.is-active{color:var(--accent);background:0 0}.syfo-rail-item.is-active:before{content:"";background:var(--accent);border-radius:1px;width:2px;height:16px;position:absolute;top:50%;left:-11px;transform:translateY(-50%)}.syfo-rail-item .badge{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 2px var(--bg-sunken);border-radius:50%;position:absolute;top:6px;right:6px}.syfo-rail-item .badge.muted{background:var(--bg-sunken-2,#1a16121a)}.syfo-rail-item .badge.count{width:auto;min-width:14px;height:14px;color:var(--fg-inverse);font-size:9px;font-weight:700;line-height:1;font-family:var(--font-sans);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;display:flex;top:1px;right:0}.syfo-rail-spacer{flex:1}.syfo-rail-item.syfo-rail-nav{border-radius:var(--radius-md);flex-direction:column;gap:5px;width:56px;height:auto;padding:7px 0 6px}.syfo-rail-item.syfo-rail-nav.is-active{background:var(--accent-soft);color:var(--accent)}.syfo-rail-item.syfo-rail-nav.is-active:before{display:none}.syfo-rail-icon{justify-content:center;align-items:center;display:flex;position:relative}.syfo-rail-label{font-family:var(--font-sans);letter-spacing:.01em;font-size:11px;font-weight:500;line-height:1}.syfo-rail-nav .syfo-rail-icon .badge{top:-2px;right:-2px}.syfo-rail-nav .syfo-rail-icon .badge.count{top:-6px;right:-8px}.syfo-sidebar{background:var(--bg-sunken);border-right:1px solid var(--border-1);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.syfo-sidebar-header{justify-content:space-between;align-items:center;gap:8px;padding:16px 16px 12px;display:flex}.syfo-workspace-pill{border-radius:var(--radius-sm);cursor:pointer;min-width:0;max-width:100%;transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 8px;display:flex}.syfo-workspace-pill:hover{background:#1a16120a}.syfo-workspace-pill .name{color:var(--fg-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.syfo-search{border-radius:var(--radius-sm);height:30px;color:var(--fg-3);cursor:text;transition:background var(--dur-fast) var(--ease-out);background:#1a16120a;align-items:center;gap:8px;margin:0 12px 14px;padding:0 10px;font-size:13px;display:flex}.syfo-search:hover{background:#1a16120f}.syfo-search .kbd{font-family:var(--font-mono);color:var(--fg-3);margin-left:auto;font-size:11px}.syfo-section-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap;align-items:center;padding:14px 16px 6px;font-size:10.5px;font-weight:500;display:flex;position:relative}.syfo-section-label .actions{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out);gap:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-25%)}.syfo-sidebar:hover .syfo-section-label .actions,.syfo-section-label:hover .actions,.syfo-section-label:focus-within .actions{opacity:1;pointer-events:auto}.syfo-section-label .actions button{color:var(--fg-2);cursor:pointer;background:#1a16120a;border:0;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.syfo-section-label .actions button:hover{color:var(--fg-1);background:#1a161214}.syfo-sidebar-cta{border-radius:var(--radius-md);background:var(--accent);width:100%;height:38px;color:var(--fg-inverse);font-family:var(--font-sans);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:flex}.syfo-sidebar-cta:hover{background:var(--accent-hover)}.syfo-sidebar-cta:active{background:var(--accent-press)}.syfo-channel-list{flex-direction:column;gap:1px;min-height:0;padding:0 8px 4px;display:flex;overflow-y:auto}.syfo-sidebar-sortable-item{align-items:center;min-width:0;display:flex;position:relative}.syfo-sidebar-sortable-item>.syfo-channel-item{flex:auto;width:auto;min-width:0}.syfo-sidebar-sortable-item.is-draggable>.syfo-channel-item{padding-right:28px}.syfo-channel-item{border-radius:var(--radius-sm);color:var(--fg-1);cursor:pointer;min-width:0;font-size:13.5px;font-family:var(--font-sans);text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}@media (hover:hover){.syfo-channel-item:hover{background:#1a16120a}}.syfo-channel-item:active{background:#1a161214}.syfo-channel-item.is-active{background:var(--bg-paper);color:var(--accent-strong);box-shadow:none;font-weight:500}.syfo-computer-group-link{transition:color var(--dur-fast) var(--ease-out)}.syfo-computer-group-link__hint{opacity:.45;transition:opacity var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}@media (hover:hover){.syfo-computer-group-link:hover{color:var(--fg-2)}.syfo-computer-group-link:hover .syfo-computer-group-link__hint{opacity:.9;color:var(--accent-strong)}}.syfo-channel-list-panel .syfo-channel-item.is-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px #b85d2b29}.syfo-channel-item .glyph{color:var(--fg-3);flex-shrink:0;justify-content:center;align-items:center;width:14px;display:inline-flex}.syfo-channel-item.is-active .glyph{color:var(--accent)}.syfo-channel-item .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.syfo-channel-item .syfo-channel-pin-icon{flex-shrink:0}.syfo-sidebar-empty-guide{border-radius:var(--radius-sm);color:var(--fg-3);align-items:flex-start;gap:10px;padding:8px 10px 10px;font-size:13px;display:flex}.syfo-sidebar-empty-guide .glyph{width:14px;color:var(--fg-3);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.syfo-sidebar-empty-guide .name{flex:auto;min-width:0}.syfo-sidebar-empty-guide-action{color:var(--fg-2);cursor:pointer;background:#1a16120f;border:0;border-radius:6px;flex:none;padding:4px 8px;font-size:12px;line-height:16px}.syfo-sidebar-empty-guide-action:hover{color:var(--fg-1);background:#1a16121a}.syfo-sidebar-empty-guide-action:disabled{cursor:default;opacity:.45}.syfo-sidebar-pin-button{width:20px;height:20px;color:var(--fg-3);cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.syfo-sidebar-row-action{flex:0 0 24px;justify-content:center;align-items:center;width:24px;margin-left:2px;display:inline-flex}.syfo-sidebar-sortable-item.is-draggable .syfo-sidebar-row-action{margin-right:20px}.syfo-sidebar-sortable-item:focus-within .syfo-sidebar-pin-button,.syfo-sidebar-pin-button:focus-visible{opacity:1;pointer-events:auto}@media (hover:hover){.syfo-sidebar-sortable-item:hover .syfo-sidebar-pin-button{opacity:1;pointer-events:auto}.syfo-sidebar-pin-button:hover{color:var(--fg-1);background:#1a16120f}}@media (hover:none) and (pointer:coarse){.syfo-sidebar-row-action,.syfo-channel-drag-handle{pointer-events:none;display:none}}.syfo-sidebar-sortable-item .syfo-channel-drag-handle{z-index:1;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.syfo-sidebar-sortable-item:focus-within .syfo-channel-drag-handle{opacity:1}@media (hover:hover){.syfo-sidebar-sortable-item:hover .syfo-channel-drag-handle{opacity:1}}.syfo-channel-item .count{font-family:var(--font-mono);color:var(--accent);text-align:center;background:0 0;min-width:auto;padding:0;font-size:10px;font-weight:500;line-height:14px}.syfo-channel-item.is-active .count{color:var(--accent)}.syfo-dm-item{border-radius:var(--radius-sm);color:var(--fg-1);cursor:pointer;text-align:left;width:100%;min-width:0;font-size:13.5px;font-family:var(--font-sans);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}@media (hover:hover){.syfo-dm-item:hover{background:#1a16120a}}.syfo-dm-item:active{background:#1a161214}.syfo-dm-item.is-active{background:var(--bg-paper);color:var(--accent-strong);box-shadow:none;font-weight:500}.syfo-dm-item .desc{color:var(--fg-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.syfo-dm-item .name-wrap{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.syfo-dm-item .name{flex-shrink:0;font-weight:500}.syfo-content{background:var(--bg-paper);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.syfo-topbar{height:var(--topbar-h);border-bottom:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.syfo-topbar .title-block{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.syfo-topbar .title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);letter-spacing:0;font-size:16px;font-weight:600;overflow:hidden}.syfo-topbar .subtitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:var(--fg-3);font-size:12px;overflow:hidden}.syfo-topbar .actions{flex:none;align-items:center;gap:8px;display:flex}.syfo-members-list-panel{padding:24px}.syfo-members-header-invite{border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--accent);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.syfo-members-header-invite:hover,.syfo-members-header-invite:active{background:var(--accent-soft);color:var(--accent-strong)}.syfo-topbar .syfo-channel-header-actions{gap:0}.syfo-topbar .syfo-channel-header-title-block{flex-wrap:nowrap;overflow:hidden}.syfo-topbar .syfo-channel-header-title{flex:0 auto;max-width:min(600px,100%)}.syfo-topbar .syfo-channel-header-description{flex:1 1 0}.syfo-topbar .syfo-channel-header-live{flex:12ch;min-width:0;max-width:34ch;overflow:hidden}.syfo-topbar .syfo-channel-header-live>span{max-width:100%}.syfo-panel-header{height:var(--topbar-h);min-height:var(--topbar-h);border-bottom:1px solid var(--border-1);flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.syfo-panel-header .title-block{flex:1;min-width:0}.syfo-panel-header .title{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.syfo-panel-header .subtitle{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.syfo-panel-header.syfo-thread-header .title-block{align-items:baseline;gap:8px;display:flex}.syfo-panel-header.syfo-thread-header .title{flex-shrink:0}.syfo-panel-header.syfo-thread-header .subtitle{flex:1;min-width:0}.syfo-panel-header.syfo-thread-header .subtitle:before{content:"·";color:var(--fg-3);margin-right:8px}.syfo-thread-back{min-width:34px;min-height:44px;color:var(--fg-2);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:-10px;padding:0 8px;display:inline-flex}.syfo-thread-back:active{color:var(--fg-1)}@media (max-width:820px){.syfo-panel-header.syfo-thread-header{height:calc(48px + env(safe-area-inset-top,0));min-height:calc(48px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);padding-left:calc(4px + env(safe-area-inset-left,0));padding-right:calc(4px + env(safe-area-inset-right,0));gap:0}.syfo-panel-header.syfo-thread-header .title-block{flex:1;justify-content:center;align-items:center;min-width:0;padding-right:36px;overflow:hidden}.syfo-panel-header.syfo-thread-header .title{font-size:16px}.syfo-panel-header.syfo-thread-header .subtitle{flex:0 auto}.syfo-thread-back{appearance:none;min-width:auto;font:inherit;gap:6px;margin-left:0}.syfo-panel-header.syfo-thread-header:has(.icon-btn) .title-block{justify-content:flex-start;padding-right:8px}}.syfo-tabs{border-bottom:1px solid var(--border-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;flex-shrink:0;gap:0;padding:0 20px;display:flex;overflow-x:auto}.syfo-tabs::-webkit-scrollbar{display:none}.syfo-tab{color:var(--fg-2);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px;font-size:13px;display:flex}.syfo-tab:hover{color:var(--fg-1)}.syfo-tab.is-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.syfo-tab.is-active .count{color:var(--accent)}.syfo-tab .count{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}@media (max-width:820px){.syfo-tab-apps,.syfo-channel-apps-panel{display:none}}.syfo-panel{flex:1;min-height:0;overflow-y:auto}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);height:32px;color:var(--fg-1);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;line-height:1;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--fg-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-secondary{background:var(--bg-surface);border-color:var(--border-2);color:var(--fg-1)}.btn-secondary:hover{background:var(--bg-sunken)}.btn-ghost{color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-sunken);color:var(--fg-1)}.btn-icon{justify-content:center;width:32px;padding:0}.syfo-composer-attachment-remove{background:color-mix(in srgb, var(--bg-paper) 88%, transparent);color:var(--fg-2);box-shadow:0 1px 2px color-mix(in srgb, var(--fg) 16%, transparent);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:999px}.syfo-composer-attachment-remove:hover{background:var(--bg-sunken);color:var(--fg-1);box-shadow:0 2px 5px color-mix(in srgb, var(--fg) 20%, transparent)}.syfo-composer-attachment-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-sm{height:26px;padding:0 10px;font-size:12.5px}.chip{border-radius:var(--radius-xs);height:22px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;background:var(--bg-sunken);color:var(--fg-2);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.chip-accent{background:var(--accent-soft);color:var(--accent-strong)}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warning{background:var(--warning-soft);color:var(--warning)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-info{background:var(--info-soft);color:var(--info)}.chip-outline{border:1px solid var(--border-2);color:var(--fg-2);background:0 0}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.avatar{border-radius:var(--radius-xs);background:var(--bg-sunken);width:28px;height:28px;color:var(--fg-1);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:inline-flex;position:relative}.avatar.is-agent{background:var(--accent-soft);color:var(--accent-press)}.avatar.sm{width:20px;height:20px;font-size:10px}.avatar.lg{width:40px;height:40px;font-size:14px}.avatar.xl{border-radius:var(--radius-sm);width:56px;height:56px;font-size:18px}.avatar>.avatar-initials{white-space:nowrap;line-height:1;display:block}.avatar>.presence{border:2px solid var(--bg-paper);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-2px;right:-2px}.agent-avatar{flex-shrink:0;line-height:0;display:inline-flex;position:relative}.agent-avatar-status{border:2px solid var(--bg-paper);width:10px;height:10px;box-shadow:0 0 0 1px var(--border-1);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.input{font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-surface);height:36px;color:var(--fg-1);box-sizing:border-box;width:100%;max-width:100%;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:0 12px;font-size:14px}.input:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--fg-3)}.field-label{color:var(--fg-2);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field-hint{color:var(--fg-3);margin-top:6px;font-size:12px}.syfo-number-input__control::-webkit-outer-spin-button{appearance:none;margin:0}.syfo-number-input__control::-webkit-inner-spin-button{appearance:none;margin:0}.card{background:var(--bg-surface);border:1px solid var(--border-1);border-radius:var(--radius-md)}.card-pad{padding:16px 18px}.card-hover{transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);cursor:pointer}.card-hover:hover{border-color:var(--border-2);background:var(--bg-surface)}.divider{background:var(--border-1);height:1px}.mono{font-family:var(--font-mono)}.meta{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.syfo-panel::-webkit-scrollbar{width:10px}.syfo-channel-list::-webkit-scrollbar{width:10px}.syfo-panel::-webkit-scrollbar-thumb{background:var(--border-1);border:3px solid var(--bg-paper);border-radius:999px}.syfo-channel-list::-webkit-scrollbar-thumb{border:3px solid var(--bg-sunken);background:#1a16121a;border-radius:999px}.syfo-panel::-webkit-scrollbar-thumb:hover{background:var(--border-2)}.syfo-search-overlay{background:var(--bg-paper);z-index:30;animation:syfoFadeIn .16s var(--ease-out);flex-direction:column;display:flex;position:absolute;inset:0}@keyframes syfoFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.syfo-search-overlay-bar{border-bottom:1px solid var(--border-1);padding:14px 24px}.syfo-search-input{max-width:var(--content-max,980px);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-2);align-items:center;gap:12px;height:44px;margin:0 auto;padding:0 14px;display:flex}.syfo-search-input:focus-within{border-color:var(--accent);box-shadow:var(--shadow-focus)}.syfo-search-input input:focus{box-shadow:none}.syfo-ws-dropdown{left:calc(var(--rail-w) + 8px);background:var(--bg-surface);border:1px solid var(--border-2);border-radius:var(--radius-md);width:280px;box-shadow:var(--shadow-2);z-index:40;animation:syfoFadeIn .12s var(--ease-out);padding:4px;position:absolute;top:56px}.syfo-ws-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--fg-1);transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.syfo-ws-item:hover{background:var(--bg-sunken)}.syfo-scrim{z-index:35;background:0 0;position:fixed;inset:0}:root{--sf-bg-paper:var(--bg-paper);--sf-bg-surface:var(--bg-surface);--sf-text-default:var(--fg-1);--sf-text-muted:var(--fg-2);--sf-text-subtle:var(--fg-3);--sf-text-stamp:var(--accent-strong);--sf-border-default:var(--border-1);--sf-state-danger:var(--danger);--sf-space-3:var(--space-3);--sf-space-5:var(--space-6);--bg:var(--bg-paper);--surface:var(--bg-surface);--surface-2:var(--bg-sunken);--surface-3:var(--bg-sunken-2);--surface-4:var(--bg-sunken-2);--text:var(--fg-1);--text-2:var(--fg-2);--text-3:var(--fg-3);--text-4:var(--fg-3);--border:var(--border-1);--border-strong:var(--border-2);--hover:var(--bg-sunken);--active-bg:var(--bg-sunken-2);--ink:var(--accent);--ink-hover:var(--accent-hover);--ink-soft:var(--accent-soft);--ink-softer:var(--accent-soft);--ink-fg:var(--fg-inverse);--focus-ring-color:var(--accent);--voice-indigo:var(--info);--voice-amber:var(--warning);--voice-teal:var(--info);--voice-rose:var(--danger);--voice-lime:var(--success);--voice-violet:var(--accent);--voice-indigo-soft:var(--info-soft);--voice-amber-soft:var(--warning-soft);--voice-teal-soft:var(--info-soft);--voice-rose-soft:var(--danger-soft);--voice-lime-soft:var(--success-soft);--voice-violet-soft:var(--accent-soft);--success-bg:var(--success-soft);--warning-bg:var(--warning-soft);--danger-bg:var(--danger-soft);--info-bg:var(--info-soft);--success-border:var(--success);--danger-border:var(--danger);--header-h:var(--topbar-h);--s-0:2px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--t-xs:11px;--t-sm:12px;--t-base:13px;--t-md:14px;--t-lg:16px;--t-xl:19px;--t-2xl:24px;--t-3xl:32px;--t-4xl:44px;--r-xs:3px;--r-sm:5px;--r-md:7px;--r-lg:10px;--r-xl:14px;--r-2xl:20px;--r-full:9999px;--shadow-xs:var(--shadow-1);--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-focus:0 0 0 3px var(--accent-soft);--row-pad-y:5px;--row-pad-x:10px;--msg-pad-y:8px;--m-fast:var(--dur-fast);--m-base:var(--dur-base);--m-slow:var(--dur-slow);--ease:var(--ease-out)}.emoji-quick-picker{border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-surface);flex-wrap:wrap;gap:2px;padding:2px 4px;display:inline-flex}.emoji-quick-btn{border-radius:var(--radius-sm);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:20px;display:inline-flex}.emoji-quick-btn:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}@media (max-width:820px){.syfo-radio:not(.syfo-radio-bare){box-sizing:border-box;min-height:44px;padding-block:6px}.syfo-rail{display:none}.syfo-mobile-server-switcher{display:block}.syfo-app{height:calc(100dvh - var(--syfo-keyboard-inset,0px));padding-bottom:calc(56px + env(safe-area-inset-bottom,0));touch-action:manipulation;grid-template-columns:minmax(0,1fr)}.syfo-app[data-thread-open=true]{padding-bottom:env(safe-area-inset-bottom,0);grid-template-columns:minmax(0,1fr)}.syfo-app[data-thread-open=true] .syfo-bottom-tabs{display:none}.syfo-app[data-sidebar-hidden=true],.syfo-app[data-sidebar-hidden=true][data-thread-open=true]{grid-template-columns:minmax(0,1fr)}.syfo-app[data-shell-banner=true]>.syfo-sidebar,.syfo-app[data-shell-banner=true]>.syfo-content,.syfo-app[data-shell-banner=true]>.syfo-thread{grid-row:2}.syfo-shell-banner-slot,.syfo-app[data-sidebar-hidden=true]>.syfo-shell-banner-slot{grid-column:1/-1}.syfo-app[data-mobile-show=sidebar] .syfo-content,.syfo-app[data-mobile-show=sidebar] .syfo-thread,.syfo-app[data-mobile-show=content] .syfo-sidebar,.syfo-app[data-mobile-show=content] .syfo-thread,.syfo-app[data-mobile-show=thread] .syfo-sidebar,.syfo-app[data-mobile-show=thread] .syfo-content,.syfo-resize-handle{display:none}.syfo-app[data-mobile-topbar=true]{padding-top:calc(48px + env(safe-area-inset-top,0))}.syfo-app[data-mobile-topbar=true] .syfo-bottom-tabs{display:none}.syfo-app[data-mobile-topbar=true]{padding-bottom:env(safe-area-inset-bottom,0)}.syfo-mobile-topbar{height:calc(48px + env(safe-area-inset-top,0));padding-top:env(safe-area-inset-top,0);padding-left:calc(4px + env(safe-area-inset-left,0));padding-right:calc(4px + env(safe-area-inset-right,0));background:var(--bg-paper);border-bottom:1px solid var(--border-1);z-index:30;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.syfo-mobile-topbar-back{min-height:44px;color:var(--fg-2);touch-action:manipulation;background:0 0;border:none;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.syfo-mobile-topbar-back:active{color:var(--fg-1)}.syfo-mobile-topbar-back:disabled{cursor:wait;color:var(--fg-3)}.syfo-mobile-inbox-navigation-pending{inset:calc(48px + env(safe-area-inset-top,0)) 0 env(safe-area-inset-bottom,0);background:var(--bg-paper);color:var(--fg-2);pointer-events:auto;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex;position:fixed}.syfo-mobile-topbar-heading{flex:1;justify-content:center;align-items:baseline;gap:8px;min-width:0;padding-right:36px;display:flex;overflow:hidden}.syfo-mobile-topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-1);font-size:16px;font-weight:600;overflow:hidden}.syfo-mobile-topbar-title-meta{flex:none;align-items:baseline;min-width:0;display:inline-flex;overflow:hidden}.syfo-mobile-topbar-title-meta:empty{display:none}.syfo-mobile-topbar-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.syfo-mobile-topbar-actions .actions{align-items:center;gap:2px;display:flex}.syfo-mobile-topbar-actions .syfo-channel-header-actions{gap:0}.syfo-mobile-topbar:has(.syfo-mobile-topbar-actions>*) .syfo-mobile-topbar-heading{justify-content:flex-start;padding-right:8px}.syfo-members-list-topbar{padding-inline:12px}.syfo-members-list-topbar .syfo-mobile-topbar-back{margin-left:-2px}.syfo-members-header-invite{width:44px;min-width:44px;height:44px;min-height:44px}.syfo-members-list-panel{padding:16px}.syfo-files-page-header{display:none}.syfo-bottom-tabs{display:flex}.syfo-app:has(.syfo-composer:focus-within){padding-bottom:env(safe-area-inset-bottom,0)}.syfo-app:has(.syfo-composer:focus-within) .syfo-bottom-tabs{display:none}.syfo-search .kbd{display:none}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.btn-icon,.icon-btn,.emoji-quick-btn{width:44px;min-width:44px;height:44px;min-height:44px}.syfo-channel-list{gap:3px;padding:2px 8px 8px}.syfo-channel-item,.syfo-dm-item{gap:12px;min-height:44px;padding:10px 12px;line-height:20px}.syfo-channel-item .glyph{width:18px}.syfo-channel-item .count{min-width:18px;margin-left:4px;line-height:16px}.syfo-dm-item .name-wrap{gap:10px}.syfo-dm-item .desc{line-height:18px}.msg-actions{opacity:1;pointer-events:auto;box-shadow:none;background:0 0;border:0;gap:4px;margin-top:8px;padding:0;display:none;position:static;top:auto;right:auto}.msg[data-mobile-actions=open] .msg-actions{display:flex}.msg-mobile-actions-toggle{z-index:1;border-radius:var(--radius-sm);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--fg-3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:4px;right:8px}.msg[data-mobile-actions=open] .msg-mobile-actions-toggle{color:var(--accent);background:var(--bg-sunken)}.msg-actions button{width:36px;min-width:36px;height:36px;min-height:36px}.msg-actions .ico{width:16px;height:16px}.thread-link-empty{display:inline-flex}.emoji-quick-picker{gap:4px}.syfo-section-label .actions{opacity:1;pointer-events:auto}.syfo-section-label .actions button{width:30px;min-width:30px;height:30px;min-height:30px}.syfo-composer .btn-primary{min-height:36px}.syfo-composer-attachments{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;overflow:auto hidden;flex-wrap:nowrap!important}.syfo-composer-attachment{flex:0 0 min(260px,78vw);max-width:min(260px,78vw)}.syfo-composer-attachment-image{flex:none;max-width:none}.reaction{min-height:36px;padding:6px 10px}.thread-link{min-height:36px;padding:8px 12px}}.skeleton{background-color:var(--bg-sunken,#0000000f);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}