:root{--ui-font-scale:1;--chat-font-scale:1}
.list-entry{position:relative;min-width:0}.list-entry>.room-item,.list-entry>.friend-row{width:100%;padding-right:42px}.list-entry>.list-more{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:36px;min-height:36px;border:0;background:transparent;color:var(--skin-text);font-size:23px;border-radius:8px;opacity:.65}.list-entry:hover>.list-more,.list-more:focus-visible{opacity:1;background:var(--skin-mine)}
.room-item[data-favorite=true] strong:before,.friend-row[data-favorite=true] strong:before,.connected-room-row[data-favorite=true]>strong:before{content:'★ ';color:var(--skin-text)}
.room-item,.friend-row,.connected-room-row{-webkit-touch-callout:none;user-select:none}.list-action-menu,.reading-popover{margin:0;position:fixed;inset:auto;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;border:1px solid var(--skin-border);border-radius:14px;background:var(--skin-surface);color:var(--skin-text);box-shadow:0 8px 32px #0003;padding:8px;z-index:1000}.list-action-menu{min-width:min(240px,calc(100vw - 16px))}.list-action-menu button{display:block;text-align:start;width:100%;min-height:44px;padding:10px 14px;border:0;background:transparent;color:inherit;font-size:calc(14px * var(--ui-font-scale));border-radius:8px;white-space:normal}.list-action-menu button:hover,.list-action-menu button:focus-visible{background:var(--skin-mine)}.list-action-menu .list-action-danger{color:#a92e20}.reading-popover>div{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.reading-popover button{min-width:44px;min-height:44px}.reading-popover output{min-width:4em;text-align:center}.reading-trigger{font-size:14px;white-space:nowrap;min-width:42px}.reading-settings label{display:grid;gap:8px;margin:18px 0}.reading-settings label.reading-check{display:flex;align-items:center}.reading-check input{width:22px;height:22px}.reading-settings input[type=range]{width:100%;height:44px;accent-color:var(--skin-accent)}
.messages,.connection-messages{touch-action:pan-y}.messages .bubble>p,.connection-messages .bubble>p,.connection-messages .connected-content{font-size:calc(14px * var(--chat-font-scale));line-height:1.65}.messages .bubble .message-text,.connection-messages .message-text{font-size:calc(14px * var(--chat-font-scale))}.messages .bubble .styled-block,.connection-messages .styled-block{line-height:1.65}.messages .author,.connection-messages .author{font-size:calc(11px * var(--chat-font-scale))}.messages .bubble,.connection-messages .bubble{overflow-wrap:anywhere;max-width:100%}
html[data-large-ui=true] body{font-size:calc(14px * var(--ui-font-scale))}html[data-large-ui=true] :is(button,input,select,textarea,summary){font-size:calc(14px * var(--ui-font-scale))!important;line-height:1.45!important}html[data-large-ui=true] :is(button,input:not([type=checkbox],[type=radio],[type=color]),select,summary){min-height:44px}html[data-large-ui=true] :is(.nav-label,.filters button,.room-tag,.room-copy p,.room-copy small,.person-copy span,.connection-muted,.hint,.compose-foot small,.room-policy-summary,.connected-room-row>span,.chat-title>span,.prototype-banner,.connection-banner,small){font-size:calc(12px * var(--ui-font-scale))!important;line-height:1.55!important}html[data-large-ui=true] :is(.room-item,.friend-row,.connected-room-row){height:auto;min-height:78px}html[data-large-ui=true] :is(.room-copy,.person-copy){white-space:normal}html[data-large-ui=true] :is(.room-copy p,.room-copy strong,.person-copy strong){white-space:normal;overflow-wrap:anywhere}html[data-large-ui=true] :is(.rail .nav-item){height:auto;min-height:72px;padding:10px 3px}html[data-large-ui=true] :is(.chat-head,.connected-chat-head,.connection-banner,.prototype-banner){height:auto;min-height:44px;flex-wrap:wrap;flex-shrink:0;gap:8px}html[data-large-ui=true] :is(.filters,.friend-filters,.compose-tools,.connected-tools,.room-controls,.member-actions,.interface-options,.connection-room-controls,.connection-room-scope){flex-wrap:wrap;gap:8px}html[data-large-ui=true] :is(.member-row,.connection-member-row,.connection-device-row){flex-wrap:wrap;gap:12px}html[data-large-ui=true] :is(.member-role-button,.connection-role){width:auto;min-width:5.5em}html[data-large-ui=true] :is(.settings-preferences,.settings-card,.connection-card){overflow-wrap:anywhere}html[data-large-ui=true] :is(.compose-foot,.compose-foot>div){height:auto;flex-wrap:wrap}html[data-large-ui=true] .list-more{min-width:44px;min-height:44px;right:0}html[data-large-ui=true] .list-entry>.room-item,html[data-large-ui=true] .list-entry>.friend-row{padding-right:48px}html[data-large-ui=true] .rail{width:100%}html[data-large-ui=true] .workspace{grid-template-columns:112px minmax(260px,350px) minmax(0,1fr)}html[data-large-ui=true] .context-panel{display:none}html[data-large-ui=true] .nav-label{white-space:normal}html[data-large-ui=true] .settings-option{height:auto}
html[data-low-vision=true] :is(.hint,.room-tag,.person-copy span,.room-copy p,.chat-title span,small){opacity:1}html[data-low-vision=true] .messages :is(time,.message-time),html[data-low-vision=true] .connection-messages :is(time,.message-time){font-size:calc(11px * var(--chat-font-scale))!important}html[data-low-vision=true] :is(button,a,input,select,textarea,summary):focus-visible,html[data-contrast=high] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--skin-text)!important;outline-offset:3px!important}html[data-low-vision=true] *,html[data-contrast=high] *{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}
html[data-contrast=high] body,html[data-contrast=high] :is(.workspace,.rail,.sidebar,.main,.messages,.connection-workspace,.connection-sidebar,.connection-main,.connection-messages,.connected-settings,.content-page,.settings-preferences,.settings-card,.connection-card,.context-panel,dialog,.expression-picker,.styled-composer,.prototype-banner,.connection-banner,.chat-head,.connected-chat-head,.composer,.connected-compose,.compose-foot,.friend-empty){background:var(--skin-bg)!important;background-image:none!important;color:var(--skin-text)!important}
html[data-contrast=high] :is(p,span,small,strong,h1,h2,h3,label,summary,time,output,.styled-block,.styled-block *,.bubble a,.connection-link-preview){color:var(--skin-text)!important;opacity:1!important}html[data-contrast=high] :is(button,input,textarea,select,.bubble,.message-link-preview,.connection-link-preview,.list-action-menu,.reading-popover){background:var(--skin-surface)!important;color:var(--skin-text)!important;border:1px solid var(--skin-border)!important;opacity:1}html[data-contrast=high] :is(.selected,.active,[aria-current=true],[aria-pressed=true]){outline:2px solid var(--skin-text);outline-offset:-3px;text-decoration:underline;text-underline-offset:4px}html[data-contrast=high] a{color:var(--skin-text)!important;text-decoration:underline}html[data-contrast=high] :is(button:disabled,[aria-disabled=true]){border-style:dashed!important;opacity:.7!important}html[data-contrast=high] :is(.message,.member-row,.connection-member-row,.room-policy-summary,.date-divider){border-color:var(--skin-border)!important}html[data-contrast=high] .sticker-placard,html[data-contrast=high] .sticker-placard *{color:#000!important;background:#fff!important}
@media(max-width:1100px){html[data-large-ui=true] .workspace{grid-template-columns:100px minmax(240px,310px) minmax(0,1fr)}}
@media(max-width:760px){html[data-large-ui=true] .workspace{grid-template-columns:86px minmax(0,1fr)}html[data-large-ui=true] .sidebar{width:100%;min-width:0}html[data-large-ui=true] .workspace .main{min-width:0}html[data-large-ui=true] .connected-chat-head>div{min-width:0;flex:1}html[data-large-ui=true] .connected-chat-head{padding:10px}html[data-large-ui=true] :is(dialog,.expression-picker){max-width:calc(100vw - 16px)}html[data-large-ui=true] .skin-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-large-ui=true] .interface-options{display:grid;grid-template-columns:minmax(0,1fr)}html[data-large-ui=true] .settings-card{padding:16px}html[data-large-ui=true] .reading-trigger{padding:6px}html[data-large-ui=true] .connection-sidebar{min-width:0}html[data-large-ui=true] .nav-items{overflow-y:auto}}

