:root{--sidebar-width: 260px;--header-height: 56px;--chat-max-width: 820px;--message-max-width: 800px;--chat-padding: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{display:flex;height:100%}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}@media (max-width: 767px){:root{--chat-max-width: 100%;--message-max-width: 100%;--chat-padding: 12px}}@media (min-width: 768px) and (max-width: 1023px){:root{--chat-max-width: 680px;--message-max-width: 760px;--chat-padding: 16px}}@media (min-width: 1024px){:root{--chat-max-width: 820px;--message-max-width: 800px;--chat-padding: 20px}}