*{box-sizing:border-box}body{margin:0;color:#16211f;background:#f6f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{min-height:40px;border:1px solid #c7d2cd;border-radius:8px;background:#fff;color:#16211f;font:inherit;font-weight:700;cursor:pointer}main{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.rail{display:flex;flex-direction:column;gap:12px;padding:18px;background:#103f39;color:#f8f4ec}.rail img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.rail button{border-color:#ffffff38;background:transparent;color:#f8f4ec}.rail button.active{background:#f8f4ec;color:#103f39}.workspace{padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}header p,.post span,.side span,.post small{margin:0;color:#64706c;font-size:.88rem}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem}.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.stream{display:grid;gap:14px}.post,.side,.profile{border:1px solid #d8d3c9;border-radius:8px;background:#fffdf9;padding:18px}.post h2{margin:8px 0;font-size:1.12rem}.side{align-self:start;display:grid;gap:12px}.side article{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid #ebe6dc}.members span{display:block;padding:10px 0;border-bottom:1px solid #ebe6dc;color:#16211f}.profile{max-width:720px}.avatar{display:grid;place-items:center;width:72px;height:72px;margin-bottom:14px;border-radius:50%;background:#d84c2a;color:#fffdf9;font-size:2rem;font-weight:800}.compact{margin-top:18px}@media(max-width:800px){main,.grid{grid-template-columns:1fr}.rail{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:64px 1fr repeat(3,auto);align-items:center}.rail img{height:48px}}