.connection-messages .connected-text-content{font-size:calc(14px * var(--chat-font-scale));line-height:1.65}.connection-messages .message>header{font-size:calc(12px * var(--chat-font-scale))}.connected-room-row{width:100%;padding-right:44px}.connected-app .list-entry{flex-shrink:0}
html[data-contrast=high] :is(.message-action-popover,.message-action-popover button,.writing-editor,.writing-options,.writing-preview,.styled-compose-dialog,.list-settings-popover,.room-setting-help-popover,.connection-help-popover,#toast,#connection-toast,.connected-room-alert,.connected-pins,.connected-review,.connected-countdown,.search,.room-copy,.person-copy,.date-divider span){background:var(--skin-surface)!important;color:var(--skin-text)!important;border-color:var(--skin-border)!important}html[data-contrast=high] :is(.message-action-popover,.list-settings-popover,.room-setting-help-popover,.connection-help-popover){border:2px solid var(--skin-border)!important}html[data-contrast=high] :is(.list-action-danger,.danger,.connection-danger){color:var(--skin-text)!important;font-weight:bold;text-decoration:underline}html[data-contrast=high] :is(.date-divider:before,.date-divider:after){background:var(--skin-border)!important}html[data-contrast=high] .room-backdrop{display:none!important}
@media(max-width:650px){html[data-large-ui=true] .workspace,html[data-large-ui=true] .workspace.settings-view{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}html[data-large-ui=true] .rail .nav-items{overflow-x:auto;overflow-y:hidden}html[data-large-ui=true] .rail .nav-item{min-width:78px;flex-shrink:0;min-height:72px}html[data-large-ui=true] .rail{height:auto;min-height:84px}html[data-large-ui=true] .workspace.settings-view .rail{grid-row:2}html[data-large-ui=true] .workspace .sidebar{min-width:0}html[data-large-ui=true] .chat-head{gap:4px;padding:10px}html[data-large-ui=true] .chat-head .chat-title{flex:1;min-width:100px}html[data-large-ui=true] .chat-head .icon{width:44px;min-width:44px}html[data-large-ui=true] .chat-head h2{font-size:calc(17px * var(--ui-font-scale))}html[data-large-ui=true] .prototype-banner{position:relative;padding:6px 12px}html[data-large-ui=true] .workspace{height:calc(var(--app-height,100dvh) - 86px);min-height:0}html[data-large-ui=true] .friend-filters{overflow:auto}html[data-large-ui=true] .settings-detail-open .settings-view .main{min-width:0}html[data-large-ui=true] .expression-grid{min-height:0}html[data-large-ui=true] .expression-picker{overflow:auto}}

html[data-large-ui=true] :is(.settings-card p,.settings-card label,.settings-section-list span,.settings-preferences output,.connection-card p,.connection-card label,.connected-settings p,.reading-popover strong){font-size:calc(14px * var(--ui-font-scale))!important;line-height:1.65!important}html[data-low-vision=true] :is(.hint,.settings-card p,.settings-section-list span,.room-tag,.room-copy p,.person-copy span,.chat-title span,.compose-foot small,.room-policy-summary){color:var(--skin-text)!important}html[data-large-ui=true] .list-action-menu button{min-height:48px}html[data-large-ui=true] .message-action-popover button{min-width:44px;min-height:44px}html[data-large-ui=true] .expression-picker button{min-width:44px;min-height:44px}html[data-large-ui=true] :is(.message-more,.message-action-icon){min-width:44px;min-height:44px}

html[data-contrast=high] input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--skin-text)}

html[data-large-ui=true] .connected-friend-search p{font-size:calc(12px * var(--ui-font-scale));line-height:1.6}html[data-large-ui=true] .connected-friend-row{min-height:78px}html[data-low-vision=true] .connected-friend-search p{color:var(--skin-text)}html[data-contrast=high] :is(.connected-friends-panel,.connected-friend-search,.connected-friend-list,.connected-friend-row){background:var(--skin-bg)!important;color:var(--skin-text)!important}

/* Keep the reading glyph constant across breakpoints; low-vision scaling remains intentional. */
html .chat-head button.reading-trigger,html .connected-chat-head button.reading-trigger{font-size:calc(14px * var(--ui-font-scale))!important;line-height:1.2;white-space:nowrap}