.chat-viewport{background:var(--bg-primary);flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.chat-layout{background:var(--bg-primary);min-height:0;color:var(--text-primary);font-family:var(--font-sans), system-ui, sans-serif;flex:1;display:flex}.chat-list{background:var(--bg-primary);width:100%;min-width:0;padding-bottom:var(--tk-nav-h);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.chat-list>*{flex:none}.chat-main,.chat-layout.selected .chat-list{display:none}.chat-layout.selected .chat-main{display:flex}@media (min-width:1024px){.chat-viewport{left:var(--tk-rail-w)}.chat-list{border-right:1px solid var(--border-color);flex:0 0 340px;width:340px;display:flex!important}.chat-main{display:flex!important}}.chat-list-head{padding:var(--dense-gap) var(--dense-gutter);border-bottom:1px solid var(--border-color)}.chat-broadcast-btn{border-radius:var(--radius-md);background:var(--color-accent);width:100%;color:var(--color-on-accent);font-family:inherit;font-weight:700;font-size:var(--text-md);padding:var(--space-3);cursor:pointer;border:none}.chat-broadcast-btn:hover{filter:brightness(1.1)}.chat-section-label{padding:var(--space-3) var(--dense-gutter) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-secondary)}.chat-list-item{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--dense-gutter);border-bottom:1px solid var(--input-bg);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);background:0 0;border-left:3px solid #0000;font-family:inherit;display:flex}.chat-list-item:hover{background:var(--bg-secondary)}.chat-list-item.active{background:var(--bg-secondary);border-left-color:var(--color-accent)}.chat-li-main{flex:1;min-width:0}.chat-li-name{font-weight:600;font-size:var(--text-md)}.chat-li-preview{color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-li-time{color:var(--text-secondary);font-size:var(--text-xs);flex:none}.chat-badge{background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-xs);border-radius:var(--radius-pill);min-width:20px;height:20px;padding:0 var(--space-2);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.chat-main{flex-direction:column;flex:1;min-width:0;min-height:0}.chat-error{padding:var(--space-2) var(--dense-gutter);border-bottom:1px solid var(--border-color);color:var(--color-danger);font-size:var(--text-base);flex:none;font-weight:600;line-height:1.4}.chat-empty{color:var(--text-secondary);text-align:center;padding:var(--space-6);margin:auto}.chat-none{color:var(--text-secondary);font-size:var(--text-md);margin:0}.chat-viewport .tkc-composer{padding-bottom:max(var(--space-2), env(safe-area-inset-bottom,0px))}.chat-viewport.tk-kb-open .tkc-composer{padding-bottom:var(--space-2)}.chat-pick-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:260px;overflow-y:auto}.chat-pick-empty{padding:var(--space-3);color:var(--text-secondary);font-size:var(--text-md)}.chat-pick-row{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-color);font-size:var(--text-md);cursor:pointer;display:flex}.chat-pick-row:last-child{border-bottom:none}.nav-badge{background:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-2xs);border-radius:var(--radius-pill);min-width:16px;height:16px;padding:0 var(--space-1);margin-left:var(--space-1);justify-content:center;align-items:center;font-weight:700;display:inline-flex}