.community-shell{
  padding-top:20px;
  padding-bottom:48px;
}
.community-hero,
.community-discovery,
.community-profile-card,
.community-profile-roadmap,
.community-editor-card,
.community-home-shelf,
.community-studio-preview,
.community-studio-hero,
.community-watch-shell,
.community-channel-header,
.community-channel-tabs,
.community-featured-player,
.community-player-side,
.community-channel-hero,
.community-about-grid,
.community-about-card,
.community-queue-card{
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(13,18,32,.95), rgba(10,14,25,.92));
  border-radius:22px;
  box-shadow:0 18px 44px rgba(0,0,0,.22);
}
.community-channel-hero,
.community-editor-card,
.community-studio-preview,
.community-studio-hero,
.community-home-shelf,
.community-watch-shell,
.community-channel-header,
.community-channel-tabs,
.community-featured-player,
.community-player-side,
.community-about-grid{
  padding:20px;
}
.community-channel-hero,
.community-home-shelf,
.community-featured-player,
.community-watch-shell,
.community-post-editor-shell,
.community-studio-grid,
.community-channel-tabs,
.community-channel-header,
.community-about-grid{
  margin-top:18px;
}
.community-channel-banner,
.community-profile-list-banner,
.community-watch-media{
  min-height:250px;
  border-radius:26px;
  background:
    radial-gradient(circle at top right, rgba(74,186,255,.22), transparent 28%),
    radial-gradient(circle at left center, rgba(141,70,255,.22), transparent 28%),
    linear-gradient(135deg, rgba(52,24,100,.92), rgba(8,12,23,.95) 55%, rgba(16,75,110,.9));
  border:1px solid rgba(255,255,255,.08);
  position:relative;
  overflow:hidden;
}
.community-channel-banner::before,
.community-profile-list-banner::before,
.community-watch-media::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.18;
}
.community-channel-banner-overlay,
.community-profile-list-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.52));
}
.community-channel-banner--landing{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:22px;
  align-items:end;
  padding:28px;
}
.community-channel-banner--preview{ min-height:210px; }
.community-channel-banner-copy,
.community-channel-sidepanel,
.community-channel-banner-content{
  position:relative;
  z-index:1;
}
.community-channel-title-xl,
.community-channel-name,
.community-watch-title,
.community-shelf-title,
.community-about-title,
.community-queue-title,
.community-post-title,
.community-profile-list-name{
  margin:0;
  color:#fff;
}
.community-channel-title-xl{
  font-size:clamp(2.1rem, 3.6vw, 3.2rem);
  line-height:1.02;
  margin:10px 0 12px;
}
.community-channel-copy,
.community-watch-copy,
.community-channel-bio,
.community-profile-list-bio,
.community-about-copy{
  max-width:78ch;
  line-height:1.72;
}
.community-channel-actions,
.community-profile-links,
.community-post-actions,
.community-post-manage-links,
.community-profile-list-links,
.community-profile-list-actions,
.community-channel-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.community-hero-stat-stack,
.community-overview-grid,
.community-about-grid{
  display:grid;
  gap:14px;
}
.community-hero-stat-card,
.community-overview-card,
.community-mini-stat,
.community-member-stat,
.community-player-side,
.community-post-manage-card,
.community-about-card,
.community-queue-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,11,21,.7);
  border-radius:18px;
  padding:14px;
}
.community-hero-stat-card strong,
.community-channel-stat strong,
.community-about-stat strong{ display:block; font-size:1.06rem; }
.community-hero-note,
.community-mini-note,
.community-editor-note,
.community-inline-meta,
.community-editor-status,
.community-toolbar-note,
.community-profile-list-handle,
.community-channel-handle,
.community-channel-bio,
.community-profile-loading,
.community-post-date,
.community-about-copy,
.community-watch-note,
.community-post-copy,
.community-queue-copy,
.community-profile-list-bio,
.community-watch-copy,
.community-watch-note,
.community-empty,
.muted{ color:#aab0c0; }
.community-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.community-searchshell{ flex:1 1 260px; }
.community-searchinput{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,14,28,.94);
  color:#fff;
  border-radius:999px;
  padding:12px 16px;
}
.community-directory-grid,
.community-post-grid{
  display:grid;
  gap:18px;
}
.community-directory-grid{ grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.community-post-grid{ grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); }
.community-post-grid--featured{ grid-template-columns:1fr; gap:14px; }
.community-post-grid--shelf{ grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); }
.community-profile-list-card,
.community-post-card,
.community-post-manage-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,10,20,.82);
  border-radius:24px;
  overflow:hidden;
}
.community-profile-list-card--channel{ padding:0; }
.community-profile-list-banner{
  min-height:156px;
  border-radius:0;
  border:0;
}
.community-profile-list-head{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.community-profile-list-head--overlay{
  padding:0 18px;
  margin-top:-42px;
  position:relative;
  z-index:1;
}
.community-profile-list-avatar,
.community-profile-avatar,
.community-channel-avatar,
.community-post-author-avatar{
  overflow:hidden;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(145,70,255,.4), rgba(0,200,255,.18));
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-weight:700;
}
.community-profile-list-avatar,
.community-profile-avatar,
.community-channel-avatar{
  width:96px;
  height:96px;
  border-radius:999px;
}
.community-channel-avatar{
  width:148px;
  height:148px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  border:4px solid rgba(8,12,23,.92);
}
.community-post-author-avatar{ width:48px; height:48px; border-radius:999px; }
.community-post-author-avatar--lg{ width:52px; height:52px; }
.community-profile-list-avatar img,
.community-profile-avatar img,
.community-channel-avatar img,
.community-post-author-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.community-profile-list-card--channel > .community-profile-list-bio,
.community-profile-list-card--channel > .community-profile-list-tags,
.community-profile-list-card--channel > .community-profile-list-links,
.community-profile-list-card--channel > .community-profile-list-actions{ padding:0 18px 0 18px; }
.community-profile-list-card--channel > .community-profile-list-actions{ padding-bottom:18px; }
.community-profile-list-name,
.community-channel-name,
.community-watch-title{ font-size:clamp(1.25rem, 2vw, 2.15rem); }
.community-profile-list-tags,
.community-profile-genres,
.community-profile-list-links,
.community-profile-links,
.community-channel-stats,
.community-about-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.community-tag,
.community-profile-list-link,
.community-link-chip,
.community-service-chip,
.community-post-manage-state,
.community-channel-stat,
.community-about-stat{
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  border-radius:999px;
  color:#fff;
  text-decoration:none;
}
.community-tag,
.community-service-chip,
.community-post-manage-state{ padding:7px 12px; font-size:.88rem; }
.community-link-chip{
  padding:9px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.92rem;
}
.community-chip-icon,
.community-btn-icon,
.community-chip-external{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  font-size:.82rem;
}
.community-chip-icon,
.community-btn-icon{ background:rgba(255,255,255,.09); }
.community-chip-external{ background:transparent; opacity:.72; }
.community-profile-list-actions,
.community-post-meta-row,
.community-post-manage-meta,
.community-watch-toprow,
.community-shelf-head,
.community-channel-subline,
.community-post-submeta,
.community-queue-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.community-empty{
  border:1px dashed rgba(255,255,255,.14);
  border-radius:18px;
  padding:22px;
  background:rgba(255,255,255,.02);
}
.community-channel-header{
  margin-top:18px;
  padding-top:0;
  overflow:visible;
}
.community-channel-header-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
}
.community-channel-avatar-wrap{
  margin-top:-82px;
  position:relative;
}
.community-channel-meta{ display:grid; gap:10px; }
.community-channel-subline{ justify-content:flex-start; gap:12px; font-size:.97rem; }
.community-channel-stats{ margin-top:10px; }
.community-channel-stat,
.community-about-stat{
  padding:10px 14px;
  display:flex;
  gap:10px;
  align-items:center;
}
.community-channel-stat span,
.community-about-stat span{ color:#aab0c0; font-size:.9rem; }
.community-channel-tab{
  color:#cfd5e2;
  text-decoration:none;
  padding:14px 18px;
  border-radius:14px;
  white-space:nowrap;
  position:relative;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.community-channel-tab::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:8px;
  height:2px;
  border-radius:999px;
  background:transparent;
}
.community-channel-tab.is-active,
.community-channel-tab:hover{
  background:rgba(255,255,255,.05);
  color:#fff;
  border-color:rgba(255,255,255,.08);
}
.community-channel-tab.is-active::after{ background:linear-gradient(90deg, #9a5cff, #4fbbff); }
.community-player-grid{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  gap:20px;
}
.community-player-grid--single{ grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr); }
.community-player-stage,
.community-watch-media-player{ min-height:300px; }
.community-embed-shell{
  border-radius:22px;
  overflow:hidden;
  background:#05070e;
  border:1px solid rgba(255,255,255,.08);
}
.community-embed-shell.is-video iframe{
  width:100%;
  aspect-ratio:16 / 9;
  display:block;
  border:0;
}
.community-embed-shell.is-audio iframe{
  width:100%;
  height:420px;
  display:block;
  border:0;
}
.community-player-empty{
  min-height:300px;
  display:grid;
  place-items:center;
  text-align:center;
  gap:8px;
  padding:24px;
  color:#cfd5e2;
  border:1px dashed rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.02);
}
.community-side-title{ margin:6px 0 12px; }
.community-post-card--channel{ background:transparent; border:0; }
.community-post-thumb{
  min-height:210px;
  display:block;
  position:relative;
  background:center/cover no-repeat, linear-gradient(135deg, rgba(145,70,255,.22), rgba(0,200,255,.12));
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}
.community-post-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.5));
}
.community-post-service-badge,
.community-post-playbadge{
  position:absolute;
  z-index:1;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(5,8,15,.78);
  color:#fff;
}
.community-post-service-badge{
  top:12px;
  left:12px;
  border-radius:999px;
  padding:6px 10px;
  font-size:.82rem;
}
.community-post-playbadge{
  right:14px;
  bottom:14px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:999px;
  font-size:1rem;
  box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.community-post-row{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  padding:14px 2px 0;
}
.community-post-body--compact{ padding:0; display:grid; gap:8px; }
.community-post-eyebrow{
  color:#93a7d5;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.76rem;
}
.community-post-title,
.community-post-manage-title{ margin:0; font-size:1.16rem; }
.community-post-title a{ color:inherit; text-decoration:none; }
.community-post-copy,
.community-post-manage-copy,
.community-queue-copy{ margin:0; line-height:1.58; }
.community-post-author{ display:flex; align-items:center; gap:10px; color:#dbe0ea; }
.community-watch-meta{ display:grid; gap:14px; }
.community-watch-media{ margin-top:14px; min-height:120px; }
.community-queue-card{ display:grid; gap:10px; }
.community-queue-title{ font-size:1rem; }
.community-post-actions{ margin-top:4px; }
.community-post-actions--queue .pillbtn{ font-size:.9rem; }
.community-studio-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:16px;
}
.community-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; }
.community-form-grid .admin-field--wide{ grid-column:1 / -1; }
.community-post-manage-list{ display:grid; gap:14px; margin-top:16px; }
.community-overview-grid--single{ grid-template-columns:1fr; }
.community-about-grid{ grid-template-columns:1.15fr .85fr; }
.community-about-title{ font-size:1.3rem; margin-bottom:10px; }
.community-about-copy{ margin:0; }
.community-watch-note{ line-height:1.62; }
.community-player-side{ align-self:start; }
.community-channel-header-actions,
.community-profile-list-actions{ justify-content:flex-end; }
.community-channel-inline-actions .pillbtn,
.community-profile-list-actions .pillbtn,
.community-post-actions .pillbtn,
.community-watch-actions .pillbtn{ min-height:42px; }

