:root{--bg: var(--ch-color-background);--line: var(--ch-color-border);--soft: color-mix(in srgb, var(--ch-color-primary) 9%, var(--ch-color-surface));--note: color-mix(in srgb, var(--ch-color-warning) 14%, var(--ch-color-surface));--gap: 12px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ch-font-family);font-size:var(--ch-font-md);line-height:1.4;color:var(--ch-color-text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface);color:var(--ch-color-text);cursor:pointer;text-decoration:none;white-space:nowrap}.button:disabled{opacity:.55;cursor:default}.button--primary{background:var(--ch-color-primary);border-color:var(--ch-color-primary);color:var(--ch-color-on-primary)}.button--ghost{background:transparent}.button--ghost:hover:not(:disabled){background:var(--soft)}.button--on{border-color:var(--ch-color-primary);color:var(--ch-color-primary)}.button--wide{width:100%;min-height:42px}.icon-button{width:28px;height:28px;border:0;border-radius:var(--ch-radius-sm);background:transparent;cursor:pointer;color:var(--ch-color-muted);font-size:var(--ch-font-xl);line-height:1}.icon-button:hover{background:var(--soft);color:var(--ch-color-danger)}.field{display:grid;gap:4px}.field__label{font-size:var(--ch-font-xs);font-weight:600;color:var(--ch-color-muted)}.field__hint{margin:0;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface)}.input:focus,.composer__input:focus{outline:2px solid var(--ch-color-focus);outline-offset:0}.form-error{margin:0;color:var(--ch-color-danger);font-size:var(--ch-font-sm)}.login{min-height:100%;display:grid;place-items:center;padding:16px}.login__card{width:min(380px,100%);display:grid;gap:14px;padding:28px 24px;background:var(--ch-color-surface);border:1px solid var(--line);border-radius:var(--ch-radius-lg)}.login__title{margin:0;font-size:var(--ch-font-xl)}.login__subtitle{margin:-8px 0 4px;color:var(--ch-color-muted)}.splash,.pane-empty{display:grid;place-items:center;height:100%;padding:24px;color:var(--ch-color-muted);text-align:center}.workspace{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--gap);height:48px;padding:0 12px 0 16px;background:var(--ch-color-surface);border-bottom:1px solid var(--line);flex-shrink:0}.topbar__brand{font-weight:700}.topbar__spacer{flex:1}.topbar__who{color:var(--ch-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40vw}.workspace__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,380px) 1fr}.workspace__pane{min-width:0;min-height:0;overflow-y:auto;background:var(--ch-color-surface)}.list{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--ch-color-surface)}.list__head{display:flex;gap:8px;align-items:center;padding:12px 12px 8px}.segmented{flex:1;display:flex;padding:3px;gap:2px;background:var(--bg);border-radius:var(--ch-radius);min-width:0}.segmented__item{flex:1 1 auto;min-height:30px;padding:0 8px;border:0;border-radius:var(--ch-radius-sm);background:transparent;cursor:pointer;font-size:var(--ch-font-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented__item--on{background:var(--ch-color-surface);box-shadow:0 1px 2px color-mix(in srgb,var(--ch-color-text) 8%,transparent);font-weight:600}.chips{display:flex;gap:6px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--ch-radius-pill);background:transparent;cursor:pointer;font-size:var(--ch-font-sm);white-space:nowrap}.chip--on{background:var(--ch-color-text);border-color:var(--ch-color-text);color:var(--ch-color-surface)}.chip--saved{border-style:dashed}.list__items{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;border-top:1px solid var(--line)}.list__empty{padding:24px;text-align:center;color:var(--ch-color-muted)}.list__more{margin:8px 12px 12px}.row{display:flex;gap:10px;padding:10px 12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}.row:hover{background:var(--bg)}.row--active{background:var(--soft)}.avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--ch-color-primary);font-weight:700}.row__main{flex:1;min-width:0;display:grid;gap:2px}.row__top,.row__bottom{display:flex;align-items:center;gap:8px;min-width:0}.row__name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__time{flex-shrink:0;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.row__preview{flex:1;min-width:0;color:var(--ch-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--ch-color-primary)}.badge{flex-shrink:0;padding:1px 6px;border-radius:var(--ch-radius-sm);font-size:var(--ch-font-xs);font-weight:600}.badge--high{background:color-mix(in srgb,var(--ch-color-warning) 18%,transparent);color:var(--ch-color-warning)}.badge--urgent{background:color-mix(in srgb,var(--ch-color-danger) 15%,transparent);color:var(--ch-color-danger)}.popover,.menu{z-index:20;background:var(--ch-color-surface);border:1px solid var(--line);border-radius:var(--ch-radius);box-shadow:0 12px 32px color-mix(in srgb,var(--ch-color-text) 14%,transparent)}.popover{width:min(340px,calc(100vw - 24px));padding:14px;display:grid;gap:12px}.popover__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.popover__row{display:flex;justify-content:flex-end}.popover__save{display:flex;gap:8px}.popover__saved{list-style:none;margin:0;padding:8px 0 0;display:grid;gap:2px;border-top:1px solid var(--line)}.popover__saved li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.menu{min-width:200px;padding:4px}.menu__item{position:relative;display:flex;align-items:center;min-height:34px;padding:0 10px 0 28px;border-radius:var(--ch-radius);cursor:pointer;outline:none}.menu__item[data-highlighted]{background:var(--soft)}.menu__item--checked:before{content:"✓";position:absolute;left:10px;color:var(--ch-color-primary)}.menu__separator{height:1px;margin:4px;background:var(--line)}.conversation{height:100%;display:flex;flex-direction:column;min-height:0}.conversation__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 16px;border-bottom:1px solid var(--line)}.conversation__back{display:none}.conversation__title{flex:1;min-width:180px}.conversation__title h2{margin:0;font-size:var(--ch-font-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation__meta{margin:2px 0 0;font-size:var(--ch-font-sm);color:var(--ch-color-muted)}.conversation__actions{display:flex;flex-wrap:wrap;gap:6px}.conversation__error{padding:8px 16px 0}.timeline{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.timeline__older{align-self:center}.message{max-width:min(560px,85%);padding:8px 12px;border-radius:var(--ch-radius);background:var(--ch-color-surface);border:1px solid var(--line);display:grid;gap:2px;align-self:flex-start}.message--outbound{align-self:flex-end;background:var(--soft);border-color:transparent}.message--note{align-self:flex-end;background:var(--note);border:1px dashed color-mix(in srgb,var(--ch-color-warning) 45%,transparent)}.message__author{font-size:var(--ch-font-xs);font-weight:600;color:var(--ch-color-muted)}.message__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message__meta{justify-self:end;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.composer{border-top:1px solid var(--line);padding:8px 16px 12px;display:grid;gap:8px;background:var(--ch-color-surface)}.composer--note{background:var(--note)}.composer__modes{display:flex;align-items:center;gap:4px}.composer__mode{min-height:30px;padding:0 10px;border:0;border-radius:var(--ch-radius);background:transparent;cursor:pointer;color:var(--ch-color-muted)}.composer__mode--on{background:var(--soft);color:var(--ch-color-text);font-weight:600}.composer__hint{margin-left:auto;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.composer__input{width:100%;resize:vertical;min-height:72px;max-height:40vh;padding:10px 12px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface)}.composer__foot{display:flex;align-items:center;justify-content:flex-end;gap:12px}@media(max-width:782px){.workspace__body{grid-template-columns:1fr}.workspace--open .list{display:none}.workspace:not(.workspace--open) .workspace__pane{display:none}.workspace--open .topbar{display:none}.list{border-right:0}.conversation__back{display:inline-flex}.conversation__head{padding:8px 12px}.conversation__title{min-width:0;flex-basis:calc(100% - 120px)}.conversation__actions{width:100%}.conversation__actions .button{min-height:32px;padding:0 10px;font-size:var(--ch-font-sm)}.composer__hint{display:none}.timeline{padding:12px}.message{max-width:92%}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ch-color-focus);outline-offset:2px}.button--danger{background:transparent;color:var(--ch-color-danger);border-color:color-mix(in srgb,var(--ch-color-danger) 45%,transparent)}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--ch-color-danger) 8%,transparent)}.button--danger-solid{background:var(--ch-color-danger);border-color:var(--ch-color-danger);color:var(--ch-color-on-danger)}.overlay.overlay--confirm{z-index:70}.confirm{position:fixed;z-index:71;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px));display:grid;gap:var(--ch-space-3);padding:var(--ch-space-5);background:var(--ch-color-surface);border-radius:var(--ch-radius-lg);box-shadow:0 24px 64px color-mix(in srgb,var(--ch-color-text) 25%,transparent)}.confirm__title{margin:0;font-size:var(--ch-font-lg)}.confirm__text{margin:0;color:var(--ch-color-muted)}.confirm__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--ch-space-2)}.notice{margin:0;padding:var(--ch-space-2) var(--ch-space-3);border-radius:var(--ch-radius);font-size:var(--ch-font-sm);background:color-mix(in srgb,var(--ch-color-warning) 10%,var(--ch-color-surface));border:1px solid color-mix(in srgb,var(--ch-color-warning) 35%,transparent)}.stack>.button:not(.button--wide){justify-self:start}@media(max-width:782px){.button{min-height:44px}.icon-button{min-width:44px;min-height:44px}}:where(a,a:visited){color:var(--ch-color-primary)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--ch-color-primary)}.form-error,.field__error{margin:0;font-size:var(--ch-font-sm);color:var(--ch-color-danger)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--ch-space-2)}@media(max-width:782px){.segmented__item,.input,.input--compact{min-height:44px}}.unread{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:var(--ch-radius-pill);display:inline-grid;place-items:center;font-size:var(--ch-font-xs);font-weight:700;background:var(--ch-color-primary);color:var(--ch-color-on-primary)}.labels{display:flex;flex-wrap:wrap;gap:4px}.label-chip{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:var(--ch-radius-pill);font-size:var(--ch-font-xs);background:var(--bg);color:var(--ch-color-text);white-space:nowrap}.label-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--label, var(--ch-color-muted))}.row__labels{display:flex;gap:4px;min-width:0;overflow:hidden}.message{position:relative}.message__quote{margin:0 0 4px;padding:4px 8px;border-left:3px solid var(--ch-color-primary);border-radius:var(--ch-radius-sm);background:color-mix(in srgb,var(--ch-color-text) 5%,transparent);font-size:var(--ch-font-sm);color:var(--ch-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.message__reply{position:absolute;top:4px;right:-34px;width:28px;height:28px;border:0;border-radius:50%;background:var(--ch-color-surface);box-shadow:0 1px 3px color-mix(in srgb,var(--ch-color-text) 15%,transparent);cursor:pointer;opacity:0;transition:opacity .12s}.message--outbound .message__reply,.message--note .message__reply{right:auto;left:-34px}.message:hover .message__reply,.message__reply:focus-visible{opacity:1}.message__reply:before{content:"↩";color:var(--ch-color-muted)}.message__files{display:grid;gap:6px;margin-top:2px}.attachment{display:inline-flex;color:inherit;text-decoration:none}.attachment--image img,.attachment__placeholder{display:block;max-width:min(280px,100%);max-height:240px;border-radius:var(--ch-radius);object-fit:cover}.attachment__placeholder{width:200px;height:140px;background:var(--bg)}.attachment--file{align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface);max-width:100%}.attachment__icon{width:18px;height:22px;border:2px solid var(--ch-color-muted);border-radius:var(--ch-radius-sm);flex-shrink:0}.attachment__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.attachment__size{flex-shrink:0;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.composer__quote{display:flex;align-items:center;gap:8px;padding:6px 8px;border-left:3px solid var(--ch-color-primary);border-radius:var(--ch-radius-sm);background:var(--bg);font-size:var(--ch-font-sm)}.composer__quote-label{flex-shrink:0;font-weight:600;color:var(--ch-color-muted)}.composer__quote-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer__field{position:relative}.composer__files{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.composer__spacer{flex:1}.composer__foot{justify-content:flex-start}.file-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:2px 4px 2px 10px;border:1px solid var(--line);border-radius:var(--ch-radius-pill);font-size:var(--ch-font-sm);background:var(--ch-color-surface)}.file-chip--failed{border-color:var(--ch-color-danger);color:var(--ch-color-danger)}.file-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.file-chip__meta{color:var(--ch-color-muted);flex-shrink:0}.suggest{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:10;list-style:none;margin:0;padding:4px;background:var(--ch-color-surface);border:1px solid var(--line);border-radius:var(--ch-radius);box-shadow:0 12px 32px color-mix(in srgb,var(--ch-color-text) 14%,transparent);max-height:240px;overflow-y:auto}.suggest__item{width:100%;display:grid;gap:1px;padding:6px 10px;border:0;border-radius:var(--ch-radius);background:transparent;text-align:left;cursor:pointer}.suggest__item--on,.suggest__item:hover{background:var(--soft)}.suggest__label{font-weight:600}.suggest__detail{font-size:var(--ch-font-xs);color:var(--ch-color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ch-color-success);flex-shrink:0}.live-dot--offline{background:var(--ch-color-danger)}.live-dot--connecting{background:var(--ch-color-warning)}.offline-banner{padding:6px 16px;font-size:var(--ch-font-sm);text-align:center;background:color-mix(in srgb,var(--ch-color-danger) 10%,var(--ch-color-surface));color:var(--ch-color-danger);border-bottom:1px solid var(--line)}.sound-toggle,.bell{position:relative;width:36px;height:36px;border:1px solid var(--line);border-radius:var(--ch-radius);background:transparent;cursor:pointer;display:grid;place-items:center}.sound-toggle:before{content:"♪";font-size:var(--ch-font-lg);color:var(--ch-color-muted)}.sound-toggle--off:before{content:"♪";opacity:.35;text-decoration:line-through}.bell__icon{width:14px;height:14px;border:2px solid var(--ch-color-muted);border-bottom-width:3px;border-radius:7px 7px 2px 2px}.bell--on .bell__icon{border-color:var(--ch-color-primary)}.bell__count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--ch-radius-pill);background:var(--ch-color-danger);color:var(--ch-color-on-danger);font-size:var(--ch-font-xs);font-weight:700;display:grid;place-items:center}.notifications{width:min(320px,calc(100vw - 24px));gap:6px}.notifications__title{margin:0;font-size:var(--ch-font-md)}.notifications__empty{margin:0;color:var(--ch-color-muted)}.notifications__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.notifications__item{width:100%;display:flex;justify-content:space-between;gap:8px;padding:8px;border:0;border-radius:var(--ch-radius);background:transparent;cursor:pointer;text-align:left}.notifications__item:hover{background:var(--soft)}.notifications__time{flex-shrink:0;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.toasts{position:fixed;right:16px;bottom:16px;z-index:30;display:grid;gap:8px}.toast{padding:10px 14px;border:0;border-radius:var(--ch-radius);background:var(--ch-color-text);color:var(--ch-color-surface);box-shadow:0 8px 24px color-mix(in srgb,var(--ch-color-text) 25%,transparent);cursor:pointer;text-align:left;max-width:min(320px,calc(100vw - 32px))}.menu__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}@media(max-width:782px){.topbar .bell{display:none}.message__reply{opacity:1;position:static;width:26px;height:26px;justify-self:end;box-shadow:none;background:transparent}.toasts{left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom))}}.contacts{display:grid;align-content:start;gap:12px;padding:16px;max-width:860px;min-width:0}.contacts__title{margin:0;font-size:var(--ch-font-xl);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contacts__search{width:100%}.contacts__list{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:0}.contact-row{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--ch-color-border);border-radius:var(--ch-radius);color:inherit;text-decoration:none;min-width:0}.contact-row:hover{background:color-mix(in srgb,currentColor 4%,transparent)}.contact-row__name{font-weight:600;display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.contact-row__meta{font-size:var(--ch-font-sm);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card__block{display:grid;gap:8px;padding-top:8px;border-top:1px solid var(--ch-color-border)}.contact-card__block h2{margin:0;font-size:var(--ch-font-lg)}.contact-card__note{display:grid;gap:6px}.duplicate{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--ch-color-border);border-radius:var(--ch-radius)}.duplicate .field__hint{margin:0}.duplicate__people{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600}.identities{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.identity{font-size:var(--ch-font-sm);padding:4px 10px;border-radius:var(--ch-radius-pill);border:1px solid var(--ch-color-border);overflow-wrap:anywhere}.identity__kind{opacity:.7}.identity__verified{margin-left:6px;font-size:var(--ch-font-xs);color:var(--ch-color-success-text)}.note{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid var(--ch-color-border)}.note__text{white-space:pre-wrap;overflow-wrap:anywhere}.merge-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--ch-color-text) 45%,transparent)}.merge{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:12px;padding:16px;border-radius:var(--ch-radius-lg);background:var(--ch-color-surface);color:var(--ch-color-text, inherit)}.merge h2{margin:0;font-size:var(--ch-font-xl)}.merge fieldset{display:grid;gap:4px;margin:0;padding:8px 12px;border:1px solid var(--ch-color-border);border-radius:var(--ch-radius)}.merge__moves ul{margin:4px 0;padding-left:18px}.merge__actions{display:flex;flex-wrap:wrap;gap:8px}.conversation__contact{color:inherit;text-decoration:none}.conversation__contact:hover{text-decoration:underline}.related{margin-top:6px;font-size:var(--ch-font-sm)}.related summary{cursor:pointer;opacity:.85}.related__heading{margin:6px 0 2px;font-weight:600}.related__list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.related__list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.related__text{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.related__form{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.related__form .input{width:140px}.workspace__body--nav{grid-template-columns:232px minmax(300px,360px) 1fr}.workspace__body--nav-closed{grid-template-columns:minmax(320px,380px) 1fr}.nav{min-height:0;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--line)}.workspace__body--nav-closed>.nav{display:none}.nav__scroll{flex:1;min-height:0;overflow-y:auto;padding:10px 8px;display:grid;align-content:start;gap:1px}.nav__heading{margin:12px 8px 4px;font-size:var(--ch-font-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ch-color-muted)}.nav__heading:first-child{margin-top:2px}.nav__link{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border-radius:var(--ch-radius);color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav__link:hover{background:color-mix(in srgb,var(--ch-color-text) 6%,transparent)}.nav__link--on{background:var(--ch-color-surface);font-weight:600;box-shadow:0 1px 2px color-mix(in srgb,var(--ch-color-text) 6%,transparent)}.nav__swatch{flex-shrink:0;width:8px;height:8px;border-radius:50%}.nav__me{display:flex;align-items:center;gap:8px;margin:8px;padding:8px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface);cursor:pointer;text-align:left}.nav__me-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.avatar--small{width:28px;height:28px;font-size:var(--ch-font-sm)}.presence{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:var(--ch-font-xs);color:var(--ch-color-muted)}.presence:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ch-color-muted)}.presence--online:before{background:var(--ch-color-success)}.presence--busy:before{background:var(--ch-color-warning)}.topbar__menu{display:inline-flex}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:color-mix(in srgb,var(--ch-color-text) 35%,transparent)}.sheet{position:fixed;z-index:41;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--ch-color-surface);border-radius:var(--ch-radius-lg);box-shadow:0 24px 64px color-mix(in srgb,var(--ch-color-text) 25%,transparent);padding:16px}.sheet__head{position:sticky;top:calc(-1 * var(--ch-space-4));z-index:1;display:flex;align-items:center;justify-content:space-between;margin:calc(-1 * var(--ch-space-4)) calc(-1 * var(--ch-space-4)) 0;padding:var(--ch-space-3) var(--ch-space-4);background:inherit}.sheet--profile{background:var(--ch-color-background);display:grid;gap:var(--ch-space-3)}.profile-who{display:flex;align-items:center;gap:var(--ch-space-3);padding:var(--ch-space-3) var(--ch-space-4);background:var(--ch-color-surface);border:1px solid var(--ch-color-border);border-radius:var(--ch-radius-lg)}.profile-who__avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--ch-color-primary);color:var(--ch-color-on-primary);font-weight:700}.profile-who__text{display:grid;min-width:0}.profile-who__name{font-size:var(--ch-font-lg);font-weight:700}.profile-who__meta{font-size:var(--ch-font-sm);color:var(--ch-color-muted);overflow-wrap:anywhere}.sheet__block{display:grid;gap:var(--ch-space-3);padding:var(--ch-space-4);background:var(--ch-color-surface);border:1px solid var(--ch-color-border);border-radius:var(--ch-radius-lg)}.sheet__block-title{margin:0;font-size:var(--ch-font-lg);font-weight:700;color:var(--ch-color-text)}.sheet__part{display:grid;gap:var(--ch-space-2)}.sheet__part+.sheet__part{padding-top:var(--ch-space-3);border-top:1px solid var(--ch-color-border)}.sheet__subtitle{margin:0;font-size:var(--ch-font-md);font-weight:600;color:var(--ch-color-text)}.way{display:flex;align-items:center;justify-content:space-between;gap:var(--ch-space-3);min-height:44px}.way__text{display:grid;min-width:0}.way__name{font-weight:600}.way__state{font-size:var(--ch-font-sm);color:var(--ch-color-muted)}.notify-grid__head--off{opacity:.6}.sheet__signout{margin-top:var(--ch-space-1)}.sheet__part>.button:not(.button--wide){justify-self:start}.notify-grid__cell{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.sheet__title{margin:0;font-size:var(--ch-font-xl)}.sheet__section{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.sheet__section--last{border-bottom:0;padding-bottom:0}.sheet__section h3{margin:0;font-size:var(--ch-font-sm);color:var(--ch-color-muted)}.sheet__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet__stack{display:grid;gap:8px;justify-items:start}.check{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--ch-color-primary)}.drawer{position:fixed;z-index:41;top:0;bottom:0;left:0;width:min(300px,86vw);background:var(--bg);box-shadow:0 0 48px color-mix(in srgb,var(--ch-color-text) 25%,transparent);display:flex;flex-direction:column}.drawer__title{margin:0;padding:14px 16px 4px;font-size:var(--ch-font-lg)}.drawer .nav{flex:1;border-right:0}.bottom-nav{display:none}@media(max-width:782px){.workspace__body--nav,.workspace__body--nav-closed{grid-template-columns:1fr}.workspace__body>.nav{display:none}.topbar__menu{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);flex-shrink:0;height:60px;padding-bottom:env(safe-area-inset-bottom);background:var(--ch-color-surface);border-top:1px solid var(--line)}.workspace--open .bottom-nav{display:none}.bottom-nav__item,.bottom-nav .bell{display:grid;justify-items:center;align-content:center;gap:3px;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--ch-color-muted);font-size:var(--ch-font-xs);text-decoration:none;cursor:pointer}.bottom-nav__item--on{color:var(--ch-color-primary);font-weight:600}.bottom-nav__icon{width:20px;height:18px;border:2px solid currentColor;border-radius:var(--ch-radius-sm)}.bottom-nav__icon--at{border-radius:50%}.bottom-nav__icon--menu{border-width:2px 0;border-radius:0;height:12px}.bottom-nav__icon--me{border-radius:50% 50% 8px 8px}.bottom-nav .bell__count{top:2px;right:calc(50% - 22px)}}.sessions{list-style:none;margin:0;padding:0;display:grid;gap:8px}.sessions__item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.sessions__text{display:grid;min-width:0}.sessions__device{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sessions__meta{color:var(--ch-color-muted);font-size:var(--ch-font-sm);overflow-wrap:anywhere}.stack{display:grid;gap:10px}.login__link{justify-self:center;font-size:var(--ch-font-sm);color:var(--ch-color-primary);text-decoration:none}.qr{display:block;width:200px;height:200px;border-radius:var(--ch-radius);background:var(--ch-color-surface);justify-self:center}.qr--empty{background:var(--bg)}.codes{margin:0;padding:10px 12px;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--bg);border-radius:var(--ch-radius)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--ch-font-sm);word-break:break-all}.settings{height:100%;overflow-y:auto;background:var(--bg)}.settings__head{position:sticky;top:0;z-index:1;padding:14px 20px 8px;background:var(--bg)}.settings__head h2{margin:0 0 10px;font-size:var(--ch-font-xl)}.settings__head .chips{padding:0}.settings__body{padding:4px 20px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:860px}.settings__body>*{min-width:0}a.chip{color:inherit;text-decoration:none;display:inline-flex;align-items:center}a.chip--on{color:var(--ch-color-surface)}.settings__block{display:grid;gap:10px;padding:14px 16px;background:var(--ch-color-surface);border:1px solid var(--line);border-radius:var(--ch-radius)}.settings__block h3{margin:0;font-size:var(--ch-font-md)}.settings__form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:end}.settings__form--wide{grid-template-columns:1fr}.settings__list{list-style:none;margin:0;padding:0;display:grid}.settings__list li{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--line)}.settings__list li:first-child{border-top:0}.settings__main{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings__picker{display:flex;flex-wrap:wrap;gap:2px 16px}.input--compact{width:auto;min-height:34px;padding:4px 8px}.input--color{width:52px;padding:2px}.nav__link--settings{color:var(--ch-color-muted)}.workspace__body--settings{grid-template-columns:232px 1fr}.workspace__body--settings.workspace__body--nav-closed{grid-template-columns:1fr}@media(max-width:782px){.workspace__body--settings{grid-template-columns:1fr}.workspace .workspace__body--settings>.workspace__pane{display:block}.settings__form{grid-template-columns:1fr}.settings__head,.settings__body{padding-left:12px;padding-right:12px}.settings__list li{flex-wrap:wrap;padding:var(--ch-space-2) 0}.settings__main{flex:1 1 100%;white-space:normal}.input--compact,.settings__head .chip{min-height:44px}}.login__brand{display:flex;align-items:center;gap:12px;min-width:0}.login__brand .login__title{min-width:0;overflow-wrap:anywhere}.login__logo{width:44px;height:44px;object-fit:contain;border-radius:var(--ch-radius);flex-shrink:0}.topbar__logo{width:24px;height:24px;object-fit:contain;border-radius:var(--ch-radius-sm);flex-shrink:0}.topbar__brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-logo__img{width:56px;height:56px;object-fit:contain;padding:4px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface)}.color-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-field input[type=color]{width:44px;height:36px;padding:2px;cursor:pointer;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--ch-color-surface)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.snippet{margin:0;padding:12px;max-width:100%;overflow-x:auto;font-size:var(--ch-font-xs);white-space:pre;background:var(--bg);border:1px solid var(--line);border-radius:var(--ch-radius)}.key-id{font-size:var(--ch-font-xs);word-break:break-all}.embed-state{min-height:100%;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ch-color-muted)}.channel-icon{flex-shrink:0;color:var(--ch-color-muted)}.nav__link .channel-icon{margin-right:2px}.nav__link--on .channel-icon{color:currentColor}.nav__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--ch-radius);display:inline-grid;place-items:center;font-size:var(--ch-font-xs);font-weight:700;background:var(--ch-color-primary);color:var(--ch-color-on-primary)}.channel-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.channel-head code{font-size:var(--ch-font-xs)}.status-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--ch-radius);font-size:var(--ch-font-xs);font-weight:600;background:var(--bg);color:var(--ch-color-muted);border:1px solid var(--line)}.status-badge--connected{color:var(--ch-color-success-text);border-color:color-mix(in srgb,var(--ch-color-success) 35%,transparent)}.status-badge--action_required,.status-badge--error{color:var(--ch-color-danger);border-color:color-mix(in srgb,var(--ch-color-danger) 35%,transparent)}.status-badge--paused{color:var(--ch-color-warning);border-color:color-mix(in srgb,var(--ch-color-warning) 35%,transparent)}.message__error{display:block;margin-top:2px;font-size:var(--ch-font-xs);color:var(--ch-color-danger);overflow-wrap:anywhere}.channel-settings{display:grid;gap:8px;max-width:420px}.channel-settings__actions{display:flex;align-items:center;gap:12px}.start{padding:0 12px 8px}.start__panel{display:grid;gap:8px;margin-top:8px}.start__actions{display:flex;flex-wrap:wrap;gap:8px}.settings__list .role-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px}.settings__list .role-row>:not(.role-row__actions){grid-column:1}.role-row__actions{grid-column:2;grid-row:1 / span 3;display:flex;flex-wrap:wrap;gap:6px}.role-form{display:grid;gap:8px;max-width:560px}.role-form__group{display:grid;gap:4px;margin:0;padding:8px 12px;border:1px solid var(--ch-color-border);border-radius:var(--ch-radius)}.role-form__actions{display:flex;flex-wrap:wrap;gap:8px}.team-picker{display:flex;flex-wrap:wrap;gap:4px 16px}.assignment{display:grid;gap:8px;max-width:560px}.channel-audience{max-width:560px}.notify-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:var(--ch-space-2) var(--ch-space-3);align-items:center}.notify-grid__head{font-size:var(--ch-font-xs);opacity:.75;text-align:center}.notify-grid input{justify-self:center;width:18px;height:18px}.connect-flow{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--ch-radius);background:var(--bg)}.connect-flow__title{margin:0;font-size:var(--ch-font-lg)}.connect-flow__actions{display:flex;gap:8px;flex-wrap:wrap}.reply-window{margin:0;padding:8px 12px;font-size:var(--ch-font-sm);border-top:1px solid var(--line);background:color-mix(in srgb,var(--ch-color-danger) 7%,var(--ch-color-surface));color:var(--ch-color-text)}