html,body{margin:0;min-height:100%}body{background:#171009;color-scheme:dark;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body app-root .cafe-app{display:flex;flex-direction:column}body app-root .cafe-app>main{margin-bottom:var(--sp-5)}body app-root .cafe-app>.site-footer{margin-top:auto}.topbar-user{border-radius:var(--r-full);min-width:0;padding:3px var(--sp-3) 3px 3px}.topbar-user-avatar{height:34px;width:34px}.topbar-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){body app-root .topbar.topbar{gap:var(--sp-2);grid-template-columns:auto minmax(0,1fr) auto auto;padding:var(--sp-2) var(--sp-3)}body app-root .topbar .brand{gap:var(--sp-2)}body app-root .topbar .brand-mark{border-radius:14px;height:56px;width:56px}body app-root .topbar .top-nav{gap:var(--sp-2);grid-column:2;grid-row:1;justify-content:flex-end;min-width:0;overflow:hidden}body app-root .topbar .menu-toggle{grid-column:4}body app-root .topbar .session-pill{gap:var(--sp-2);grid-column:3;padding:var(--sp-2) var(--sp-3)}body app-root .topbar .session-pill.session-pill span:not(.live-dot){display:none}body app-root .topbar .top-nav .leave-room-btn.btn{font-size:0;min-height:40px;padding:0 var(--sp-3);width:auto}body app-root .topbar .lang-switch.lang-switch button{min-height:28px;padding:0 5px}.topbar-user{min-height:40px;padding:3px}.topbar-user-name{display:none}}