.topbar{gap:8px}
.brand{min-width:0;flex:1}.brand-logo{display:block!important;width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;aspect-ratio:1/1!important;border-radius:50%!important;object-fit:cover!important;overflow:hidden}
.header-actions{flex:0 0 auto;min-width:0}
.chat-button{width:auto!important;max-width:none;height:44px;flex:0 0 auto!important;border-radius:22px!important;color:var(--gold);font-size:11px!important;font-weight:900;letter-spacing:.04em;padding:0 12px!important;white-space:nowrap;overflow:visible}
@media(max-width:480px){#app{padding-left:10px;padding-right:10px}.topbar{gap:5px}.header-actions{gap:5px}.brand{font-size:14px;letter-spacing:.04em}.brand-logo{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important}.chat-button{height:38px!important;padding:0 8px!important;font-size:9px!important}.calendar-button,.avatar{width:38px;height:38px;flex-basis:38px}}
.chat-compose{grid-template-columns:44px minmax(0,1fr) 44px 44px}.chat-emoji{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#2a251f;font-size:20px;padding:0}.chat-emoji.active{border-color:var(--orange);background:#4a2813}.emoji-panel{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-height:180px;overflow-y:auto;padding:9px;border:1px solid var(--line);border-radius:14px;background:#100f0d}.emoji-panel button{width:100%;height:36px;min-width:0}@media(max-width:420px){.chat-compose{grid-template-columns:40px minmax(0,1fr) 40px 40px;gap:5px}.chat-photo,.chat-emoji,.chat-send{width:40px;height:40px}.emoji-panel{grid-template-columns:repeat(7,1fr);padding:7px;gap:3px}}
.chat-button{position:relative}.chat-badge{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e23c2f;color:#fff;font-size:10px;letter-spacing:0;box-shadow:0 2px 8px #0008}
.hero h1{font-size:clamp(21px,3.7vw,28px);line-height:1.1;letter-spacing:0;max-width:420px;margin:9px 0 14px}@media(max-width:700px){.hero h1{font-size:clamp(19px,4.2vw,23px);max-width:340px}}@media(max-width:480px){.hero h1{font-size:clamp(18px,4.8vw,21px);max-width:270px;margin-top:8px}}
body:has(.dialog){overflow:hidden;overscroll-behavior:none}.dialog{overscroll-behavior:contain;touch-action:none}.dialog-card{max-height:calc(100dvh - 32px);touch-action:auto}.members-card{height:min(82dvh,720px);min-height:0;overflow:hidden}.members-list{flex:1;min-height:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.members-search,.members-card>.secondary,.members-card>.section-head{flex:0 0 auto}@media(max-width:480px){.dialog{padding:10px}.members-card{height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);border-radius:20px}}
.presence{font-size:11px!important;color:#8e8a81!important}.presence.is-online,#directPresence.is-online{color:#76d976!important}.presence-avatar{position:relative}.presence-avatar.online{box-shadow:0 0 0 2px #4fbf63}.member-write{border:1px solid #3d7448;background:#132b19;color:#94e6a3;border-radius:10px;padding:8px;font-size:11px;font-weight:900}.direct-compose{grid-template-columns:44px minmax(0,1fr) 44px}.direct-file{display:flex;align-items:center;gap:7px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#1a1815;color:var(--gold);overflow-wrap:anywhere}.direct-file small{color:var(--muted);white-space:nowrap}@media(max-width:420px){.direct-compose{grid-template-columns:40px minmax(0,1fr) 40px}}