:root{--site-width:1200px}
#app{max-width:var(--site-width);margin-inline:auto}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-home{padding:30px;margin-bottom:28px}
.profile-identity{display:flex;align-items:flex-start;gap:22px}
.profile-identity>.avatar{width:96px;height:96px;font-size:32px;flex:none;border-radius:28px}
.profile-details{flex:1;min-width:0}
.profile-details h1{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
.profile-details small{display:block;margin-top:8px}
.profile-details p{margin:12px 0 0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.profile-edit{margin-top:13px;color:var(--muted);font-size:12px;padding:6px 0}
.profile-add{flex:none}.profile-add button{display:flex;align-items:center;gap:7px}
.profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}
.profile-posts,.profile-updates{min-width:0}
.profile-updates{display:grid;gap:18px}.profile-updates .card{padding:21px}
.profile-updates .section-heading{margin:0 0 14px}.profile-updates h2{font-size:16px}
.profile-updates .text-btn{font-size:12px}
.profile-event{display:block;padding:13px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.profile-event strong{font-size:13px;font-weight:500}.profile-event.unread strong{font-weight:700}
.profile-event p{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.profile-event small{font-size:10px}.profile-quiet{font-size:13px;line-height:1.6}
.profile-room{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 0;overflow-wrap:anywhere}
.profile-room span{min-width:0}.profile-footer{margin-top:26px;color:var(--muted);font-size:12px}
@media(min-width:681px){
 #app .side{left:max(0px,calc((100vw - var(--site-width))/2));width:220px;padding:28px 18px;gap:24px}
 #app .page{margin-left:220px;margin-right:0;max-width:none;padding:28px 28px 130px}
 #app .main-content,#app .topbar{max-width:none;margin-inline:0}
 .minutka-launcher{right:max(20px,calc((100vw - var(--site-width))/2 + 20px))}
 .minutka-drawer{right:max(24px,calc((100vw - var(--site-width))/2 + 24px))}
}
@media(min-width:681px) and (max-width:1050px){
 .profile-columns{grid-template-columns:minmax(0,1fr)}
 .profile-updates{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-identity{flex-wrap:wrap}.profile-add{margin-left:118px}
}
@media(max-width:680px){
 .profile-home{padding:22px 18px;margin-bottom:24px}
 .profile-identity{gap:16px;flex-wrap:wrap}
 .profile-identity>.avatar{width:76px;height:76px;font-size:27px;border-radius:24px}
 .profile-details h1{font-size:23px}.profile-details p{font-size:13px}
 .profile-add{width:100%}.profile-add button{width:100%;justify-content:center}
 .profile-columns{grid-template-columns:minmax(0,1fr);gap:24px}
 .profile-updates{grid-template-columns:minmax(0,1fr)}
 .profile-posts .section-heading h2{font-size:18px}.profile-posts .section-heading a{font-size:12px}
}