@media (max-width: 1100px){
  .community-player-grid,
  .community-player-grid--single,
  .community-channel-banner--landing,
  .community-about-grid,
  .community-studio-grid,
  .community-form-grid{ grid-template-columns:1fr; }
  .community-channel-header-main{ grid-template-columns:auto minmax(0,1fr); }
  .community-channel-header-actions{ grid-column:1 / -1; justify-content:flex-start; }
}
@media (max-width: 840px){
  .community-channel-avatar-wrap{ margin-top:-58px; }
  .community-channel-avatar{ width:118px; height:118px; }
  .community-profile-list-head,
  .community-channel-header-main{ grid-template-columns:1fr; align-items:start; }
  .community-channel-actions,
  .community-profile-list-actions{ justify-content:flex-start; }
}
@media (max-width: 720px){
  .community-channel-banner,
  .community-profile-list-banner{ min-height:180px; }
  .community-channel-banner--landing{ padding:20px; }
  .community-directory-grid,
  .community-post-grid{ grid-template-columns:1fr; }
  .community-post-thumb{ min-height:180px; }
  .community-post-row{ grid-template-columns:1fr; }
  .community-profile-list-head--overlay{ margin-top:-28px; }
  .community-profile-list-avatar{ width:82px; height:82px; }
  .community-channel-avatar{ width:104px; height:104px; }
  .community-channel-tabs{ padding:8px; }
  .community-channel-tab{ padding:12px 14px; }
}