/* Fresh design system. No legacy stylesheets or screenshot-derived components. */
:root{font:16px/1.55 'Segoe UI',Arial,sans-serif;--navy:#04102f;--orange:#f47f28;--bg:#f4f6f9;--surface:#fff;--ink:#17243a;--muted:#586980;--line:#dce3ec;--accent:#a94b0c;--navigation-top:76px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}p{overflow-wrap:anywhere}h1{font-size:40px}h2{font-size:22px}h3{font-size:19px}small{font-size:12px}button{border:0}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.muted,.tiny{color:var(--muted)}.tiny{font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--accent)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:var(--orange);color:#101b30;border-radius:6px;font-size:14px;font-weight:700}.button:hover{background:#ff9b50}.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:14px}.text-button:hover,.icon-button:hover{background:#8094b512}.icon-button{width:40px;padding:8px;flex-shrink:0;font-size:20px}.nav-icon{display:block;flex-shrink:0}
.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 28px;background:var(--navy);color:#edf2fc;position:sticky;top:0;z-index:40}.brand-logo{display:block;position:relative;width:194px;height:47px;overflow:hidden}.brand-logo img{position:absolute;bottom:0;width:100%;height:auto}.tagline{font-size:13px;color:#b5c3d9}.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.topbar .text-button,.topbar .icon-button{border-color:#53617d}.account{display:flex;gap:10px;align-items:center;font-size:13px}.header-messages{font-size:14px}.unread-count{background:var(--orange);color:#06132c;border-radius:20px;font-size:11px;padding:2px 6px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:#dae4f5;color:#2a4873;border-radius:50%;font-size:12px;font-weight:700}.avatar.orange{background:#fbe1cc;color:#82411d}.avatar.green{background:#d8ece1;color:#2a6349}.person{display:flex;align-items:center;gap:12px;min-width:0}.person strong{display:block;font-size:14px;font-weight:650;overflow-wrap:anywhere}.person small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.layout-lab{display:flex;align-items:center;gap:24px;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.layout-lab>span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.layout-lab>div{display:flex;gap:6px}.layout-lab button{padding:8px 16px;min-height:38px;background:transparent;font-size:13px;border-radius:5px}.layout-lab button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.layout-lab>small{margin-left:auto;color:var(--muted)}
.layout{display:grid;grid-template-columns:204px minmax(0,1fr)}.sidebar{background:var(--navy);color:#c0cce0;min-height:calc(100dvh - 140px);padding:26px 14px}.sidebar-rail-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;margin-bottom:28px;padding-left:10px}.sidebar-rail-header .icon-button{border:0}.sidebar nav{display:grid;gap:6px}.sidebar nav>a{display:flex;gap:13px;align-items:center;padding:13px 12px;font-size:14px;border-radius:6px}.sidebar nav>a:hover{background:#ffffff0a}.sidebar nav>a.active{background:#ffffff12;color:#fff}.sidebar nav>a.active .nav-icon{color:#ffa867}.sidebar-note{padding:28px 12px;font-size:11px;color:#9baac3;line-height:1.8}.layout>main{min-width:0;width:100%;padding:40px;max-width:1450px;margin:0 auto}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-note,.sidebar.collapsed .sidebar-rail-header>span{display:none}.sidebar.collapsed .sidebar-rail-header{padding:0;justify-content:center}.sidebar.collapsed nav>a{justify-content:center;padding:14px 0}.layout:has(>.sidebar.collapsed){grid-template-columns:74px minmax(0,1fr)}
.signal-heading{display:flex;flex-direction:column;margin-bottom:28px}.signal-heading h1{font-size:34px;font-weight:600;margin:9px 0 0}.signal-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px}.feed-tabs{display:flex;align-items:center;gap:8px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.feed-tabs button{min-height:38px;padding:7px 13px;background:transparent;border-radius:5px;color:var(--muted);font-size:13px}.feed-tabs .selected{background:var(--ink);color:var(--surface)}.feed-tabs>span{margin-left:auto;font-size:11px;color:var(--muted)}.signal-write{background:var(--surface);border:1px solid var(--line);padding:18px 22px;margin-bottom:24px;border-radius:8px}.signal-write summary{cursor:pointer;font-size:14px;font-weight:600}.signal-write .composer{padding-top:22px}.composer-person{display:flex;gap:12px;align-items:center;font-size:14px;margin-bottom:20px}.composer textarea{width:100%;min-height:110px;resize:vertical}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted)}.composer label{font-size:13px}.status-audience{display:flex;align-items:center;gap:12px}.status-audience select{width:auto;min-height:38px;padding:6px 10px;font-size:13px}.post{padding:24px 0;border-bottom:1px solid var(--line)}.post-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.post-head time{font-size:11px;color:var(--muted)}.post-body{font-size:17px;line-height:1.75;white-space:pre-wrap;margin:20px 0}.post-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:10px}.post-footer a{color:var(--accent)}.load-more{margin-top:26px}.signal-stream .post{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:22px}.signal-stream .post-head{display:block;grid-row:1/3}.signal-stream .post-head time{display:block;margin:12px 0 0 50px}.signal-stream .post-body{margin:0 0 18px;font-size:16px}.signal-stream .post-footer{grid-column:2}.community-people{min-width:0}.community-people h2{font-size:14px;font-weight:650;padding-bottom:18px;border-bottom:1px solid var(--line)}.neighbor,.online-friend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0}.neighbor>a:last-child,.friend-message-link{color:var(--accent);padding:8px}.online-friends{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.online-friends summary{font-size:14px;cursor:pointer;font-weight:600}.online-friends>a{display:block;font-size:12px;margin-top:18px}.presence-label{display:block;font-size:12px;color:var(--muted);margin-top:4px}.presence-label.is-online{color:#319365}.seed-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>span{font-size:10px;letter-spacing:1.2px;color:var(--muted)}
/* COMMONS: horizontal navigation, editorial masthead and an open reading column. */
html[data-layout=commons] body{background:#fffdfa}html[data-layout=commons] .layout,html[data-layout=commons] .layout:has(>.sidebar.collapsed){display:block}html[data-layout=commons] .sidebar{min-height:0;padding:10px 32px;background:transparent;color:var(--ink);border-bottom:1px solid var(--line)}html[data-layout=commons] .sidebar.collapsed{display:none}html[data-layout=commons] .sidebar-rail-header,html[data-layout=commons] .sidebar-note{display:none}html[data-layout=commons] .sidebar nav{display:flex;justify-content:center;gap:32px}html[data-layout=commons] .sidebar nav>a{padding:10px 4px;border-radius:0}html[data-layout=commons] .sidebar nav>a.active{color:var(--ink);background:transparent;border-bottom:2px solid var(--orange)}html[data-layout=commons] .sidebar nav .nav-icon{display:none}html[data-layout=commons] .layout>main{max-width:1270px;padding:54px 50px}.commons-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:48px;border-bottom:1px solid #17243a;margin-bottom:46px}.commons-masthead h1{font-size:clamp(42px,5.3vw,78px);letter-spacing:-.065em;font-weight:600;margin:18px 0 0}.commons-masthead h1 em{font-style:normal;color:#b45015}.commons-masthead>p{color:var(--muted);font-size:15px;margin-bottom:8px}.commons-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:80px}.commons-feed .composer{background:#f2f4f6;padding:26px;margin-bottom:18px;border-radius:3px}.commons-feed .post{padding:32px 0}.commons-feed .post-body{font-size:21px;line-height:1.7}
/* WORKSPACE: dark split desk with a permanent authoring column, not a feed skin. */
html[data-layout=workspace]{--bg:#0d1828;--surface:#17273b;--ink:#f0f4fb;--muted:#b2c1d5;--line:#34475d;--accent:#ffb377;color-scheme:dark}html[data-layout=workspace] .layout,html[data-layout=workspace] .layout:has(>.sidebar.collapsed){display:block}html[data-layout=workspace] .sidebar:not(.open){display:none}html[data-layout=workspace] .layout>main{max-width:1410px;padding:44px}.workspace-heading{padding:0 0 36px}.workspace-heading h1{font-size:clamp(36px,4vw,58px);font-weight:550;margin:14px 0 0;line-height:1.08;letter-spacing:-.055em}.workspace-heading h1>span{color:var(--orange)}.desk-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px}.desk-compose .composer{background:#17273b;padding:24px;border-radius:12px;border:1px solid #34475d}.desk-compose .community-people{margin-top:34px}.desk-stream{background:#122237;border:1px solid #34475d;border-radius:14px;padding:30px}.desk-stream .post{background:#1b3049;border:0;padding:24px;border-radius:10px;margin-bottom:18px}.desk-stream .post-body{font-size:19px}.desk-stream .feed-tabs{border-bottom:0}.desk-stream .section-heading{margin-bottom:26px}.desk-compose .section-heading h2{font-size:18px}
label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:18px 0}input,select,textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid #8594a9;border-radius:6px;padding:11px 13px;font-size:16px;min-width:0}input,select{min-height:44px}textarea{min-height:90px;line-height:1.6}fieldset{border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:0 18px 18px}legend{padding:0 8px}.form-error{font-size:13px;color:#c14337;margin:12px 0}.form-error:empty{display:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.connections-card{margin-bottom:24px}.connection-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0}.connection-actions{display:flex;gap:10px;flex-wrap:wrap}.connection-count{font-size:14px;color:var(--muted)}.request-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.request-form label{flex:1;margin:0}.request-form .form-error{width:100%}.page-heading{margin-bottom:32px}.page-heading p{color:var(--muted)}.empty{padding:28px}
dialog{width:490px;max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:34px;background:var(--surface);color:var(--ink);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#04102fbb}.close{position:absolute;right:10px;top:10px}dialog h2{margin:18px 0}dialog p{font-size:14px}form>.button{width:100%;margin-top:14px}.auth-switch{display:flex;margin:18px auto}.demo-note{font-size:12px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}#notice:not(:empty){position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:14px 22px;border-radius:8px;z-index:70;max-width:90vw;box-shadow:0 5px 30px #0003;font-size:14px}
/* Personal pages remain an independent full-width space. */
body[data-page=krib] .layout,body[data-page=messages] .layout{display:block}body[data-page=krib] .sidebar:not(.open),body[data-page=messages] .sidebar:not(.open){display:none}body[data-page=krib] .layout>main{max-width:1240px}.krib-breadcrumb{display:flex;gap:14px;font-size:13px;color:var(--muted);margin-bottom:22px}.krib-status-strip{padding:20px 0;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center;margin-bottom:32px}.status-quote{display:none}.strip-label{font-size:10px;letter-spacing:1px;color:var(--muted)}.krib-status-strip p{font-size:16px;margin:8px 0 0;white-space:pre-wrap}.krib-status-strip>a{margin-left:auto;font-size:13px;white-space:nowrap;color:var(--accent)}.krib-masthead{display:flex;justify-content:space-between;padding:30px 0}.krib-masthead-person{display:flex;gap:24px;align-items:center}.avatar.large{width:88px;height:88px;font-size:28px;border-radius:20px}.krib-overline{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.krib-masthead h1{font-size:44px;margin:10px 0}.krib-masthead h1>span{color:var(--orange)}.krib-masthead p{margin:0;color:var(--muted)}.krib-tagline{margin-top:12px!important}.krib-house-stamp,.krib-personal-note,.krib-signature{display:none}.krib-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:30px}.krib-actions>a{font-size:14px;text-decoration:underline}.profile-privacy{margin-left:auto;font-size:12px;color:var(--muted)}.krib-section-nav{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.krib-current{font-weight:650}.krib-planned-sections{color:var(--muted);font-size:12px}.krib-planned-label{margin-right:12px}.krib-canvas{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:48px;padding-top:36px}.krib-widget{margin-bottom:36px}.krib-widget-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;gap:16px}.krib-widget-header>span:first-child{display:none}.krib-widget-header h2{font-size:19px;margin:0}.widget-subtitle{font-size:11px;color:var(--muted)}.krib-widget-body{padding:24px 0}.krib-widget-body p{font-size:17px;line-height:1.8;white-space:pre-wrap}.krib-widget-body h3{font-size:22px}.krib-status-entry{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.krib-status-entry time{font-size:12px;color:var(--muted)}.krib-member-card{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:10px}.krib-member-card .krib-widget-body{text-align:center}.krib-portrait{width:72px;height:72px;font-size:22px;margin-bottom:20px}.member-since-label{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:22px}.member-since{font-size:14px}.krib-preview-details{font-size:13px;color:var(--muted)}summary{cursor:pointer}.krib-endnote{display:flex;gap:12px;border-top:1px solid var(--line);padding:22px 0;font-size:12px;color:var(--muted)}.krib-endnote>span:last-child{margin-left:auto}.profile-website{color:var(--accent);text-decoration:underline}#krib-statuses{scroll-margin-top:95px}
/* Messaging uses a purpose-built, restrained split inbox. */
body[data-page=messages] .layout>main{max-width:1360px}.messages-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.messages-heading h1{margin:8px 0 0}.messages-workspace{height:calc(100dvh - 280px);min-height:480px;display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.conversation-sidebar{display:flex;flex-direction:column;min-height:0;padding:20px 14px;border-right:1px solid var(--line)}.new-conversation-link{text-align:center}.inbox-filters{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.inbox-filters button{padding:7px 9px;background:transparent;border-radius:4px;font-size:12px;color:var(--muted)}.inbox-filters button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.conversation-list{overflow:auto;flex:1}.conversation-link{display:flex;gap:10px;align-items:center;padding:16px 10px;border-bottom:1px solid var(--line)}.conversation-link.current{background:#8595ac18}.conversation-link strong,.conversation-link small{display:block}.conversation-link strong{font-size:14px}.conversation-link small{font-size:12px;color:var(--muted);margin-top:5px}.message-pane,.thread-view{display:flex;flex-direction:column;min-height:0;min-width:0}.main-thread{flex:1}.thread-header{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);flex-shrink:0}.thread-window-actions{display:flex;gap:6px}.thread-window-actions button{font-size:12px}.thread-state{background:#8e9bb41a;padding:14px 20px;font-size:14px}.thread-state:empty{display:none}.thread-state>div{display:flex;gap:10px;flex-wrap:wrap}.message-log{overflow:auto;flex:1;padding:24px;display:flex;flex-direction:column;gap:16px;min-height:0}.chat-message{max-width:85%;padding:12px 16px;background:#8e9bb420;border-radius:10px;align-self:flex-start}.chat-message.mine{background:#f7d8ba;color:#34291e;align-self:flex-end}.chat-message p{font-size:16px;line-height:1.6;white-space:pre-wrap;margin:0}.chat-message time{display:block;font-size:11px;color:var(--muted);margin-top:6px}.chat-message.mine time{color:#755a40}.message-form{padding:16px 20px;border-top:1px solid var(--line)}.message-form textarea{min-height:65px;max-height:130px;resize:vertical}.message-send-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px}.message-send-row small{color:var(--muted);font-size:11px}.typing-label{min-height:28px;font-size:12px;color:var(--muted);margin:0;padding:4px 20px}.older-messages,.new-message-jump{align-self:center;background:transparent;color:var(--accent);padding:8px;font-size:12px}.message-welcome,.new-conversation{padding:36px;overflow:auto}.message-welcome{margin:auto;max-width:500px}.message-welcome>span{display:none}.message-welcome p,.new-conversation p{color:var(--muted)}.messages-mobile-back{display:none}.mini-chat{position:fixed;right:24px;bottom:0;width:370px;height:min(550px,85dvh);display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 0 0;box-shadow:0 10px 60px #0004;z-index:25;overflow:hidden}.mini-chat.minimized{height:auto}.mini-chat.minimized>:not(.thread-header){display:none!important}.online-setting{display:flex;align-items:center;gap:12px}.online-setting input{width:20px;min-height:20px}
.recipient-hint,.recipient-feedback{font-size:13px!important;color:var(--muted);margin:8px 0}.recipient-results{border:1px solid var(--line);border-radius:8px;margin-top:8px;max-height:260px;overflow:auto}.recipient-results button,.recipient-friend-list button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;background:transparent;border-bottom:1px solid var(--line)}.recipient-results button:hover,.recipient-results button[aria-selected=true],.recipient-friend-list button:hover{background:#8595ac18}.recipient-results strong,.recipient-results small,.recipient-friend-list strong,.recipient-friend-list small{display:block}.recipient-results strong,.recipient-friend-list strong{font-size:14px}.recipient-results small,.recipient-friend-list small{font-size:12px;color:var(--muted)}.recipient-friends{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:8px}.recipient-friend-list{max-height:220px;overflow:auto;margin-top:12px}
.navigation-backdrop{position:fixed;inset:var(--navigation-top) 0 0;background:#04102f99;border:0;z-index:45}body.navigation-open{overflow:hidden}body.navigation-open .topbar{z-index:55}body.navigation-open .layout>.sidebar.open{display:block!important;position:fixed;top:var(--navigation-top);bottom:0;left:0;width:min(290px,90vw);background:var(--navy);color:#c0cce0;padding:24px 16px;z-index:50;min-height:0;overflow:auto}body.navigation-open .sidebar.open .sidebar-rail-header{display:flex!important}body.navigation-open .sidebar.open nav{display:grid!important;gap:6px}body.navigation-open .sidebar.open nav>a{color:#c0cce0!important}.mobile-nav{display:none}
@media(max-width:1100px){.tagline{display:none}.layout>main{padding:30px}.signal-workspace{grid-template-columns:minmax(0,1fr);gap:28px}.signal-workspace>.community-people{display:none}.commons-grid{gap:36px}.desk-grid{grid-template-columns:280px minmax(0,1fr);gap:28px}}
@media(max-width:760px){.topbar{height:68px;padding:0 14px;gap:12px}.brand-logo{width:132px;height:33px}.header-actions{gap:8px}.account,.header-actions #logout{display:none}.header-messages{font-size:0}.header-messages::before{content:'✉';font-size:23px}.topbar #appearance{display:none}.header-actions .button{display:none}.topbar .text-button{font-size:13px}.layout-lab{padding:10px 14px;gap:10px;flex-wrap:wrap}.layout-lab>span{font-size:9px}.layout-lab>small{display:none}.layout-lab button{padding:8px 10px}.layout,.layout:has(>.sidebar.collapsed){display:block}.layout>.sidebar:not(.open){display:none!important}.layout>main,html[data-layout=commons] .layout>main,html[data-layout=workspace] .layout>main{padding:26px 18px 100px}.signal-heading h1{font-size:30px}.signal-stream .post{display:block}.signal-stream .post-head{display:flex}.signal-stream .post-head time{margin:0}.signal-stream .post-body{margin:18px 0;font-size:17px}.feed-tabs>span{font-size:10px}.commons-masthead{display:block;margin-bottom:30px;padding-bottom:30px}.commons-masthead h1{font-size:46px}.commons-masthead>p{margin-top:24px}.commons-grid,.desk-grid{display:flex;flex-direction:column;gap:32px}.commons-grid>.community-people{order:2}.workspace-heading h1{font-size:36px}.desk-compose .community-people{display:none}.desk-stream{padding:20px}.commons-feed .post-body{font-size:19px}.krib-canvas{display:flex;flex-direction:column;gap:28px}.krib-masthead-person{gap:16px}.avatar.large{width:60px;height:60px;font-size:20px}.krib-masthead h1{font-size:32px}.krib-status-strip{flex-wrap:wrap}.krib-status-strip>a{margin-left:0}.krib-planned-sections{font-size:11px}.krib-personal-column{width:100%}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;min-height:58px;padding:10px;background:var(--surface);border-top:1px solid var(--line);z-index:30;font-size:12px}.mobile-nav button{background:transparent;font-size:12px}.messages-workspace{display:flex;flex-direction:column;min-height:400px;height:calc(100dvh - 290px)}.conversation-sidebar{flex:1;border-right:0;overflow:auto}.messages-workspace:not(.has-conversation) .message-pane{display:none}.messages-workspace.has-conversation .conversation-sidebar{display:none}.messages-workspace.has-conversation{height:calc(100dvh - 170px);min-height:0}.messages-workspace.has-conversation .message-pane{height:100%}.messages-heading:has(+.has-conversation){display:none}.messages-mobile-back{display:block;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px}.message-welcome,.new-conversation{padding:24px}.messages-heading{gap:16px;flex-wrap:wrap}.thread-header{padding:14px}.thread-window-actions [data-popout]{display:none}.message-log{padding:16px}.message-send-row small{max-width:100px}.mini-chat{display:none}body[data-page=messages] .mobile-nav{display:none}.connection-actions{width:100%}.request-form .button{width:100%}.navigation-backdrop{top:68px}body.navigation-open .layout>.sidebar.open{top:68px}.profile-privacy{margin-left:0;width:100%}}
.account{max-width:220px}.account>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Appearance preferences remain functional across all new compositions. */
html[data-theme=dark]{--bg:#0d1828;--surface:#17273b;--ink:#f0f4fb;--muted:#b2c1d5;--line:#34475d;--accent:#ffb377;color-scheme:dark}
html[data-theme=light]{--bg:#f4f6f9;--surface:#fff;--ink:#17243a;--muted:#586980;--line:#dce3ec;--accent:#a94b0c;color-scheme:light}
@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#0d1828;--surface:#17273b;--ink:#f0f4fb;--muted:#b2c1d5;--line:#34475d;--accent:#ffb377;color-scheme:dark}}
html[data-layout=commons] body{background:var(--bg)}
html[data-layout=commons] .commons-feed .composer{background:var(--surface)}
html[data-layout=commons] .commons-masthead{border-bottom-color:var(--ink)}
html[data-layout=commons] .commons-masthead h1 em{color:var(--accent)}
html[data-layout=workspace] .desk-compose .composer,html[data-layout=workspace] .desk-stream{background:var(--surface);border-color:var(--line)}
html[data-layout=workspace] .desk-stream .post{background:var(--bg)}
html[data-accent=violet]{--accent:#9067dc}html[data-accent=green]{--accent:#43845c}
/* Signal refinement: explicit section rhythm; no cramped author/body grid. */
html[data-layout=signal] .layout>main{padding:44px;max-width:1440px}
html[data-layout=signal] .signal-heading{margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}
html[data-layout=signal] .signal-heading h1{font-size:36px;margin:12px 0 14px;line-height:1.15}
html[data-layout=signal] .signal-heading>p{margin:0;color:var(--muted);font-size:16px;line-height:1.65}
html[data-layout=signal] .signal-workspace{grid-template-columns:minmax(0,1fr) 260px;gap:44px;align-items:start}
html[data-layout=signal] .signal-stream{display:grid;gap:44px;min-width:0}
.signal-section-title{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}
.signal-section-title h2{font-size:21px;margin:0;font-weight:650}
.signal-section-title>span{color:var(--muted);font-size:13px;line-height:1.6}
.signal-compose-section{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}
.signal-compose-section>.signal-section-title{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.signal-compose-section .composer-person{margin-bottom:20px}
.signal-compose-section label[for=status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);margin:0}
.signal-compose-section textarea{min-height:120px;display:block;padding:16px;resize:vertical;max-height:320px}
.signal-compose-section .status-audience{margin:20px 0;gap:16px;flex-wrap:wrap}
.signal-compose-section .status-audience select{min-width:155px}
.signal-compose-section .composer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:0;gap:20px}
html[data-layout=signal] .signal-feed-section{min-width:0}
html[data-layout=signal] .feed-tabs{padding-bottom:22px;margin-bottom:24px;gap:10px;flex-wrap:wrap}
html[data-layout=signal] .feed-tabs>span{font-size:12px}
html[data-layout=signal] #posts{display:grid;gap:24px;min-width:0}
html[data-layout=signal] .signal-stream .post{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;margin:0;min-width:0}
html[data-layout=signal] .signal-stream .post-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}
html[data-layout=signal] .signal-stream .post-head .person{flex:1;min-width:180px}
html[data-layout=signal] .signal-stream .post-head .person>span:last-child{min-width:0}
html[data-layout=signal] .signal-stream .post-head time{display:block;margin:4px 0 0;font-size:12px;line-height:1.6;flex-shrink:0}
html[data-layout=signal] .signal-stream .post-body{margin:24px 0;font-size:17px;line-height:1.8;overflow-wrap:anywhere}
html[data-layout=signal] .signal-stream .post-footer{border-top:1px solid var(--line);padding-top:18px;gap:14px;flex-wrap:wrap;align-items:center}
html[data-layout=signal] .post-footer a{padding:6px 0;min-height:32px;font-weight:600}
html[data-layout=signal] .load-more{margin-top:26px;width:100%;min-height:46px}
html[data-layout=signal] .community-people{padding-left:24px;border-left:1px solid var(--line);min-width:0}
html[data-layout=signal] .community-people>h2{font-size:18px;line-height:1.4;padding:0;border:0;margin:0 0 20px}
html[data-layout=signal] #neighbors{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}
html[data-layout=signal] .neighbor{margin:0;gap:10px;align-items:center}
html[data-layout=signal] .neighbor+.neighbor{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
html[data-layout=signal] .neighbor .person{gap:10px;flex:1;min-width:0}
html[data-layout=signal] .neighbor .person>span:last-child{min-width:0}
html[data-layout=signal] .neighbor .person strong{font-size:14px;line-height:1.45}
html[data-layout=signal] .neighbor .avatar{width:32px;height:32px;font-size:11px}
html[data-layout=signal] .neighbor>a:last-child{padding:6px;flex-shrink:0}
html[data-layout=signal] .online-friends{margin-top:28px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
html[data-layout=signal] .online-friends summary{line-height:1.6}
html[data-layout=signal] .online-friend{align-items:flex-start;gap:10px}
html[data-layout=signal] .online-friend .person{flex:1;min-width:0}
html[data-layout=signal] .online-friend .person>span:last-child{min-width:0}
html[data-layout=signal] .online-friends>a{border-top:1px solid var(--line);padding-top:18px;margin-top:20px;line-height:1.6}
html[data-layout=signal] .seed-note{font-size:12px;line-height:1.8;margin:24px 0 0}
html[data-layout=signal] .krib-widget{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:30px;overflow:hidden}
html[data-layout=signal] .krib-widget-header{padding:22px 24px;margin:0}
html[data-layout=signal] .krib-widget-body{padding:24px}
html[data-layout=signal] .krib-canvas{gap:36px}
@media(max-width:1200px){html[data-layout=signal] .signal-workspace{grid-template-columns:minmax(0,1fr)}html[data-layout=signal] .signal-workspace>.community-people{display:block;border:0;border-top:1px solid var(--line);padding:32px 0 0}html[data-layout=signal] .layout>main{padding:32px}}
@media(max-width:760px){html[data-layout=signal] .layout>main{padding:28px 18px 100px}html[data-layout=signal] .signal-heading{margin-bottom:30px;padding-bottom:24px}html[data-layout=signal] .signal-heading h1{font-size:30px}html[data-layout=signal] .signal-workspace,html[data-layout=signal] .signal-stream{gap:32px}.signal-compose-section{padding:22px}.signal-section-title h2{font-size:20px}html[data-layout=signal] .signal-stream .post{padding:22px}html[data-layout=signal] .signal-stream .post-head .person{min-width:0;flex-basis:100%}html[data-layout=signal] .signal-stream .post-head time{margin:0}html[data-layout=signal] .signal-stream .post-body{margin:20px 0}html[data-layout=signal] .krib-widget-header,html[data-layout=signal] .krib-widget-body{padding:20px}.signal-compose-section .composer-bottom{flex-wrap:wrap}}
/* Signal: crisp rail / canvas / surface separation in both appearance modes. */
html[data-layout=signal]{--signal-rail:#030b1e;--signal-rail-line:#526682;--signal-canvas:#edf1f6;--signal-card:#ffffff;--signal-input:#f5f7fa;--signal-card-line:#c4cfdd}
html[data-layout=signal][data-theme=dark]{--signal-canvas:#101f34;--signal-card:#203751;--signal-input:#102238;--signal-card-line:#617a97}
@media(prefers-color-scheme:dark){html[data-layout=signal][data-theme=system]{--signal-canvas:#101f34;--signal-card:#203751;--signal-input:#102238;--signal-card-line:#617a97}}
html[data-layout=signal] body{background:var(--signal-canvas)}
html[data-layout=signal] .layout>.sidebar{background:var(--signal-rail);border-right:1px solid var(--signal-rail-line)}
html[data-layout=signal] .sidebar nav>a{color:#c3d0e3;border:1px solid transparent}
html[data-layout=signal] .sidebar nav>a:hover{background:#14233b;border-color:#3c526f;color:#fff}
html[data-layout=signal] .sidebar nav>a.active{background:#203851;color:#fff;border-color:#546e8a;box-shadow:inset 3px 0 0 #f47f28}
html[data-layout=signal] .sidebar nav>a.active .nav-icon{color:#ffad70}
html[data-layout=signal] .sidebar-rail-header{color:#c3d0e3;padding-bottom:22px;border-bottom:1px solid #344860}
html[data-layout=signal] .sidebar-rail-header .icon-button{background:#14233b;border:1px solid #637b98;border-radius:6px;color:#f1f5fc}
html[data-layout=signal] .sidebar-note{border-top:1px solid #344860;margin-top:28px;padding-top:22px;color:#aebfd6}
html[data-layout=signal] .layout-lab{background:var(--signal-rail);color:#dbe6f6;border-bottom:1px solid var(--signal-rail-line)}
html[data-layout=signal] .layout-lab>span,html[data-layout=signal] .layout-lab>small{color:#b2c4de}
html[data-layout=signal] .layout-lab button[aria-pressed=true]{background:#eef3fa;color:#0a1930}
html[data-layout=signal] .signal-compose-section,html[data-layout=signal] .signal-stream .post,html[data-layout=signal] #neighbors,html[data-layout=signal] .online-friends,html[data-layout=signal] .krib-widget{background:var(--signal-card);border-color:var(--signal-card-line)}
html[data-layout=signal] .signal-compose-section textarea,html[data-layout=signal] .signal-compose-section select{background:var(--signal-input);border-color:var(--signal-card-line)}
html[data-layout=signal] .signal-compose-section textarea::placeholder{color:var(--muted);opacity:1}
html[data-layout=signal] .signal-heading{border-bottom-color:var(--signal-card-line)}
html[data-layout=signal] .signal-workspace>.community-people{border-left-color:var(--signal-card-line)}
html[data-layout=signal] .feed-tabs button{border:1px solid var(--signal-card-line);background:var(--signal-card)}
html[data-layout=signal] .feed-tabs button.selected{background:var(--navy);color:#fff;border-color:#596f8d}
html[data-layout=signal] body.navigation-open .layout>.sidebar.open{background:var(--signal-rail);border-right-color:var(--signal-rail-line)}
/* Signal navigation: compact text links, not large button tiles. */
html[data-layout=signal] .layout{grid-template-columns:190px minmax(0,1fr)}
html[data-layout=signal] .layout>.sidebar{padding:24px 12px;border-right:1px solid #ffffff12}
html[data-layout=signal] .sidebar-rail-header{border:0;padding:0 6px 20px;min-height:32px;margin-bottom:10px;justify-content:flex-end}
html[data-layout=signal] .sidebar-rail-header>span{display:none}
html[data-layout=signal] .sidebar-rail-header .icon-button{width:28px;min-height:30px;height:30px;padding:5px;background:transparent;border:0;border-radius:5px;color:#92a4bf}
html[data-layout=signal] .sidebar-rail-header .icon-button:hover{background:#ffffff09;color:#fff}
html[data-layout=signal] .sidebar-rail-header .nav-icon{width:17px;height:17px}
html[data-layout=signal] .sidebar nav{gap:5px}
html[data-layout=signal] .sidebar nav>a{position:relative;min-height:42px;padding:10px 14px;gap:11px;background:transparent;border:0;border-radius:5px;box-shadow:none;font-size:14px;font-weight:450;line-height:1.5;color:#aabbd1}
html[data-layout=signal] .sidebar nav>a .nav-icon{width:18px;height:18px;stroke-width:1.6}
html[data-layout=signal] .sidebar nav>a:hover{background:#ffffff06;border:0;color:#f3f6fc;box-shadow:none}
html[data-layout=signal] .sidebar nav>a.active{background:transparent;border:0;box-shadow:none;color:#f8f9fc;font-weight:600}
html[data-layout=signal] .sidebar nav>a.active::before{content:'';position:absolute;left:3px;top:17px;width:3px;height:8px;border-radius:2px;background:#f49752}
html[data-layout=signal] .sidebar nav>a.active .nav-icon{color:#f5aa71}
html[data-layout=signal] .sidebar-note{display:none}
html[data-layout=signal] .layout:has(>.sidebar.collapsed){grid-template-columns:60px minmax(0,1fr)}
html[data-layout=signal] .sidebar.collapsed{padding-left:8px;padding-right:8px}
html[data-layout=signal] .sidebar.collapsed .sidebar-rail-header{padding-left:0;padding-right:0;justify-content:center}
html[data-layout=signal] .sidebar.collapsed nav>a{padding:11px 0;justify-content:center}
html[data-layout=signal] .sidebar.collapsed nav>a.active::before{left:0}
@media(max-width:760px){html[data-layout=signal] .layout,html[data-layout=signal] .layout:has(>.sidebar.collapsed){display:block}html[data-layout=signal] .sidebar nav>a{min-height:44px}html[data-layout=signal] .sidebar nav>a.active::before{top:18px}}
/* Neutral charcoal rail contrasts with the navy content canvas. */
html[data-layout=signal]{--signal-rail:#191a1d;--signal-rail-line:#45474c}
html[data-layout=signal] .layout>.sidebar{background:var(--signal-rail);border-right-color:var(--signal-rail-line);min-height:calc(100dvh - 76px)}
html[data-layout=signal] .sidebar nav>a{color:#bdbfc5}
html[data-layout=signal] .sidebar nav>a:hover{background:#ffffff07;color:#fff}
html[data-layout=signal] .sidebar nav>a.active{background:transparent;color:#fff}
html[data-layout=signal] .sidebar-rail-header .icon-button{color:#bdbfc5;background:transparent}
html[data-layout=signal] body.navigation-open .layout>.sidebar.open{background:var(--signal-rail);border-right-color:var(--signal-rail-line)}
@media(max-width:760px){html[data-layout=signal] .layout>.sidebar{min-height:0}}
/* Compact bodies with distinct title bands: hierarchy without oversized cards. */
html[data-layout=signal] .signal-stream{gap:30px}
html[data-layout=signal] .signal-compose-section{padding:0;overflow:hidden}
html[data-layout=signal] .signal-compose-section>.signal-section-title{margin:0;padding:16px 22px;background:var(--signal-input);border-bottom:1px solid var(--signal-card-line);gap:8px 18px}
html[data-layout=signal] .signal-section-title h2{font-size:19px;line-height:1.4}
html[data-layout=signal] .signal-compose-section>.composer{padding:18px 22px}
html[data-layout=signal] .signal-compose-section .composer-person{margin-bottom:14px;gap:10px}
html[data-layout=signal] .signal-compose-section .composer-person .avatar{width:30px;height:30px;font-size:11px}
html[data-layout=signal] .signal-compose-section textarea{min-height:78px;max-height:240px;padding:12px 14px;font-size:16px}
html[data-layout=signal] .signal-compose-section .status-audience{margin:14px 0;gap:12px}
html[data-layout=signal] .signal-compose-section .composer-bottom{padding-top:14px;gap:14px}
html[data-layout=signal] .signal-feed-section>.signal-section-title{padding-bottom:14px;border-bottom:1px solid var(--signal-card-line);margin-bottom:16px}
html[data-layout=signal] .signal-feed-section .feed-tabs{padding-bottom:0;border-bottom:0;margin-bottom:18px}
html[data-layout=signal] #posts{gap:16px}
html[data-layout=signal] .signal-stream .post{padding:18px 22px}
html[data-layout=signal] .signal-stream .post-head{padding-bottom:14px;gap:12px}
html[data-layout=signal] .signal-stream .post-body{margin:16px 0;line-height:1.7}
html[data-layout=signal] .signal-stream .post-footer{padding-top:12px}
html[data-layout=signal] .community-people>h2{padding:0 0 14px;border-bottom:1px solid var(--signal-card-line);margin-bottom:16px;line-height:1.4}
html[data-layout=signal] #neighbors{padding:14px 16px}
html[data-layout=signal] .neighbor+.neighbor{padding-top:14px;margin-top:14px}
html[data-layout=signal] .online-friends{padding:0 16px 16px;margin-top:20px;overflow:hidden}
html[data-layout=signal] .online-friends summary{padding:14px 16px;margin:0 -16px;background:var(--signal-input);border-bottom:1px solid var(--signal-card-line)}
html[data-layout=signal] .online-friend{margin:14px 0}
html[data-layout=signal] .online-friends>a{padding-top:12px;margin-top:14px}
html[data-layout=signal] .krib-widget-header{padding:16px 20px;background:var(--signal-input)}
html[data-layout=signal] .krib-widget-body{padding:20px}
html[data-layout=signal] .krib-widget{margin-bottom:22px}
@media(max-width:760px){html[data-layout=signal] .signal-compose-section>.signal-section-title{padding:14px 18px}html[data-layout=signal] .signal-compose-section>.composer{padding:16px 18px}html[data-layout=signal] .signal-stream .post{padding:18px}html[data-layout=signal] .signal-compose-section textarea{min-height:82px}}
/* Signal's reading surfaces are neutral, not additional blue layers. */
html[data-layout=signal]{--signal-card:#ffffff;--signal-input:#f0f0ee;--signal-card-line:#c7c9ce}
html[data-layout=signal][data-theme=dark]{--signal-card:#28292d;--signal-input:#191a1d;--signal-card-line:#5b5d64;--surface:#28292d;--line:#5b5d64;--muted:#c0c2c9}
@media(prefers-color-scheme:dark){html[data-layout=signal][data-theme=system]{--signal-card:#28292d;--signal-input:#191a1d;--signal-card-line:#5b5d64;--surface:#28292d;--line:#5b5d64;--muted:#c0c2c9}}
html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .online-friends summary,html[data-layout=signal] .krib-widget-header{background:var(--signal-input)}
html[data-layout=signal] .signal-compose-section textarea,html[data-layout=signal] .signal-compose-section select{background:var(--signal-input)}
html[data-layout=signal] .feed-tabs button.selected{background:#f2f2ef;color:#15171b;border-color:#f2f2ef}
html[data-layout=signal][data-theme=light] .feed-tabs button.selected{background:#25262a;color:#fff;border-color:#25262a}
@media(prefers-color-scheme:light){html[data-layout=signal][data-theme=system] .feed-tabs button.selected{background:#25262a;color:#fff;border-color:#25262a}}
/* Softer neutral surfaces keep separation without near-black title bands. */
html[data-layout=signal][data-theme=dark]{--signal-card:#3b3e43;--signal-input:#484b50;--signal-card-line:#767a81;--surface:#3b3e43;--line:#767a81;--ink:#f5f3ef;--muted:#d0d0d2}
@media(prefers-color-scheme:dark){html[data-layout=signal][data-theme=system]{--signal-card:#3b3e43;--signal-input:#484b50;--signal-card-line:#767a81;--surface:#3b3e43;--line:#767a81;--ink:#f5f3ef;--muted:#d0d0d2}}
html[data-layout=signal][data-theme=dark] .signal-compose-section textarea,html[data-layout=signal][data-theme=dark] .signal-compose-section select{background:#303338}
@media(prefers-color-scheme:dark){html[data-layout=signal][data-theme=system] .signal-compose-section textarea,html[data-layout=signal][data-theme=system] .signal-compose-section select{background:#303338}}
/* Signal: off-white workspace, blue section headers, light reading surfaces. */
html[data-layout=signal][data-theme]{--signal-canvas:#f5f5f2;--signal-card:#ffffff;--signal-input:#edf2f7;--signal-card-line:#c5d0dc;--bg:#f5f5f2;--surface:#ffffff;--ink:#1e3048;--muted:#58697d;--line:#c5d0dc;--accent:#a94b0c;color-scheme:light}
html[data-layout=signal] body{background:var(--signal-canvas);color:var(--ink)}
html[data-layout=signal] .signal-compose-section,html[data-layout=signal] .signal-stream .post,html[data-layout=signal] #neighbors,html[data-layout=signal] .online-friends,html[data-layout=signal] .krib-widget{background:#ffffff;border-color:#c5d0dc}
html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .online-friends summary,html[data-layout=signal] .krib-widget-header{background:#294b6d;color:#ffffff;border-bottom:1px solid #173550}
html[data-layout=signal] .signal-compose-section>.signal-section-title>span,html[data-layout=signal] .krib-widget-header .widget-subtitle{color:#dce7f3}
html[data-layout=signal] .signal-compose-section>.composer{background:#f0f4f8}
html[data-layout=signal][data-theme] .signal-compose-section textarea,html[data-layout=signal][data-theme] .signal-compose-section select{background:#ffffff;color:#1e3048;border-color:#9badc0}
html[data-layout=signal] .signal-feed-section>.signal-section-title{background:#294b6d;color:#fff;padding:14px 20px;border:1px solid #173550;border-radius:8px;margin-bottom:18px}
html[data-layout=signal] .signal-stream .post-head{background:#edf2f7;margin:-18px -22px 0;padding:16px 22px;border-bottom:1px solid #c5d0dc;border-radius:11px 11px 0 0}
html[data-layout=signal][data-theme] .feed-tabs button.selected{background:#294b6d;color:#ffffff;border-color:#294b6d}
html[data-layout=signal] .community-people>h2{background:#294b6d;color:#ffffff;padding:14px 16px;border:1px solid #173550;border-radius:8px;font-size:16px;margin-bottom:16px}
html[data-layout=signal] .online-friends{background:#f0f4f8}
html[data-layout=signal] .krib-status-strip{background:#edf2f7;border:1px solid #c5d0dc;padding:20px;border-radius:8px}
html[data-layout=signal] .krib-masthead{color:#1e3048}
@media(max-width:760px){html[data-layout=signal] .signal-stream .post-head{margin-left:-18px;margin-right:-18px;padding:16px 18px}}
/* Owner-selected reference: navy canvas, muted blue headings, white bodies. */
html[data-layout=signal][data-theme]{--signal-canvas:#07192f;--signal-card:#fff;--signal-input:#f1f4f8;--signal-card-line:#9aaec2;--bg:#07192f;--surface:#fff;--ink:#172b43;--muted:#586c82;--line:#cbd5e0;--accent:#a94b0c;color-scheme:light}
html[data-layout=signal] body{background:#07192f;color:#edf3fb}
html[data-layout=signal] .signal-heading>p,html[data-layout=signal] .signal-heading .eyebrow{color:#bdcee1}
html[data-layout=signal] .signal-compose-section,html[data-layout=signal] .signal-stream .post,html[data-layout=signal] #neighbors,html[data-layout=signal] .online-friends,html[data-layout=signal] .krib-widget{background:#fff;color:#172b43}
html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .signal-feed-section>.signal-section-title,html[data-layout=signal] .community-people>h2,html[data-layout=signal] .online-friends summary,html[data-layout=signal] .krib-widget-header{background:#344f68;color:#fff;border-bottom:3px solid #f47f28}
html[data-layout=signal] .signal-compose-section>.composer{background:#fff;color:#172b43}
html[data-layout=signal] .signal-feed-section{background:#fff;color:#172b43;border:1px solid #8ba5bf;border-radius:10px;overflow:hidden}
html[data-layout=signal] .signal-feed-section>.signal-section-title{margin:0;border-radius:0;border-top:0;border-left:0;border-right:0;padding:18px 22px}
html[data-layout=signal] .signal-feed-section .feed-tabs{margin:0;padding:12px 22px;border-bottom:1px solid #cbd5e0;background:#f1f4f8}
html[data-layout=signal][data-theme] .feed-tabs button.selected{background:#f47f28;color:#101c2f;border-color:#f47f28}
html[data-layout=signal] #posts{gap:0}
html[data-layout=signal] .signal-stream .post{border:0;border-radius:0;border-bottom:1px solid #cbd5e0;padding:20px 22px}
html[data-layout=signal] .signal-stream .post-head{background:#fff;margin:0;padding:0;border:0;border-radius:0}
html[data-layout=signal] .signal-stream .post-body{margin:16px 0}
html[data-layout=signal] .signal-stream .post-footer{border:0;padding:0}
html[data-layout=signal] .load-more{margin:16px 22px;width:calc(100% - 44px);color:#172b43}
html[data-layout=signal] .community-people .seed-note{color:#bdcee1}
html[data-layout=signal] .krib-masthead,html[data-layout=signal] .krib-masthead p,html[data-layout=signal] .krib-overline,html[data-layout=signal] .krib-preview-details,html[data-layout=signal] .krib-breadcrumb,html[data-layout=signal] .profile-privacy{color:#dce7f4}
html[data-layout=signal] .krib-status-strip,html[data-layout=signal] .krib-member-card{background:#fff;color:#172b43}
html[data-layout=signal] .signal-compose-section .composer-bottom,html[data-layout=signal] .post-head time,html[data-layout=signal] .post-footer,html[data-layout=signal] .person small{color:#586c82}
@media(max-width:760px){html[data-layout=signal] .signal-stream .post-head{margin:0;padding:0}html[data-layout=signal] .signal-stream .post{padding:18px}html[data-layout=signal] .signal-feed-section>.signal-section-title{padding:16px 18px}}
/* Compact density: headers identify sections without becoming large banners. */
html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .signal-feed-section>.signal-section-title,html[data-layout=signal] .community-people>h2,html[data-layout=signal] .krib-widget-header{padding:10px 18px;min-height:0;border-bottom-width:2px}
html[data-layout=signal] .signal-section-title h2,html[data-layout=signal] .krib-widget-header h2{font-size:17px;line-height:1.3;margin:0}
html[data-layout=signal] .signal-section-title>span{font-size:12px;line-height:1.4}
html[data-layout=signal] .signal-stream{gap:22px}
html[data-layout=signal] .signal-compose-section>.composer{padding:14px 18px}
html[data-layout=signal] .signal-compose-section .composer-person{margin-bottom:10px}
html[data-layout=signal] .signal-compose-section .composer-person .avatar{width:28px;height:28px}
html[data-layout=signal][data-theme] .signal-compose-section textarea{min-height:62px;padding:10px 12px}
html[data-layout=signal] .signal-compose-section .status-audience{margin:10px 0;gap:12px}
html[data-layout=signal] .signal-compose-section .status-audience select{min-height:38px;padding:6px 10px;font-size:14px}
html[data-layout=signal] .signal-compose-section .composer-bottom{padding-top:10px}
html[data-layout=signal] .signal-compose-section .composer-bottom .button{min-height:40px;padding:8px 14px;font-size:14px}
html[data-layout=signal] .signal-feed-section .feed-tabs{padding:9px 18px;gap:8px}
html[data-layout=signal] .signal-stream .post{padding:16px 18px}
html[data-layout=signal] .signal-stream .post-body{margin:12px 0;line-height:1.65}
html[data-layout=signal] .signal-heading{margin-bottom:26px;padding-bottom:20px}
html[data-layout=signal] .signal-heading h1{margin:8px 0 10px}
html[data-layout=signal] .online-friends summary{padding:10px 16px;line-height:1.4;border-bottom-width:2px}
html[data-layout=signal] .krib-widget-body{padding:18px}
@media(max-width:760px){html[data-layout=signal] .signal-compose-section>.signal-section-title,html[data-layout=signal] .signal-feed-section>.signal-section-title{padding:10px 16px}html[data-layout=signal] .signal-compose-section>.composer{padding:14px 16px}html[data-layout=signal] .signal-section-title>span{display:none}html[data-layout=signal] .signal-compose-section .composer-bottom .button{min-height:44px}html[data-layout=signal] .signal-compose-section .status-audience select{min-height:44px}}
/* Persistent navigation on every route. Only content scrolls past it. */
html[data-layout=signal] .layout,html[data-layout=signal] body[data-page] .layout{display:block;margin-left:190px}
html[data-layout=signal] .layout:has(>.sidebar.collapsed),html[data-layout=signal] body[data-page] .layout:has(>.sidebar.collapsed){margin-left:60px}
html[data-layout=signal] body[data-page] .layout>.sidebar,html[data-layout=signal] body[data-page] .layout>.sidebar:not(.open){display:block!important;position:fixed;top:76px;bottom:0;left:0;width:190px;min-height:0;overflow-y:auto;z-index:35;padding:24px 12px;background:var(--signal-rail);border-right:1px solid var(--signal-rail-line)}
html[data-layout=signal] body[data-page] .layout>.sidebar.collapsed{width:60px;padding-left:8px;padding-right:8px}
html[data-layout=signal] .topbar{position:sticky;top:0}
@media(max-width:760px){
 html[data-layout=signal] .layout,html[data-layout=signal] body[data-page] .layout{margin-left:min(190px,48vw)}
 html[data-layout=signal] body[data-page] .layout>.sidebar,html[data-layout=signal] body[data-page] .layout>.sidebar:not(.open){top:68px;width:min(190px,48vw);padding:18px 8px}
 html[data-layout=signal] body[data-page] .layout>.sidebar.collapsed{width:52px}
 html[data-layout=signal] .layout:has(>.sidebar.collapsed),html[data-layout=signal] body[data-page] .layout:has(>.sidebar.collapsed){margin-left:52px}
 .mobile-nav{display:none!important}
 html[data-layout=signal] .layout>main{padding:22px 14px 36px}
 .header-actions{gap:6px}.brand-logo{width:140px;height:35px}
 .signal-compose-section .composer-bottom{align-items:flex-start}
 .messages-workspace{grid-template-columns:minmax(0,1fr)}
}
/* Nearly square geometry throughout the selected interface. */
html[data-layout=signal] .signal-compose-section,
html[data-layout=signal] .signal-feed-section,
html[data-layout=signal] .signal-stream .post,
html[data-layout=signal] #neighbors,
html[data-layout=signal] .online-friends,
html[data-layout=signal] .community-people>h2,
html[data-layout=signal] .krib-widget,
html[data-layout=signal] .krib-member-card,
html[data-layout=signal] .krib-status-strip,
html[data-layout=signal] .card,
html[data-layout=signal] .messages-workspace,
html[data-layout=signal] .mini-chat,
html[data-layout=signal] .recipient-results,
html[data-layout=signal] .recipient-friends,
html[data-layout=signal] dialog{border-radius:3px}
html[data-layout=signal] .signal-stream .post-head,
html[data-layout=signal] .signal-section-title,
html[data-layout=signal] .krib-widget-header{border-radius:0}
html[data-layout=signal] button,
html[data-layout=signal] .button,
html[data-layout=signal] .text-button,
html[data-layout=signal] .icon-button,
html[data-layout=signal] input,
html[data-layout=signal] select,
html[data-layout=signal] textarea,
html[data-layout=signal] .sidebar nav>a,
html[data-layout=signal] .sidebar-rail-header .icon-button,
html[data-layout=signal] .chat-message{border-radius:3px}
html[data-layout=signal] .avatar.large{border-radius:4px}
html[data-layout=signal] #notice:not(:empty){border-radius:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}