.app{grid-template-columns:248px minmax(0,1fr)}
.side{display:flex;flex-direction:column;gap:2px;padding:20px 14px;position:relative;background:color-mix(in srgb,var(--color-neutral-900) 35%,transparent)}
.side::after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent)}
.tabs{display:none}.only-m{display:none!important}.only-d{display:revert}
.top{padding:22px 32px 6px 40px;min-height:72px}.top h1{font-size:28px}
.main{padding:6px 40px 56px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;max-width:1120px;align-items:start}
.home-grid>.sec:first-child,.home-grid .c2>.sec:first-child{margin-top:0}
.split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:36px;max-width:1120px;height:100%}
.split-list,.in-thread .split-list{display:block;overflow-y:auto}
.split-pane,.in-thread .split-pane{display:flex;flex-direction:column;min-height:0}
.main.chat{overflow:hidden;padding-bottom:24px}
.split-pane .thread-scroll{flex:1;overflow-y:auto;padding-right:8px}
.toast{bottom:32px}