/* Roomly skeletons (2026-10-05) — пара к roomly-skeleton.js. */
:root{--rsk-c:rgba(100,116,139,.13);--rsk-h:rgba(100,116,139,.24);--rsk-line:rgba(100,116,139,.16)}
.rsk-host{display:block!important;align-items:initial!important;text-align:left!important}
.rsk-host.rsk-sec{padding-top:12px!important;padding-bottom:12px!important;height:auto!important}
.rsk-host>.animate-spin,.rsk-host>p{display:none!important}
.rsk-host.rsk-v-shell,.rsk-host.rsk-v-room{overflow:hidden}
.rsk{animation:rsk-in .3s .12s both;width:100%;height:100%}
@keyframes rsk-in{from{opacity:0}to{opacity:1}}

.rsk-b{display:block;flex:none;border-radius:10px;background:var(--rsk-c) linear-gradient(100deg,transparent 30%,var(--rsk-h) 50%,transparent 70%) no-repeat;background-size:200vw 100%;background-attachment:fixed;animation:rsk-shine 1.6s linear infinite}
@keyframes rsk-shine{from{background-position:-100vw 0}to{background-position:100vw 0}}
@media (prefers-reduced-motion:reduce){.rsk-b{animation:none;background-image:none}.rsk{animation:none}}

.rsk-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.rsk-grow{flex:1 1 auto}
.rsk-gap{height:12px}
.rsk-card{border:1px solid var(--rsk-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;gap:12px}
.rsk-pad{padding:18px}
.rsk-card.rsk-pad,.rsk-card .rsk-pad{display:flex;flex-direction:column;gap:12px}

/* шапка навигации (только десктоп, как и настоящая) */
.rsk-nav{display:none;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--rsk-line)}
@media (min-width:768px){.rsk-nav{display:flex}}
.rsk-logo{width:40px;height:40px;border-radius:12px}
.rsk-links,.rsk-icons{display:flex;gap:10px}
.rsk-link{width:110px;height:36px;border-radius:12px}
.rsk-ic{width:36px;height:36px;border-radius:12px}

/* страница */
.rsk-page{max-width:72rem;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:24px}
@media (min-width:768px){.rsk-page{padding:32px}}
.rsk-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rsk-head>.rsk-col{flex:1}
.rsk-btn{width:150px;height:42px;border-radius:14px}
.rsk-full{width:100%}
.rsk-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media (min-width:1024px){.rsk-stats{grid-template-columns:repeat(4,1fr)}}
.rsk-main{display:grid;gap:24px}
@media (min-width:1024px){.rsk-main{grid-template-columns:2fr 1fr}}
.rsk-row{display:flex;align-items:center;gap:14px;padding:8px 0}
.rsk-av{width:42px;height:42px;border-radius:50%}
.rsk-pill{width:72px;height:28px;border-radius:999px}
.rsk-search{height:48px;border-radius:16px}
.rsk-chips,.rsk-tags{display:flex;gap:10px;flex-wrap:wrap}
.rsk-chip{width:96px;height:34px;border-radius:999px}
.rsk-grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:640px){.rsk-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.rsk-grid{grid-template-columns:repeat(3,1fr)}}
.rsk-img{height:150px;border-radius:0}

/* профиль / приглашение / статья */
.rsk-center{align-items:center;text-align:center;padding-top:56px}
.rsk-avatar{width:112px;height:112px;border-radius:50%}
.rsk-avatar.rsk-sm{width:72px;height:72px;align-self:center}
.rsk-wide{width:100%;margin-top:16px}
.rsk-narrow{width:min(420px,100%);align-items:stretch}
.rsk-narrow>.rsk-b:not(.rsk-avatar){align-self:center}
.rsk-narrow>.rsk-btn{margin-top:8px}
.rsk-article{max-width:48rem;gap:14px}
.rsk-cover{height:220px;border-radius:20px;margin-bottom:10px}

/* комната */
.rsk-room{display:flex;height:100%;min-height:100%}
.rsk-side{display:none;width:260px;flex:none;padding:20px 16px;border-right:1px solid var(--rsk-line);flex-direction:column;gap:10px}
@media (min-width:768px){.rsk-side{display:flex}}
.rsk-ch{display:flex;align-items:center;gap:10px;padding:4px 0}
.rsk-ch .rsk-ic{width:28px;height:28px;border-radius:9px}
.rsk-stage{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;min-width:0}
.rsk-bar{display:flex;align-items:center;gap:12px}
.rsk-canvas{flex:1;min-height:240px;border-radius:20px}
.rsk-dock{display:flex;justify-content:center;gap:14px}
.rsk-round{width:48px;height:48px;border-radius:50%}
.rsk-panel{height:100%;min-height:240px;padding:16px;display:flex}

/* секции */
.rsk-sect{display:flex;flex-direction:column;gap:6px;width:100%}
.rsk-sect.rsk-grid{display:grid;gap:20px}
.rsk-chat{gap:14px}
.rsk-msg{display:flex;align-items:flex-end;gap:10px}
.rsk-me{justify-content:flex-end}
.rsk-msg .rsk-av{width:34px;height:34px}
.rsk-bub{height:44px;border-radius:18px}