.room-board{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--skin-surface,#fff);color:var(--skin-text,#213a36);border-left:1px solid var(--border,#dce5d8);overflow:hidden}
.room-board[hidden]{display:none!important}.board-head{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--border,#dce5d8)}.board-head h2{flex:1;min-width:0;overflow-wrap:anywhere;margin:0;font-size:calc(16px * var(--ui-font-scale,1));line-height:1.5;text-align:left}.board-head button{font-size:27px;min-width:40px;min-height:44px;flex-shrink:0}.board-toggle svg{width:22px;height:22px;display:block;margin:auto}.board-toggle{min-width:36px;min-height:36px}.board-toggle[aria-expanded=true] svg{transform:scaleX(-1)}.board-scroll{overflow:auto;min-height:0;padding:0 16px 20px;overscroll-behavior:contain}.board-section{padding-top:20px}.board-section h3{display:flex;justify-content:space-between;font-size:calc(13px * var(--ui-font-scale,1));margin:0 0 10px}.board-section h3 span{font-weight:400}.board-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px;margin:8px 0;text-align:left;border:1px solid var(--border,#dce5d8);border-radius:12px;background:var(--skin-bg,#f4f6f3);color:inherit}.board-card-text{font-size:calc(13px * var(--chat-font-scale,1));white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.board-card small{font-size:calc(10px * var(--ui-font-scale,1));color:inherit;opacity:.8}.board-person{margin:14px 0 20px}.board-person-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:calc(12px * var(--ui-font-scale,1));overflow-wrap:anywhere}.board-person-head button,.board-hidden button{font-size:calc(11px * var(--ui-font-scale,1));min-height:36px;flex-shrink:0;text-decoration:underline;text-underline-offset:3px}.board-empty,.board-hint{font-size:calc(11px * var(--ui-font-scale,1));line-height:1.65;margin:8px 0;color:inherit;opacity:.8}.board-hidden{padding:14px 0;border-top:1px solid var(--border,#dce5d8);font-size:calc(12px * var(--ui-font-scale,1))}.board-hidden summary{cursor:pointer;min-height:36px}.board-hidden>div{display:flex;justify-content:space-between;gap:8px;align-items:center}
.workspace[data-board-state=absent],.workspace[data-board-state=closed]{grid-template-columns:78px 300px minmax(0,1fr)}.workspace[data-board-state=open]{grid-template-columns:78px 300px minmax(0,1fr) 300px}.connection-workspace[data-board-state=open]{grid-template-columns:290px minmax(0,1fr) 300px}.connection-workspace[data-board-state=closed],.connection-workspace[data-board-state=absent]{grid-template-columns:290px minmax(0,1fr)}
@media(max-width:1000px){.workspace[data-board-state=open]{grid-template-columns:68px 250px minmax(0,1fr)}.workspace[data-board-state=open]>.main,.connection-workspace[data-board-state=open]>#connected-chat{display:none!important}.workspace[data-board-state=open]>.room-board{display:flex;grid-column:3;grid-row:1}.connection-workspace[data-board-state=open]{grid-template-columns:290px minmax(0,1fr)}.connection-workspace[data-board-state=open]>.room-board{grid-column:2;grid-row:1}.workspace[data-board-state=absent],.workspace[data-board-state=closed]{grid-template-columns:68px 250px minmax(0,1fr)}}
@media(max-width:650px){.workspace[data-board-state]{grid-template-columns:minmax(0,1fr)}.workspace[data-board-state=open]>.room-board{display:flex;grid-column:1;grid-row:1;height:100%;width:100%}.workspace[data-board-state=open]>.rail,.workspace[data-board-state=open]>.sidebar{display:none!important}.connection-workspace[data-board-state=open]>.connection-sidebar{display:none!important}.connection-workspace[data-board-state=open]>.room-board{display:flex;height:100%;width:100%}.board-head{padding:12px 16px}.board-head button{order:-1;transform:rotate(180deg)}.board-scroll{padding-bottom:max(20px,env(safe-area-inset-bottom))}.chat-head{gap:5px;padding-left:10px;padding-right:10px}.chat-head .avatar{display:none}.chat-head .icon{width:32px;min-width:32px}.chat-title h2{font-size:14px}.connected-chat-head{gap:5px}.connected-chat-head>div{min-width:0;flex:1}}
html[data-low-vision=true] .room-board button{min-height:44px}html[data-contrast=high] .board-card{border-width:2px}.room-board button:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.messages>.message.shared,.connection-messages>.message.shared{margin-inline:auto!important;max-width:min(90%,680px);min-width:min(350px,90%)}
.messages>.message.shared>.bubble,.connection-messages>.message.shared>.bubble{border:2px solid var(--skin-accent,#174c43);border-radius:16px;background:color-mix(in srgb,var(--skin-mine,#e4eddf) 72%,var(--skin-surface,#fff));box-shadow:0 3px 12px #174c4310}
.message.shared .shared-label{display:block;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid currentColor;font-size:calc(12px * var(--ui-font-scale,1));font-weight:750;line-height:1.5;color:var(--skin-accent,#174c43)}.message.shared>.author,.connection-messages>.message.shared>header{text-align:center}.board-section:nth-child(2) .board-card{border-left:4px solid var(--skin-accent,#174c43)}
html[data-contrast=high] .message.shared>.bubble{background:var(--skin-surface)!important;border:3px double var(--skin-text)!important;box-shadow:none}html[data-contrast=high] .message.shared .shared-label{color:var(--skin-text)!important}
.board-shared-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.board-shared-actions button{font-size:calc(11px * var(--ui-font-scale,1));min-height:36px;padding:6px 10px;border:1px solid var(--border,#dce5d8);border-radius:8px}.shared-restore-choice{display:block;padding:10px;border:1px solid var(--border,#dce5d8);border-radius:10px;margin:10px 0}.shared-restore-choice pre{font:inherit;font-size:13px;max-height:180px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}

.board-head{height:var(--board-head-height,88px);min-height:var(--board-head-height,88px);flex-shrink:0;box-sizing:border-box}.board-head h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.board-card-kind{align-self:flex-start;border:1px solid currentColor;border-radius:6px;padding:3px 7px;font-size:calc(11px * var(--ui-font-scale,1));font-weight:700;color:var(--skin-accent,#174c43)}html[data-contrast=high] .board-card-kind{color:var(--skin-text)}