.conversation-workspace{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;grid-template-columns:minmax(220px,290px) minmax(0,1fr);min-width:0;height:clamp(480px,100dvh - 220px,820px);min-height:0;display:grid;overflow:hidden}.conversation-inbox{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-inbox-heading{justify-content:space-between;align-items:center;gap:10px;padding:24px 20px 12px;display:flex}.conversation-inbox-heading .eyebrow{font-size:10px}.conversation-inbox-heading h2{font-family:var(--font-sans);margin-top:8px;font-size:25px;font-weight:500;line-height:1.15}.conversation-inbox .icon-button{flex-shrink:0;width:44px;height:44px}.conversation-new-group{color:var(--accent-dark);align-self:flex-start;align-items:center;gap:8px;min-height:44px;margin-bottom:10px;padding:0 20px;font-size:12px;display:inline-flex}.conversation-list{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.conversation-list-item{border-top:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:11px;width:100%;min-height:88px;padding:17px 16px;display:flex}.conversation-list-item:hover{background:var(--hover-surface)}.conversation-list-item.selected{background:var(--soft-surface);box-shadow:inset 3px 0 var(--accent-dark)}.conversation-kind-icon{background:var(--icon-surface);width:37px;height:37px;color:var(--secondary-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.conversation-list-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.conversation-list-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:550;overflow:hidden}.conversation-list-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.65;overflow:hidden}.conversation-list-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.conversation-list-meta time{color:var(--muted);font-size:10px;line-height:1.5}.conversation-unread{text-align:center;background:var(--accent-dark);min-width:20px;min-height:20px;color:var(--paper);border-radius:20px;padding:1px 5px;font-size:12px;font-weight:600}.conversation-more{justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px;display:flex}.conversation-thread{flex-direction:column;min-width:0;min-height:0;display:flex}.conversation-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;min-height:56px;padding:5px 20px;display:flex}.conversation-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.conversation-toolbar .quiet-link{align-items:center;gap:6px;min-height:44px;font-size:12px;display:inline-flex}.conversation-toolbar .conversation-back{margin-right:auto;display:none}.conversation-stream-slot{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation-stream-slot .chat-box{border:0;border-radius:0;flex-direction:column;flex:1;min-height:0;display:flex}.conversation-stream-slot .chat-footnote{display:none}.conversation-stream-slot .chat-room-header{min-height:78px;padding:18px 21px}.conversation-stream-slot .chat-room-header>div{flex:1;min-width:0}.conversation-stream-slot .chat-room-header>div>div{min-width:0}.conversation-stream-slot .room-hash{flex-shrink:0}.conversation-stream-slot .chat-room-header h2{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.conversation-stream-slot .message-list{flex:1;height:auto;min-height:0;padding-left:20px;padding-right:20px}.conversation-stream-slot .chat-composer{padding-left:20px;padding-right:20px}.conversation-stream-slot .composer-footer>span{max-width:240px;font-size:11px}.conversation-state{color:var(--muted);padding:24px 20px;font-size:13px;line-height:1.8}.conversation-state .quiet-link{min-height:44px;margin-top:8px}.conversation-access-error{color:var(--muted);padding:38px 28px;font-size:14px}.conversation-access-error h2{color:var(--ink);font-family:var(--font-sans);font-size:27px;font-weight:500;line-height:1.15}.conversation-access-error p{margin:18px 0 22px}.conversation-modal>.modal{width:520px;max-height:calc(var(--app-height,100dvh) - 48px);overflow:auto}.conversation-modal .modal h2{overflow-wrap:anywhere;padding-right:10px}.conversation-modal-description{color:var(--muted);margin:14px 0 20px;font-size:13px;line-height:1.8}.conversation-group-name{margin-bottom:18px}.conversation-selected{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.conversation-selected button{background:var(--soft-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--secondary-ink);align-items:center;gap:7px;max-width:100%;min-height:36px;padding:7px 9px;font-size:12px;display:inline-flex}.conversation-selected button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-selected svg{flex-shrink:0}.conversation-search{border:1px solid var(--control-border);border-radius:var(--radius);min-height:48px;color:var(--muted);background:var(--surface);align-items:center;gap:11px;margin-bottom:10px;padding:0 14px;display:flex}.conversation-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:11px 0;font-size:14px}.conversation-search:focus-within{outline:1px solid var(--focus);outline-offset:2px}.conversation-people{border:0;border-bottom:1px solid var(--border);overscroll-behavior:contain;min-width:0;min-height:90px;max-height:270px;margin:0 0 12px;padding:0;overflow-y:auto}.conversation-person-option{border-top:1px solid var(--border);cursor:pointer;border-radius:2px;align-items:center;gap:12px;min-height:64px;padding:10px 8px;display:flex}.conversation-person-option:first-of-type{border-top:0}.conversation-person-option.selected{background:var(--soft-surface)}.conversation-person-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.conversation-person-option:has(input:disabled){cursor:default;opacity:.55}.conversation-person-option input{width:18px;height:18px;accent-color:var(--accent-dark);flex-shrink:0;margin:0 1px 0 0;padding:0}.conversation-person-option>span:last-child{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:13px}.conversation-picker-footer{justify-content:flex-end;display:flex}.conversation-modal .conversation-picker-footer .button{min-height:48px;margin-top:20px}.conversation-modal .notice{margin-top:16px}.conversation-rename{align-items:flex-end;gap:10px;margin:22px 0;display:flex}.conversation-rename .field{flex:1;min-width:0}.conversation-modal .conversation-rename .button{flex-shrink:0;min-height:49px;margin:0}.conversation-participant-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.conversation-participant-heading h3{font-size:13px;font-weight:550}.conversation-participant-heading .quiet-link{align-items:center;gap:7px;min-height:44px;font-size:12px;display:inline-flex}.conversation-participant-list{margin:0;padding:0;list-style:none}.conversation-participant-list li{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:14px 0;display:flex}.conversation-participant-list li>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conversation-participant-list strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:500}.conversation-participant-list li>div>span{color:var(--accent-dark);font-size:12px}.conversation-participant-list .quiet-link{min-height:44px;font-size:12px}.conversation-leave{align-items:center;gap:9px;min-height:48px;margin-top:20px;font-size:13px;display:inline-flex}@media (width<=1100px) and (width>=901px){.conversation-workspace{grid-template-columns:210px minmax(0,1fr)}.conversation-inbox-heading{padding-left:14px;padding-right:12px}.conversation-list-item{gap:8px;padding-left:12px;padding-right:12px}.conversation-list-meta time,.conversation-stream-slot .chat-private{display:none}}@media (width<=900px){.conversation-workspace{background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.conversation-workspace[data-view=inbox] .conversation-thread,.conversation-workspace[data-view=thread] .conversation-inbox{display:none}.conversation-inbox{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1}.conversation-inbox-heading{padding:22px 18px 10px}.conversation-inbox-heading .eyebrow{font-size:11px}.conversation-inbox-heading h2{font-size:34px}.conversation-new-group{padding-left:18px;font-size:13px}.conversation-list-item{min-height:88px;padding:17px 16px}.conversation-list-title{font-size:14px}.conversation-list-preview,.conversation-list-meta time{font-size:12px}.conversation-thread{flex:1}.conversation-toolbar{border:0;justify-content:space-between;gap:8px;min-height:44px;padding:0 2px 4px}.conversation-toolbar .conversation-back{font-size:12px;display:inline-flex}.conversation-toolbar-actions{flex-wrap:nowrap;gap:10px}.conversation-toolbar .quiet-link{white-space:nowrap;gap:5px;font-size:12px}.conversation-toolbar .quiet-link svg{width:16px;height:16px}.conversation-stream-slot .chat-box{border:1px solid var(--border);border-radius:var(--radius)}.conversation-stream-slot .chat-room-header{min-height:52px;padding:8px 14px}.conversation-stream-slot .message-list{padding-left:13px;padding-right:13px}.conversation-stream-slot .chat-composer{padding-left:14px;padding-right:14px}.conversation-modal>.modal{max-height:calc(var(--app-height,100dvh) - 32px);padding:27px 20px}.conversation-modal .modal h2{font-size:32px}.conversation-modal-description{font-size:13px}.conversation-search input{font-size:16px}.conversation-selected button{min-height:44px}.conversation-modal .conversation-picker-footer .button{width:100%}.conversation-people{max-height:240px}.conversation-rename{flex-direction:column;align-items:stretch}.conversation-modal .conversation-rename .button{align-self:flex-end;min-height:44px}}@media (width<=360px){.conversation-toolbar-actions{gap:7px}.conversation-toolbar .conversation-back{justify-content:center;min-width:44px}.conversation-toolbar .conversation-back>span{display:none}.conversation-list-item{padding-left:13px;padding-right:13px}}@media (width<=900px) and (height<=700px){.conversation-toolbar{padding-bottom:0}.conversation-stream-slot .chat-room-header{min-height:52px;padding-top:8px;padding-bottom:8px}}.conversation-skeleton{flex:1;align-content:start;gap:22px;padding:28px;display:grid}.message-placeholder{background:var(--soft-surface);border-radius:12px;width:65%;max-width:420px;height:58px}.message-placeholder.own{justify-self:end;width:52%}