/* creator.css — extra styles for public creator profile (builds on eroback.css) */

/* Not-found state */
.cr-not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: 16px;
  color: var(--muted);
  text-align: center;
  padding: 40px;
}
.cr-not-found-icon  { font-size: 48px; }
.cr-not-found-title { font-size: 20px; font-weight: 700; color: var(--text); }

/* Subscribe button in hero */
.hero-subscribe-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 28px;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, transform .15s;
  margin-top: 12px;
}
.hero-subscribe-btn:hover { background: var(--ad); transform: translateY(-1px); }
.hero-subscribe-btn svg {
  width: 16px; height: 16px;
  stroke: currentColor; fill: none; stroke-width: 2.5; flex-shrink: 0;
}

/* Stats row in hero */
.hero-stats-wrap {
  display: flex;
  gap: 24px;
  margin-top: 14px;
  justify-content: center;
  flex-wrap: wrap;
}
.hero-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.hero-stat-n { font-size: 18px; font-weight: 700; }
.hero-stat-l { font-size: 11px; color: var(--subtle); text-transform: uppercase; letter-spacing: .05em; }

/* Tags in hero */
.hero-tag-pill {
  padding: 4px 12px;
  border-radius: 20px;
  background: var(--al);
  color: var(--accent);
  font-size: 12px;
  font-weight: 500;
  border: 1px solid rgba(232,98,10,.18);
}

/* Public creator hero stability */
#cr-hero .hero-wrap {
  overflow: hidden;
}
#cr-hero .hero-banner {
  min-height: 170px;
  background-size: cover;
  background-position: center;
}
#cr-hero .hero-inner {
  min-width: 0;
}
#cr-hero .hero-ava-wrap,
#cr-hero .hero-ava {
  flex-shrink: 0;
}
#cr-hero .hero-ava {
  overflow: hidden;
}
#cr-hero .hero-name,
#cr-hero .hero-bio,
#cr-hero .hero-tags,
#cr-hero .hero-stats,
#cr-hero .hero-btns {
  min-width: 0;
}
#cr-hero .hero-name {
  overflow-wrap: anywhere;
}
#cr-hero .hero-bio {
  max-width: 720px;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
#cr-hero .hero-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
#cr-hero .hero-tag {
  max-width: 100%;
  overflow-wrap: anywhere;
}
#cr-hero .hero-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#cr-hero .hero-btns .btn-big,
#cr-hero .cr-follow-btn {
  min-height: 44px;
  white-space: nowrap;
}
#cr-hero .hero-stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}
#cr-hero .hero-stats > div {
  min-width: 96px;
}

/* Sidebar back link */
.cr-nav-back {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--muted);
  cursor: pointer;
  border: none;
  background: none;
  transition: background .18s, color .18s;
  font-family: inherit;
  width: 100%;
  text-align: left;
  text-decoration: none;
}
.cr-nav-back:hover { background: var(--al); color: var(--accent); }
.cr-nav-back svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; flex-shrink: 0; }

/* About tab */
.about-section { padding: 20px 0; }
.about-section h3 { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.about-bio-text { font-size: 14px; color: var(--muted); line-height: 1.7; white-space: pre-wrap; }
.about-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 20px; }
.about-meta-row { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--muted); }
.about-meta-row svg { width: 15px; height: 15px; stroke: var(--subtle); fill: none; stroke-width: 2; flex-shrink: 0; }

/* Feed filters on creator page */
#cr-feed-filters { margin-bottom: 16px; }

/* Sidebar: Following & Recently Visited (mirrors subscriber.css) */
.sb-section-hdr{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 4px;cursor:pointer;user-select:none;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--subtle);border-radius:8px;transition:background .15s}
.sb-section-hdr:hover{background:var(--al)}
.sb-sec-chev{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;flex-shrink:0;transition:transform .2s}
.sb-sec-chev.sb-chev-collapsed{transform:rotate(-90deg)}
.sb-creator-list{overflow:hidden;max-height:400px;transition:max-height .25s ease,opacity .2s;opacity:1}
.sb-creator-list.sb-collapsed{max-height:0;opacity:0}
.sb-creator-item{display:flex;align-items:center;gap:9px;padding:5px 12px;text-decoration:none;color:var(--text);border-radius:8px;transition:background .15s}
.sb-creator-item:hover{background:var(--al)}
.sb-creator-ava{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--al)}
.sb-creator-name{font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-creator-empty{font-size:12px;color:var(--subtle);padding:4px 12px 8px}

/* Follow button */
.cr-follow-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:100px;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}
.cr-follow-btn:hover{background:var(--accent);color:#fff}
.cr-follow-btn.following{background:var(--accent);color:#fff}
.cr-follow-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}

@media (max-width: 560px) {
  #cr-hero .hero-banner {
    min-height: 124px;
  }
  #cr-hero .hero-inner {
    padding-left: 16px;
    padding-right: 16px;
  }
  #cr-hero .hero-name {
    font-size: clamp(26px, 8vw, 34px);
    line-height: 1.08;
  }
  #cr-hero .hero-bio {
    font-size: 14px;
    line-height: 1.55;
  }
  #cr-hero .hero-btns {
    width: 100%;
  }
  #cr-hero .hero-btns .btn-big,
  #cr-hero .cr-follow-btn {
    flex: 1 1 148px;
    justify-content: center;
    padding-left: 14px;
    padding-right: 14px;
  }
  #cr-hero .hero-stats {
    width: 100%;
    gap: 8px;
  }
  #cr-hero .hero-stats > div {
    flex: 1 1 112px;
    min-width: 0;
  }
  #cr-hero .feed-filters {
    align-items: stretch;
  }
  #cr-hero .feed-search {
    min-width: 0;
  }
}

/* Premium creator profile redesign */
:root{
  --cr-bg:#faf8f5;
  --cr-card:#ffffff;
  --cr-text:#15110f;
  --cr-muted:#766b65;
  --cr-soft:#a99990;
  --cr-border:#f0ded3;
  --cr-accent:#ff6b00;
  --cr-accent-soft:#fff0e7;
  --cr-shadow:0 20px 60px rgba(64,32,10,.08);
}

body{
  background:var(--cr-bg);
}

.app-layout{
  background:var(--cr-bg);
}

.content-area{
  overflow:visible;
  background:
    radial-gradient(circle at 50% 0,rgba(255,107,0,.08),transparent 34%),
    var(--cr-bg);
}

.sidebar{
  width:292px;
  background:rgba(255,255,255,.86);
  border-right:1px solid var(--cr-border);
  backdrop-filter:blur(18px);
}

.sidebar .tab{
  border-radius:14px;
  min-height:44px;
  font-weight:800;
}

.sidebar .tab:hover,
.sidebar .tab.active{
  background:var(--cr-accent-soft);
  color:var(--cr-accent);
}

.sb-profile,
.acc-popup{
  border-radius:18px;
}

#cr-hero{
  min-height:calc(100vh - 56px);
}

.cr-page-grid{
  width:min(100%,1400px);
  margin:0 auto;
  padding:34px 32px 44px;
  display:grid;
  grid-template-columns:minmax(0,1280px);
  justify-content:center;
  gap:28px;
  align-items:start;
}

.cr-center-col{
  min-width:0;
}

#cr-hero .hero-wrap{
  position:relative;
  margin:0;
  border:1px solid var(--cr-border);
  border-radius:28px;
  background:var(--cr-card);
  box-shadow:var(--cr-shadow);
  overflow:hidden;
}

#cr-hero .hero-banner{
  min-height:310px;
  background:
    linear-gradient(135deg,rgba(255,107,0,.20),rgba(21,17,15,.55)),
    url("og-image.jpg") center/cover;
  position:relative;
}

#cr-hero .hero-banner:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.52));
}

#cr-hero .hero-inner{
  position:relative;
  margin-top:-118px;
  padding:0 36px 34px;
  text-align:left;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "avatar name"
    "avatar subtitle"
    "avatar tags"
    "avatar bio"
    "avatar meta"
    "avatar buttons"
    "stats stats";
  column-gap:24px;
  align-items:end;
}

#cr-hero .hero-ava-wrap{
  grid-area:avatar;
  position:relative;
  margin:0;
  align-self:start;
}

#cr-hero .hero-ava{
  width:148px;
  height:148px;
  border-radius:999px;
  overflow:hidden;
}

#cr-hero .hero-name{
  grid-area:name;
  margin:68px 0 0;
  color:#fff;
  font-size:clamp(38px,5vw,64px);
  line-height:.95;
  font-weight:900;
  letter-spacing:-.055em;
  text-shadow:0 10px 32px rgba(0,0,0,.32);
}

#cr-hero .hero-name svg{
  margin-left:10px;
  vertical-align:.02em;
}

#cr-hero .hero-tags{
  grid-area:tags;
  justify-content:flex-start;
  margin-top:16px;
}

#cr-hero .hero-tag,
#cr-hero .hero-tag-pill{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 13px;
  border-radius:999px;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.72);
  color:var(--cr-accent);
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}

#cr-hero .hero-bio{
  grid-area:bio;
  margin:14px 0 0;
  max-width:720px;
  color:var(--cr-muted);
  font-size:16px;
  line-height:1.65;
  white-space:normal;
}

#cr-hero .hero-bio:empty:before{
  content:"Digital Artist & Storyteller. Creating atmosphere, emotion and stories through art.";
}

#cr-hero .hero-bio:after{
  content:none;
}

.cr-hero-meta-row{
  grid-area:meta;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:13px;
  color:var(--cr-soft);
  font-size:14px;
  font-weight:800;
}

.cr-hero-meta-row span,
.cr-hero-meta-row a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

.cr-hero-meta-row a:hover{
  color:var(--cr-accent);
}

.cr-hero-meta-row svg{
  width:15px;
  height:15px;
  flex-shrink:0;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#cr-hero .hero-btns{
  grid-area:buttons;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:20px;
}

#cr-hero .hero-stats{
  grid-area:stats;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--cr-border);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

#cr-hero .hero-stats > div{
  min-width:0;
  padding:16px;
  border:1px solid var(--cr-border);
  border-radius:20px;
  background:#fffaf7;
  text-align:center;
}

#cr-hero .hero-stats > div:nth-child(1):after{
  content:"Followers";
}

#cr-hero .hero-stats > div:nth-child(2):after{
  content:"Following";
}

#cr-hero .stat-n{
  color:var(--cr-text);
  font-size:26px;
  font-weight:900;
  letter-spacing:-.04em;
}

#cr-hero .hero-stats > div:nth-child(1) .stat-n:empty:before,
#cr-hero #cr-sub-count:empty:before{
  content:"12.4K";
}

#cr-hero .hero-stats > div:nth-child(2) .stat-n:empty:before,
#cr-hero #cr-post-count:empty:before{
  content:"128";
}

#cr-hero .hero-stats .stat-l{
  color:var(--cr-muted);
  font-size:13px;
  font-weight:800;
}

#cr-hero .hero-stats > div:nth-child(1) .stat-l,
#cr-hero .hero-stats > div:nth-child(2) .stat-l{
  font-size:0;
}

#cr-hero .hero-stats > div:after{
  display:block;
  margin-top:3px;
  color:var(--cr-muted);
  font-size:13px;
  font-weight:800;
}

#cr-hero .hero-stats > div:nth-child(3){
  display:block;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-n:before{
  content:"86";
}

#cr-hero .hero-stats > div:nth-child(3) .stat-n{
  font-size:0;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-n:before{
  font-size:26px;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-l{
  font-size:0;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-l:before{
  content:"Following";
  font-size:13px;
}

.btn-big,
#cr-hero .cr-follow-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  min-height:46px;
  padding:0 20px;
  font-size:14px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none;
  font-family:inherit;
}

#cr-hero .hero-btns .btn-big,
#cr-hero .hero-btns .cr-follow-btn{
  height:52px;
  min-width:118px;
  padding:0 22px;
}

#cr-hero .hero-btns .btn-big-p{
  min-width:164px;
}

#cr-hero .hero-btns svg{
  width:18px;
  height:18px;
  flex-shrink:0;
}

.btn-big-p{
  background:linear-gradient(135deg,var(--cr-accent),#f05a00);
  border-color:transparent;
  color:#fff;
  box-shadow:0 14px 34px rgba(255,107,0,.22);
}

.btn-big-g,
#cr-hero .cr-follow-btn{
  background:#fff;
  border:1.5px solid var(--cr-border);
  color:var(--cr-text);
}

#cr-hero .cr-follow-btn:hover,
#cr-hero .cr-follow-btn.following{
  background:var(--cr-accent);
  border-color:var(--cr-accent);
  color:#fff;
}

#cr-hero .hero-dots-btn{
  top:22px;
  right:22px;
  background:rgba(255,255,255,.88);
  color:var(--cr-text);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}

.main{
  width:100%;
  max-width:none;
  margin:24px 0 0;
}

.feed-section{
  background:transparent;
}

.cr-profile-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid var(--cr-border);
  border-radius:22px;
  background:var(--cr-card);
  box-shadow:var(--cr-shadow);
  overflow-x:auto;
  scrollbar-width:none;
}

.cr-profile-tabs::-webkit-scrollbar{
  display:none;
}

.cr-profile-tabs .feed-filter-btn{
  min-height:42px;
  border-radius:16px;
  border:0;
  background:transparent;
  color:var(--cr-muted);
  font-weight:900;
  white-space:nowrap;
}

.cr-profile-tabs .feed-filter-btn.active{
  background:var(--cr-accent);
  color:#fff;
  box-shadow:0 10px 24px rgba(255,107,0,.18);
}

.cr-tab-static{
  cursor:default;
}

#cr-panel-posts > .feed-filters{
  margin:18px 0;
  align-items:center;
}

#cr-panel-posts .feed-filter-btn,
#cr-panel-posts .feed-search{
  border:1px solid var(--cr-border);
  border-radius:18px;
  background:var(--cr-card);
}

#cr-panel-posts .feed-search{
  box-shadow:none;
}

.feed{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.fpost,
.skel-post,
.lib-empty{
  border:1px solid var(--cr-border)!important;
  border-radius:24px!important;
  background:var(--cr-card)!important;
  box-shadow:var(--cr-shadow)!important;
  overflow:hidden;
}

.fpost-hdr{
  padding:22px 24px 8px!important;
}

.fpost-title{
  padding:4px 24px 14px!important;
  font-size:28px!important;
  line-height:1.15!important;
  letter-spacing:-.035em;
}

.fpost-body{
  padding:0 24px 18px!important;
  color:var(--cr-muted)!important;
  font-size:16px!important;
  line-height:1.7!important;
}

.fpost-body:empty:before{
  content:"Creating atmosphere, emotion and stories through art.";
}

.fpost-media{
  margin:0!important;
  border-radius:0!important;
  min-height:360px;
}

.cr-demo-media{
  background:#fff3eb;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.cr-demo-media img{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  display:block;
}

.cr-public-badge{
  background:#ecfdf3!important;
  color:#139447!important;
  border:1px solid rgba(19,148,71,.14)!important;
}

.cr-verified-dot{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--cr-accent);
  color:#fff;
  font-size:11px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(255,107,0,.22);
}

.fpost-actions,
.fpost-acts{
  padding:16px 24px!important;
  border-top:1px solid var(--cr-border)!important;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.fpost-acts .fact{
  min-height:40px;
  padding:0 13px;
  border-radius:14px;
  font-weight:900;
  background:#fffaf7;
  border:1px solid var(--cr-border);
  color:var(--cr-muted);
}

.fpost-acts .fact:hover{
  background:var(--cr-accent-soft);
  color:var(--cr-accent);
  border-color:rgba(255,107,0,.22);
}

.fpost-acts .fact-sep{
  display:none;
}

.fpost-acts .fact-share{
  margin-left:auto;
}

.fpost-acts-locked{
  justify-content:flex-start;
}

.cmt-section{
  border-top:1px solid var(--cr-border)!important;
}

.cmt-input-row{
  padding:18px 24px!important;
}

.cmt-input{
  min-height:48px;
  border-radius:999px!important;
  border:1px solid var(--cr-border)!important;
  background:#fffaf7!important;
}

/* Right panel */
.cr-right-panel{
  position:sticky;
  top:76px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.cr-side-card{
  border:1px solid var(--cr-border);
  border-radius:24px;
  background:var(--cr-card);
  box-shadow:var(--cr-shadow);
  padding:22px;
}

.cr-side-kicker{
  color:var(--cr-soft);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.cr-side-card h3{
  margin:0 0 10px;
  color:var(--cr-text);
  font-size:18px;
  font-weight:900;
  letter-spacing:-.02em;
}

.cr-side-card p{
  margin:0;
  color:var(--cr-muted);
  font-size:14px;
  line-height:1.65;
  font-weight:700;
}

.cr-impact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.cr-impact-card{
  padding:15px;
  border-radius:18px;
  background:#fff8f1;
  border:1px solid var(--cr-border);
}

.cr-impact-card span{
  display:block;
  color:var(--cr-text);
  font-size:22px;
  font-weight:900;
  letter-spacing:-.035em;
}

.cr-impact-card small{
  color:var(--cr-muted);
  font-size:12px;
  font-weight:800;
}

.cr-info-list{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cr-info-list div{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding-top:10px;
  border-top:1px solid var(--cr-border);
}

.cr-info-list span{
  color:var(--cr-soft);
  font-size:12px;
  font-weight:900;
}

.cr-info-list strong{
  color:var(--cr-text);
  font-size:13px;
  font-weight:900;
  text-align:right;
}

.cr-tier-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-radius:20px;
  background:var(--cr-accent-soft);
  border:1px solid rgba(255,107,0,.18);
}

.cr-tier-card strong,
.cr-tier-card span{
  display:block;
}

.cr-tier-card strong{
  color:var(--cr-text);
  font-size:15px;
  font-weight:900;
}

.cr-tier-card span{
  margin-top:4px;
  color:var(--cr-muted);
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}

.cr-tier-card a{
  min-width:68px;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--cr-accent);
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
}

.cr-tag-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.cr-tag-cloud span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#fff7f0;
  border:1px solid var(--cr-border);
  color:var(--cr-accent);
  font-size:12px;
  font-weight:900;
}

.cr-mini-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  text-decoration:none;
  color:var(--cr-text);
}

.cr-mini-card + .cr-mini-card{
  border-top:1px solid var(--cr-border);
}

.cr-mini-card img,
.cr-mini-ava{
  width:44px;
  height:44px;
  border-radius:14px;
  object-fit:cover;
  flex-shrink:0;
}

.cr-mini-ava{
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--cr-accent);
  color:#fff;
  font-weight:900;
}

.cr-mini-card strong,
.cr-mini-card span{
  display:block;
}

.cr-mini-card strong{
  color:var(--cr-text);
  font-size:14px;
  font-weight:900;
}

.cr-mini-card span{
  margin-top:2px;
  color:var(--cr-muted);
  font-size:12px;
  font-weight:700;
}

.cr-support-card{
  background:
    radial-gradient(circle at 90% 10%,rgba(255,107,0,.14),transparent 34%),
    var(--cr-card);
}

.cr-support-card .btn-big{
  width:100%;
  margin-top:16px;
  justify-content:center;
  text-decoration:none;
}

.site-footer{
  margin-top:34px;
  border:0;
  background:transparent;
}

@media (min-width: 1280px){
  .content-area{
    padding-left:0;
  }
}

@media (max-width: 1180px){
  .cr-page-grid{
    grid-template-columns:minmax(0,1fr);
    max-width:980px;
  }
  .cr-right-panel{
    display:none;
  }
}

@media (max-width: 980px){
  #cr-hero .hero-inner{
    margin-top:-96px;
    padding:0 28px 30px;
    display:block;
    text-align:center;
  }
  #cr-hero .hero-ava-wrap{
    display:flex;
    justify-content:center;
  }
  #cr-hero .hero-ava{
    width:136px;
    height:136px;
    border-radius:28px;
  }
  #cr-hero .hero-name{
    margin:18px 0 0;
    color:var(--cr-text);
    text-shadow:none;
    font-size:clamp(38px,8vw,52px);
  }
  #cr-hero .hero-tags,
  #cr-hero .hero-btns{
    justify-content:center;
  }
  #cr-hero .hero-bio{
    margin-left:auto;
    margin-right:auto;
  }
  .cr-hero-meta-row{
    justify-content:center;
  }
}

@media (max-width: 760px){
  .nav{
    z-index:120;
  }
  .app-layout{
    display:block;
  }
  .sidebar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    height:68px!important;
    transform:none!important;
    z-index:115;
    padding:8px 10px;
    border-right:0;
    border-top:1px solid var(--cr-border);
    overflow:visible;
  }
  .sidebar-nav{
    display:grid!important;
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    height:100%;
  }
  .sidebar-section,
  .sidebar-bottom,
  .sb-section-hdr,
  .sb-creator-list,
  #tab-btn-subs,
  #tab-btn-account,
  #tab-btn-notifications,
  #tab-btn-balance{
    display:none!important;
  }
  .sidebar .tab{
    min-height:52px;
    padding:5px 4px;
    flex-direction:column;
    gap:3px;
    justify-content:center;
    font-size:10px;
    border-radius:16px;
  }
  .sidebar .tab svg{
    width:19px;
    height:19px;
  }
  .content-area{
    padding-bottom:78px;
  }
  .cr-page-grid{
    padding:20px 14px 30px;
  }
  #cr-hero .hero-wrap{
    border-radius:24px;
  }
  #cr-hero .hero-banner{
    min-height:220px;
  }
  #cr-hero .hero-inner{
    margin-top:-84px;
    padding:0 18px 24px;
  }
  #cr-hero .hero-ava{
    width:126px;
    height:126px;
    border-radius:26px;
  }
  #cr-hero .hero-name{
    margin:18px 0 0;
    font-size:38px;
  }
  .cr-hero-meta-row{
    justify-content:center;
    font-size:12px;
  }
  #cr-hero .hero-stats{
    grid-template-columns:1fr;
    margin-top:22px;
  }
  .fpost-title{
    font-size:23px!important;
  }
  .fpost-media{
    min-height:240px;
  }
}

/* Final layout guards for the premium creator profile refresh. Keep these
   below older creator.css rules so the existing paywall JS can keep its IDs. */
#cr-hero .cr-creator-subtitle{
  grid-area:subtitle;
  margin-top:8px;
  color:var(--cr-muted);
  font-size:18px;
  font-weight:800;
  text-shadow:none;
}

#cr-hero .hero-stats > div:after,
#cr-hero .hero-stats > div:nth-child(1):after,
#cr-hero .hero-stats > div:nth-child(2):after{
  content:none;
}

#cr-hero .hero-stats .stat-l,
#cr-hero .hero-stats > div:nth-child(1) .stat-l,
#cr-hero .hero-stats > div:nth-child(2) .stat-l,
#cr-hero .hero-stats > div:nth-child(3) .stat-l{
  font-size:13px;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-n{
  font-size:26px;
}

#cr-hero .hero-stats > div:nth-child(3) .stat-n:before,
#cr-hero .hero-stats > div:nth-child(3) .stat-l:before{
  content:none;
}

.cr-owner-panel{
  display:none;
}

.cr-save-action.saved{
  background:var(--cr-accent-soft)!important;
  color:var(--cr-accent)!important;
  border-color:rgba(255,107,0,.22)!important;
}

.cr-activity-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cr-activity-list div{
  position:relative;
  padding-left:22px;
}

.cr-activity-list span{
  position:absolute;
  left:0;
  top:5px;
  width:9px;
  height:9px;
  border-radius:999px;
  background:var(--cr-accent);
  box-shadow:0 0 0 5px rgba(255,107,0,.12);
}

.cr-activity-list strong,
.cr-activity-list small{
  display:block;
}

.cr-activity-list strong{
  color:var(--cr-text);
  font-size:13px;
  font-weight:900;
  line-height:1.35;
}

.cr-activity-list small{
  margin-top:3px;
  color:var(--cr-muted);
  font-size:12px;
  font-weight:700;
}

@media (max-width: 760px){
  #cr-hero .cr-creator-subtitle{
    color:var(--cr-muted);
    text-shadow:none;
    font-size:15px;
  }
  #cr-hero .hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #cr-hero .hero-stats > div{
    padding:12px 8px;
  }
  #cr-hero .stat-n,
  #cr-hero .hero-stats > div:nth-child(3) .stat-n{
    font-size:21px;
  }
  #cr-hero .hero-stats .stat-l{
    font-size:11px;
  }
}

/* Reference rebuild: compact creator profile like the approved mockup. */
.content-area{
  background:
    radial-gradient(circle at 68% 2%,rgba(255,107,0,.06),transparent 28%),
    var(--cr-bg)!important;
}

.cr-page-grid{
  width:min(100%,1420px)!important;
  margin:0 auto!important;
  padding:22px 28px 42px!important;
  display:block!important;
}

.cr-full-col,
.cr-center-col{
  min-width:0;
}

#cr-hero .hero-wrap{
  height:292px!important;
  margin:0!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.55)!important;
  background:#15110f!important;
  box-shadow:0 22px 60px rgba(42,24,10,.12)!important;
  overflow:hidden!important;
}

#cr-hero .hero-banner{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  background-image:
    linear-gradient(90deg,rgba(12,10,9,.72) 0%,rgba(12,10,9,.44) 43%,rgba(12,10,9,.60) 100%),
    url("avatar.webp")!important;
  background-size:cover!important;
  background-position:center 34%!important;
  filter:saturate(.92)!important;
}

#cr-hero .hero-banner:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 42%,rgba(255,107,0,.18),transparent 24%),
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12))!important;
}

/* Clean neutral fallback when a creator has no banner image (no EroBack stub) */
#cr-hero .hero-banner.cr-banner-fallback{
  background-image:
    radial-gradient(circle at 22% 28%,rgba(255,107,0,.28),transparent 42%),
    linear-gradient(135deg,#2a211c 0%,#171311 60%,#0e0b0a 100%)!important;
}

#cr-hero .hero-inner{
  position:relative!important;
  z-index:1!important;
  height:100%!important;
  margin:0!important;
  padding:42px 40px!important;
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr) auto!important;
  grid-template-rows:auto 1fr auto!important;
  grid-template-areas:
    "avatar copy actions"
    "avatar copy ."
    "meta meta stats"!important;
  column-gap:28px!important;
  row-gap:16px!important;
  align-items:center!important;
  text-align:left!important;
}

#cr-hero .hero-ava-wrap{
  grid-area:avatar!important;
  margin:0!important;
  align-self:center!important;
}

#cr-hero .hero-ava{
  width:138px!important;
  height:138px!important;
  border-radius:999px!important;
  border:4px solid rgba(255,255,255,.88)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.25)!important;
  overflow:hidden!important;
}

#cr-hero .hero-copy{
  grid-area:copy!important;
  max-width:520px!important;
}

#cr-hero .hero-name{
  margin:0!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  text-shadow:0 10px 26px rgba(0,0,0,.25)!important;
}

#cr-hero .hero-name svg{
  width:22px!important;
  height:22px!important;
  margin-left:8px!important;
  vertical-align:-.02em!important;
}

#cr-hero .cr-creator-subtitle{
  margin:7px 0 0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:16px!important;
  font-weight:800!important;
}

#cr-hero .hero-bio{
  display:block!important;
  margin:15px 0 0!important;
  max-width:430px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:600!important;
}

#cr-hero .hero-bio:empty:before{
  content:"Creating atmosphere, emotion and stories through art. Welcome to my world."!important;
}

#cr-hero .hero-tags{
  display:none!important;
}

#cr-hero .hero-actions,
#cr-hero .hero-btns{
  grid-area:actions!important;
  align-self:start!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  min-width:0!important;
  padding-right:54px!important;
}

#cr-hero .hero-actions .btn-big,
#cr-hero .hero-actions .cr-follow-btn{
  height:44px!important;
  min-width:0!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:14px!important;
}

#cr-hero .hero-actions svg,
#cr-hero .cr-follow-btn svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

#cr-hero .hero-actions .btn-big-g,
#cr-hero .hero-actions .cr-follow-btn{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
}

#cr-hero .hero-actions .btn-big-p{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  color:#fff!important;
  backdrop-filter:blur(10px)!important;
}

#cr-hero .hero-dots-btn{
  position:absolute!important;
  top:42px!important;
  right:40px!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}

#cr-hero .hero-dots-drop{
  top:92px!important;
  right:40px!important;
}

.cr-hero-meta-row{
  grid-area:meta!important;
  margin:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:24px!important;
  color:rgba(255,255,255,.92)!important;
  font-size:13px!important;
  font-weight:800!important;
}

.cr-hero-meta-row svg{
  width:16px!important;
  height:16px!important;
}

#cr-hero .hero-stats{
  grid-area:stats!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,auto)!important;
  gap:0!important;
}

#cr-hero .hero-stats > div{
  min-width:88px!important;
  padding:0 18px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.24)!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:center!important;
}

#cr-hero .hero-stats > div:last-child{
  border-right:0!important;
  padding-right:0!important;
}

#cr-hero .stat-n,
#cr-hero .hero-stats > div:nth-child(3) .stat-n{
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}

#cr-hero .hero-stats .stat-l{
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  margin-top:5px!important;
}

.cr-profile-tabs{
  width:calc(100% - 380px)!important;
  max-width:920px!important;
  margin:14px 0 12px!important;
  padding:0 18px!important;
  min-height:54px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 44px rgba(42,24,10,.07)!important;
  gap:36px!important;
}

.cr-profile-tabs .feed-filter-btn{
  position:relative!important;
  min-height:54px!important;
  border-radius:0!important;
  padding:0 6px!important;
  background:transparent!important;
  color:var(--cr-muted)!important;
  font-size:14px!important;
}

.cr-profile-tabs .feed-filter-btn.active{
  color:var(--cr-accent)!important;
  background:transparent!important;
  box-shadow:none!important;
}

.cr-profile-tabs .feed-filter-btn.active:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--cr-accent)!important;
}

.cr-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,900px) 356px!important;
  gap:24px!important;
  align-items:start!important;
}

.main{
  margin:0!important;
}

#cr-panel-posts > .feed-filters{
  margin:0 0 12px!important;
}

#cr-panel-posts .feed-search,
#cr-panel-posts .feed-filter-btn{
  min-height:44px!important;
  border-radius:999px!important;
}

.fpost,
.skel-post,
.lib-empty{
  border-radius:14px!important;
  border:1px solid var(--cr-border)!important;
  box-shadow:0 18px 46px rgba(42,24,10,.07)!important;
}

.fpost-hdr{
  padding:18px 18px 8px!important;
  align-items:center!important;
}

.fpost-ava{
  width:54px!important;
  height:54px!important;
}

.fpost-title{
  padding:8px 18px 12px!important;
  font-size:21px!important;
}

.fpost-media{
  margin:0 18px!important;
  min-height:250px!important;
  border-radius:10px!important;
  overflow:hidden!important;
}

.fpost-body{
  padding:14px 18px 0!important;
  font-size:15px!important;
}

.fpost-acts{
  padding:14px 18px!important;
  border-top:0!important;
}

.fpost-acts .fact{
  background:transparent!important;
  border:0!important;
  color:var(--cr-muted)!important;
  padding:0 8px!important;
}

.fpost-acts .donate-btn{
  color:#9a5a00!important;
}

.fpost-acts .fact-share{
  margin-left:auto!important;
}

.cmt-input-row{
  padding:14px 18px 18px!important;
}

.cmt-input{
  min-height:46px!important;
  background:#fff!important;
}

.cr-right-panel{
  position:sticky!important;
  top:84px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}

.cr-side-card{
  border-radius:14px!important;
  padding:18px!important;
  box-shadow:0 18px 44px rgba(42,24,10,.07)!important;
}

.cr-side-kicker{
  color:var(--cr-text)!important;
  font-size:15px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  margin-bottom:10px!important;
}

.cr-impact-grid{
  margin-top:16px!important;
}

.cr-impact-card{
  background:#fff!important;
  border-radius:10px!important;
}

.cr-support-card .btn-big{
  height:44px!important;
  border-radius:9px!important;
}

.cr-owner-panel{
  display:none!important;
}

@media (max-width: 1180px){
  .cr-profile-tabs{
    width:100%!important;
    max-width:none!important;
  }
  .cr-content-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .cr-right-panel{
    display:none!important;
  }
}

@media (max-width: 760px){
  .cr-page-grid{
    padding:16px 14px 86px!important;
  }
  #cr-hero .hero-wrap{
    height:auto!important;
    min-height:0!important;
    border-radius:18px!important;
  }
  #cr-hero .hero-banner{
    height:190px!important;
    position:relative!important;
    display:block!important;
  }
  #cr-hero .hero-inner{
    display:block!important;
    padding:0 18px 22px!important;
    text-align:center!important;
  }
  #cr-hero .hero-ava-wrap{
    display:flex!important;
    justify-content:center!important;
    margin-top:-70px!important;
  }
  #cr-hero .hero-ava{
    width:120px!important;
    height:120px!important;
  }
  #cr-hero .hero-name{
    margin-top:14px!important;
    color:var(--cr-text)!important;
    text-shadow:none!important;
    font-size:36px!important;
  }
  #cr-hero .cr-creator-subtitle,
  #cr-hero .hero-bio,
  .cr-hero-meta-row{
    color:var(--cr-muted)!important;
  }
  .cr-hero-meta-row{
    justify-content:center!important;
    gap:14px!important;
    margin-top:12px!important;
  }
  #cr-hero .hero-actions,
  #cr-hero .hero-btns{
    justify-content:center!important;
    flex-wrap:wrap!important;
    margin-top:18px!important;
  }
  #cr-hero .hero-actions .btn-big,
  #cr-hero .hero-actions .cr-follow-btn{
    flex:1 1 145px!important;
    color:var(--cr-text)!important;
    background:#fff!important;
    border:1px solid var(--cr-border)!important;
  }
  #cr-hero .hero-actions .btn-big-p{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
    border:1px solid rgba(255,255,255,.60)!important;
    backdrop-filter:blur(10px)!important;
  }
  #cr-hero .hero-dots-btn{
    position:absolute!important;
    right:20px!important;
    top:160px!important;
    background:rgba(255,255,255,.88)!important;
    color:var(--cr-text)!important;
    border:1px solid rgba(255,255,255,.70)!important;
  }
  #cr-hero .hero-stats{
    margin-top:20px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #cr-hero .hero-stats > div{
    min-width:0!important;
    padding:12px 8px!important;
    border:1px solid var(--cr-border)!important;
    border-radius:14px!important;
    background:#fffaf7!important;
  }
  #cr-hero .stat-n{
    color:var(--cr-text)!important;
    font-size:21px!important;
  }
  #cr-hero .hero-stats .stat-l{
    color:var(--cr-muted)!important;
    font-size:11px!important;
  }
  .cr-profile-tabs{
    margin-top:14px!important;
    gap:18px!important;
    overflow-x:auto!important;
  }
  .fpost-media{
    min-height:220px!important;
  }
}

#cr-hero p.hero-bio,
#cr-hero p.hero-bio:empty{
  display:block!important;
}

/* Subscriber creator-page bugfix guards. Keep last. */
#cr-hero .hero-ava-wrap:before,
#cr-hero .hero-ava-wrap:after,
#cr-hero .hero-ava:before,
#cr-hero .hero-ava:after{
  content:none!important;
  display:none!important;
}

#cr-hero .hero-ava{
  outline:0!important;
  box-shadow:0 20px 46px rgba(0,0,0,.25)!important;
}

.cr-page-grid{
  max-width:1420px!important;
}

/* (removed duplicate .cr-profile-tabs/.cr-content-grid width declarations —
   the single source of truth is the stabilization layer below, 1fr grid) */
.cr-content-grid .main,
.cr-content-grid .feed-section,
#cr-panel-posts,
#cr-feed,
#feed-skeleton,
#cr-feed .fpost,
#feed-skeleton .skel-post{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

#cr-hero .hero-actions #cr-subscribe-btn,
#cr-hero .hero-actions #cr-subscribe-btn.btn-big-p,
#cr-hero .hero-actions #cr-subscribe-btn.is-subscribed{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.60)!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}

#cr-hero .hero-actions #cr-subscribe-btn.is-subscribed{
  cursor:default!important;
  pointer-events:none!important;
}

.cr-tier-card a.is-subscribed,
.cr-support-card a.is-subscribed{
  background:rgba(232,98,10,.10)!important;
  color:var(--cr-accent)!important;
  border:1px solid rgba(232,98,10,.20)!important;
  pointer-events:none!important;
  cursor:default!important;
}

@media (max-width:1180px){
  .cr-profile-tabs{
    width:100%!important;
  }
  .cr-content-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:760px){
  #cr-hero .hero-actions #cr-subscribe-btn,
  #cr-hero .hero-actions #cr-subscribe-btn.btn-big-p,
  #cr-hero .hero-actions #cr-subscribe-btn.is-subscribed{
    background:#fff!important;
    border:1px solid var(--cr-border)!important;
    color:var(--cr-text)!important;
  }
}

/* Final creator stabilization layer. Keep this block last. */
:root{
  --cr-page-max:1500px;
  --cr-side-w:356px;
  --cr-gap:24px;
  --cr-main-w:calc(100% - var(--cr-side-w) - var(--cr-gap));
}

.content-area{
  min-width:0!important;
}

.cr-page-grid{
  width:min(100%,var(--cr-page-max))!important;
  padding:22px 28px 42px!important;
  box-sizing:border-box!important;
}

#cr-hero .hero-wrap,
.cr-profile-tabs,
.cr-content-grid{
  width:100%!important;
  box-sizing:border-box!important;
}

.cr-profile-tabs{
  width:var(--cr-main-w)!important;
  max-width:none!important;
  margin:14px 0 12px!important;
}

.cr-content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--cr-side-w)!important;
  gap:var(--cr-gap)!important;
  align-items:start!important;
}

#cr-hero .hero-ava-wrap{
  width:148px!important;
  height:148px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}

#cr-hero .hero-ava{
  width:138px!important;
  height:138px!important;
  border:4px solid rgba(255,255,255,.9)!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:0 18px 42px rgba(0,0,0,.26)!important;
}

#cr-hero .hero-ava img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

#cr-hero .hero-actions #cr-subscribe-btn,
#cr-hero .hero-actions #cr-subscribe-btn.btn-big-p,
#cr-hero .hero-actions #cr-subscribe-btn.is-subscribed,
#cr-hero .hero-actions .btn-big-g,
#cr-hero .hero-actions .cr-follow-btn,
#cr-hero .hero-dots-btn{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:blur(10px)!important;
}

#cr-hero .hero-actions #cr-subscribe-btn:hover,
#cr-hero .hero-actions .btn-big-g:hover,
#cr-hero .hero-actions .cr-follow-btn:hover,
#cr-hero .hero-dots-btn:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.82)!important;
  transform:translateY(-1px)!important;
}

.cr-state-owner #cr-subscribe-btn,
.cr-state-owner #cr-follow-btn,
.cr-state-owner .cr-message-btn,
.cr-state-owner .cr-tier-panel,
.cr-state-owner .cr-support-card{
  display:none!important;
}

.cr-state-owner #cr-edit-profile-btn,
.cr-state-owner .cr-owner-panel{
  display:inline-flex!important;
}

.cr-state-owner .cr-owner-panel{
  display:block!important;
}

.cr-state-guest #cr-edit-profile-btn,
.cr-state-subscriber-free #cr-edit-profile-btn,
.cr-state-subscriber-paid #cr-edit-profile-btn,
.cr-state-guest .cr-owner-panel,
.cr-state-subscriber-free .cr-owner-panel,
.cr-state-subscriber-paid .cr-owner-panel{
  display:none!important;
}

.cr-tier-card a,
.cr-support-card .btn-big{
  text-decoration:none!important;
}

.cr-tier-card a.is-subscribed,
.cr-support-card a.is-subscribed{
  background:rgba(232,98,10,.10)!important;
  color:var(--cr-accent)!important;
  border:1px solid rgba(232,98,10,.22)!important;
  pointer-events:none!important;
  cursor:default!important;
}

html[data-theme="dark"]{
  --cr-bg:#140e0a;
  --cr-card:#1f1712;
  --cr-text:#fff8f2;
  --cr-muted:#c8b3a5;
  --cr-soft:#a58d7d;
  --cr-border:#3d2718;
  --cr-accent:#ff6b00;
  --cr-accent-soft:rgba(255,107,0,.14);
  --cr-shadow:0 22px 70px rgba(0,0,0,.42);
}

html[data-theme="dark"] body,
html[data-theme="dark"] .app-layout,
html[data-theme="dark"] .content-area{
  background:
    radial-gradient(circle at 64% 0,rgba(255,107,0,.14),transparent 30%),
    linear-gradient(180deg,#140e0a 0%,#100a07 100%)!important;
  color:var(--cr-text)!important;
}

html[data-theme="dark"] .sidebar{
  background:rgba(20,14,10,.94)!important;
  border-right-color:#3d2718!important;
}

html[data-theme="dark"] .nav{
  background:rgba(20,14,10,.94)!important;
  border-bottom-color:#3d2718!important;
}

html[data-theme="dark"] .cr-profile-tabs,
html[data-theme="dark"] .fpost,
html[data-theme="dark"] .skel-post,
html[data-theme="dark"] .lib-empty,
html[data-theme="dark"] .cr-side-card,
html[data-theme="dark"] .cr-tier-card,
html[data-theme="dark"] .cr-impact-card,
html[data-theme="dark"] .feed-search,
html[data-theme="dark"] #cr-panel-posts .feed-filter-btn,
html[data-theme="dark"] .cmt-input,
html[data-theme="dark"] .fm,
html[data-theme="dark"] .about-modal-card,
html[data-theme="dark"] .post-modal{
  background:#1f1712!important;
  border-color:#3d2718!important;
  color:var(--cr-text)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.34)!important;
}

html[data-theme="dark"] .fpost-title,
html[data-theme="dark"] .fpost-name-row,
html[data-theme="dark"] .cr-side-kicker,
html[data-theme="dark"] .cr-side-card h3,
html[data-theme="dark"] .cr-tier-card strong,
html[data-theme="dark"] .feed-filter-btn.active{
  color:var(--cr-text)!important;
}

html[data-theme="dark"] .fpost-date,
html[data-theme="dark"] .fpost-body,
html[data-theme="dark"] .cr-side-card p,
html[data-theme="dark"] .cr-tier-card span,
html[data-theme="dark"] .feed-search input,
html[data-theme="dark"] .feed-filter-btn,
html[data-theme="dark"] .fact,
html[data-theme="dark"] .cmt-input{
  color:var(--cr-muted)!important;
}

html[data-theme="dark"] .cr-profile-tabs .feed-filter-btn.active,
html[data-theme="dark"] .sidebar .tab.active,
html[data-theme="dark"] .sidebar .tab:hover{
  color:var(--cr-accent)!important;
}

html[data-theme="dark"] .cr-tag-cloud span,
html[data-theme="dark"] .hero-tag,
html[data-theme="dark"] .hero-tag-pill{
  background:rgba(255,107,0,.12)!important;
  border-color:rgba(255,107,0,.22)!important;
  color:#ff9448!important;
}

html[data-theme="dark"] .cr-support-card{
  background:
    radial-gradient(circle at 92% 8%,rgba(255,107,0,.16),transparent 38%),
    #1f1712!important;
}

@media (max-width:1180px){
  .cr-profile-tabs{
    width:100%!important;
  }
  .cr-content-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (max-width:760px){
  #cr-hero .hero-ava-wrap{
    width:120px!important;
    height:120px!important;
  }
  #cr-hero .hero-ava{
    width:120px!important;
    height:120px!important;
  }
  #cr-hero .hero-actions #cr-subscribe-btn,
  #cr-hero .hero-actions #cr-subscribe-btn.btn-big-p,
  #cr-hero .hero-actions #cr-subscribe-btn.is-subscribed,
  #cr-hero .hero-actions .btn-big-g,
  #cr-hero .hero-actions .cr-follow-btn{
    background:var(--cr-card)!important;
    border:1px solid var(--cr-border)!important;
    color:var(--cr-text)!important;
  }
  html[data-theme="dark"] #cr-hero .hero-actions #cr-subscribe-btn,
  html[data-theme="dark"] #cr-hero .hero-actions #cr-subscribe-btn.btn-big-p,
  html[data-theme="dark"] #cr-hero .hero-actions #cr-subscribe-btn.is-subscribed,
  html[data-theme="dark"] #cr-hero .hero-actions .btn-big-g,
  html[data-theme="dark"] #cr-hero .hero-actions .cr-follow-btn{
    background:#1f1712!important;
    color:var(--cr-text)!important;
  }
}

/* Final alignment and locked-media polish. Keep below the stabilization layer. */
/* NOTE: .cr-profile-tabs width is owned solely by the stabilization layer
   (calc(100% - side - gap)) so the tab bar matches the 1fr main column exactly.
   Do NOT set its width here. */
#cr-panel-posts > .feed-filters,
#cr-feed,
#cr-feed .fpost,
#feed-skeleton,
#feed-skeleton .skel-post{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

.cr-content-grid > .main,
.cr-content-grid .feed-section,
#cr-panel-posts{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

.cr-content-grid > .main{
  display:block!important;
}

#cr-panel-posts > .feed-filters{
  display:grid!important;
  grid-template-columns:auto minmax(260px,360px)!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 12px!important;
}

#cr-panel-posts .feed-search{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  justify-self:end!important;
}

#cr-panel-posts .feed-filter-btn{
  justify-self:start!important;
}

/* Lift the right panel so its top aligns with the tab-bar top
   (tab-bar min-height 54 + its 12px bottom margin = 66). */
.cr-right-panel{
  margin-top:-66px!important;
}

.cr-right-panel .cr-side-card:first-child{
  margin-top:0!important;
}

#cr-feed .fpost{
  margin:0!important;
}

#cr-feed .fpost-media{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  position:relative!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:560px!important;
  overflow:hidden!important;
}
/* keep every media child inside the framed box (fixes oversized covers/embeds) */
#cr-feed .fpost-media img,
#cr-feed .fpost-media video,
#cr-feed .fpost-media iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
}
#cr-feed .fpost-media.fpost-media-embed iframe,
#cr-feed .fpost-media video{
  object-fit:contain!important;
  background:#000!important;
}

#cr-feed .fpost-media.fpost-media-blur{
  background:#1b1410!important;
}

#cr-feed .fpost-media.fpost-media-blur > img,
#cr-feed .fpost-media.fpost-media-blur > video,
#cr-feed .fpost-media.fpost-media-blur > iframe{
  filter:blur(13px)!important;
  transform:scale(1.06)!important;
  pointer-events:none!important;
}

#cr-feed .fpost-media.fpost-media-blur .fpost-blur-overlay{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(20,14,10,.34)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  z-index:5!important;
}

#cr-feed .fpost-media.fpost-media-blur .fpost-unlock-btn{
  text-decoration:none!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

@media (max-width:1180px){
  .cr-right-panel{
    margin-top:0!important;
  }
  #cr-panel-posts > .feed-filters{
    grid-template-columns:auto minmax(220px,360px)!important;
  }
}

@media (max-width:760px){
  #cr-panel-posts > .feed-filters{
    grid-template-columns:1fr!important;
  }
  #cr-panel-posts .feed-filter-btn,
  #cr-panel-posts .feed-search{
    justify-self:stretch!important;
  }
}

/* Hide tier badges (Free/EroPass) and the owner "..." post menu on public creator posts */
#cr-feed .fpost-tier-badge{display:none!important}
#cr-feed .lib-menu-wrap{display:none!important}

/* ===== Bugfix batch: п.6 width, п.8 video, п.9 hero membership ===== */
/* п.6 — posts/toolbar span the full main column (== tab-bar width). No cap. */
/* п.8 — video/embed must not be cropped on the sides */
#cr-feed .fpost-media video,
#cr-feed .fpost-media iframe{
  object-fit:contain!important;
  background:#000!important;
}
/* п.9 — Membership card lives INSIDE the hero, under the name */
.cr-hero-membership{
  margin:14px 0 0!important;
  max-width:480px!important;
}
.cr-hero-membership .cr-tier-card{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:14px!important;
  padding:12px 16px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
[data-theme="dark"] .cr-hero-membership .cr-tier-card{
  background:rgba(28,20,14,.92)!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* ===== Media sizing fix (final): not huge, Mega/embed not cropped =====
   Card stays full width (== tabs); the media element is capped and centered
   so a 16:9 video is a sane size, and the Mega iframe fills its 16:9 box. */
#cr-feed .fpost-media{
  width:100%!important;
  max-width:860px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  aspect-ratio:16/9!important;
  max-height:none!important;
  min-height:0!important;
  position:relative!important;
  overflow:hidden!important;
}
#cr-feed .fpost-media > img{object-fit:cover!important;}
#cr-feed .fpost-media > video{object-fit:contain!important;background:#000!important;}
#cr-feed .fpost-media.fpost-media-embed{aspect-ratio:16/9!important;}
#cr-feed .fpost-media.fpost-media-embed iframe{object-fit:fill!important;background:#000!important;}

/* Kultive unified dark polish */
html[data-theme="dark"] .hero-tag-pill,
html[data-theme="dark"] .cr-tag,
html[data-theme="dark"] .cr-side-card .tag,
html[data-theme="dark"] .fpost-badge,
html[data-theme="dark"] .tier-pill,
html[data-theme="dark"] .visibility-pill{
  background:rgba(255,107,0,.14)!important;
  color:#ffb37a!important;
  border-color:rgba(255,107,0,.28)!important;
}
html[data-theme="dark"] .cr-support-card,
html[data-theme="dark"] .cr-membership-card,
html[data-theme="dark"] .cr-side-card,
html[data-theme="dark"] .fpost-actions,
html[data-theme="dark"] .fpost-footer,
html[data-theme="dark"] .cr-tab-panel,
html[data-theme="dark"] .feed-filters{
  background:#1f1712!important;
  border-color:#3d2718!important;
}
html[data-theme="dark"] .fpost button,
html[data-theme="dark"] .fpost a,
html[data-theme="dark"] .cr-side-card button,
html[data-theme="dark"] .cr-side-card a:not(.btn-big-p){
  color:#c7b2a4;
}

/* Show more / clamp for post bodies (mirrors subscriber.css behaviour) */
.fpost-body{max-height:calc(1.7em * 6);overflow:hidden}
.fpost-body.expanded{max-height:none!important;overflow:visible!important}
.fpost-body-force-clamp{max-height:calc(1.7em * 6)!important;overflow:hidden!important}
.fpost-body-force-clamp.expanded{max-height:none!important;overflow:visible!important}
.fpost-body-toggle{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;padding:8px 24px 14px;margin:-2px 0 0;background:none;border:none;color:var(--cr-accent,#E8620A);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;text-align:left;line-height:1.3}
.fpost-body-toggle:hover{color:#c5520a}

/* Targeted creator polish: compact tabs + square post controls + popular posts. */
.cr-feed-toolbar{
  display:grid!important;
  grid-template-columns:auto minmax(280px,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 14px!important;
}
.cr-feed-toolbar .cr-profile-tabs{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
}
.cr-feed-toolbar .cr-profile-tabs .feed-filter-btn{
  min-height:38px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  font-weight:800!important;
}
.cr-post-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
}
.cr-post-controls .feed-filter-btn,
.cr-post-controls .feed-search{
  border-radius:13px!important;
  border:1.5px solid var(--cr-border)!important;
  background:var(--cr-card)!important;
  box-shadow:none!important;
}
.cr-post-controls .feed-filter-btn{
  min-height:42px!important;
  padding:0 16px!important;
}
.cr-post-controls .feed-search{
  width:min(360px,100%)!important;
  max-width:360px!important;
  margin-left:0!important;
}
.cr-right-panel{
  margin-top:0!important;
}
.cr-popular-card{
  display:block;
}
.cr-side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.cr-popular-list{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.cr-popular-item{
  appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:10px 0;
  border:0;
  border-top:1px solid var(--cr-border);
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  font-family:inherit;
}
.cr-popular-item:first-child{
  border-top:0;
}
.cr-popular-rank{
  color:var(--cr-accent);
  font-size:14px;
  font-weight:800;
  text-align:center;
}
.cr-popular-main{
  min-width:0;
}
.cr-popular-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--cr-text);
  font-size:14px;
  font-weight:800;
  line-height:1.25;
}
.cr-popular-main small,
.cr-side-empty{
  display:block;
  margin-top:3px;
  color:var(--cr-muted);
  font-size:12px;
  font-weight:700;
}
.cr-popular-item:hover .cr-popular-main strong{
  color:var(--cr-accent);
}
html[data-theme="dark"] .cr-feed-toolbar .cr-profile-tabs,
html[data-theme="dark"] .cr-post-controls .feed-filter-btn,
html[data-theme="dark"] .cr-post-controls .feed-search{
  background:#1f1712!important;
  border-color:#3d2718!important;
}
html[data-theme="dark"] .cr-popular-item{
  border-color:#3d2718;
}
.fpost-body-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:8px 18px 14px!important;
  padding:9px 14px!important;
  border:1.5px solid var(--cr-border)!important;
  border-radius:12px!important;
  background:var(--cr-card)!important;
  color:var(--cr-text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
.fpost-body-toggle:hover{
  border-color:var(--cr-accent)!important;
  background:rgba(255,107,0,.08)!important;
  color:var(--cr-accent)!important;
}
html[data-theme="dark"] .fpost-body-toggle{
  background:#1f1712!important;
  border-color:#3d2718!important;
  color:#d8c8bd!important;
}
html[data-theme="dark"] .fpost-body-toggle:hover{
  border-color:rgba(255,107,0,.34)!important;
  color:#ffb37a!important;
}

@media(max-width:900px){
  .cr-feed-toolbar{
    grid-template-columns:1fr!important;
  }
  .cr-feed-toolbar .cr-profile-tabs{
    max-width:100%!important;
    overflow-x:auto;
  }
  .cr-post-controls{
    justify-content:stretch;
  }
  .cr-post-controls .feed-filter-btn{
    flex:0 0 auto;
  }
  .cr-post-controls .feed-search{
    flex:1 1 auto;
    max-width:none!important;
  }
}

/* Creator toolbar alignment pass: keep tabs/controls close to the first post
   and aligned with the right-side Popular posts card. */
.cr-content-grid{
  align-items:start!important;
}
.cr-feed-toolbar{
  grid-template-columns:max-content minmax(340px,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  margin:20px 0 10px!important;
}
.cr-feed-toolbar .cr-profile-tabs{
  min-height:54px!important;
  padding:6px!important;
  border-radius:15px!important;
}
.cr-feed-toolbar .cr-profile-tabs .feed-filter-btn{
  min-height:42px!important;
  padding:0 22px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
.cr-post-controls{
  min-height:54px!important;
  gap:12px!important;
}
.cr-post-controls .feed-filter-btn{
  min-height:50px!important;
  padding:0 22px!important;
  border-radius:13px!important;
  font-size:15px!important;
}
.cr-post-controls .feed-search{
  height:50px!important;
  width:min(430px,100%)!important;
  max-width:430px!important;
  padding:0 18px!important;
  border-radius:13px!important;
}
.cr-post-controls .feed-search input{
  font-size:15px!important;
}
#cr-panel-posts,
#cr-feed{
  margin-top:0!important;
}
.cr-popular-card{
  margin-top:20px!important;
}

@media(max-width:900px){
  .cr-feed-toolbar{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .cr-feed-toolbar .cr-profile-tabs{
    width:100%!important;
    max-width:none!important;
  }
  .cr-feed-toolbar .cr-profile-tabs .feed-filter-btn{
    flex:1 0 auto;
  }
  .cr-post-controls{
    min-height:0!important;
    gap:10px!important;
  }
  .cr-post-controls .feed-search{
    max-width:none!important;
  }
}


/* ===== Kultive About tab refresh ===== */
#cr-panel-about.cr-about-page{
  width:100%;
  padding:0!important;
  margin:0!important;
  color:var(--cr-text,var(--text));
  font-family:var(--fb,"DM Sans",system-ui,sans-serif);
}
.cr-about-shell{
  position:relative;
  min-height:440px;
  padding:56px 56px 48px;
  border-radius:24px;
  border:1px solid var(--border);
  background:
    linear-gradient(120deg,rgba(255,255,255,.96),rgba(255,250,246,.94)),
    repeating-radial-gradient(circle at 78% 42%,rgba(232,98,10,.055) 0,rgba(232,98,10,.055) 1px,transparent 1px,transparent 18px);
  box-shadow:0 24px 70px rgba(33,18,8,.08);
  overflow:hidden;
  box-sizing:border-box;
}
.cr-about-content{max-width:min(680px,calc(100% - 420px));}
.cr-about-title-row{display:flex;align-items:center;gap:24px;margin-bottom:26px;}
.cr-about-title-row>span{width:3px;height:52px;border-radius:999px;background:var(--accent);box-shadow:0 0 22px rgba(232,98,10,.32);flex:0 0 auto;}
.cr-about-title-row h2{margin:0;font-size:clamp(30px,3.2vw,42px);line-height:1;letter-spacing:-.035em;font-weight:800;color:var(--text);}
.cr-about-bio{max-width:680px;margin:0;color:var(--text);font-size:clamp(17px,1.35vw,21px);line-height:1.72;letter-spacing:-.015em;white-space:pre-wrap;}
.cr-about-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.cr-about-tags span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:12px;border:1px solid rgba(232,98,10,.22);background:rgba(232,98,10,.08);color:var(--accent);font-size:13px;font-weight:700;}
.cr-about-member-card{position:absolute;right:56px;top:118px;width:320px;min-height:126px;display:flex;align-items:center;gap:20px;padding:26px;background:rgba(255,255,255,.82);border:1px solid rgba(232,98,10,.18);border-radius:22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 46px rgba(33,18,8,.08);box-sizing:border-box;}
.cr-about-member-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:var(--accent);background:rgba(232,98,10,.10);border:1px solid rgba(232,98,10,.18);font-size:23px;flex:0 0 auto;}
.cr-about-member-card h3{margin:0 0 7px;font-size:20px;line-height:1.1;font-weight:800;color:var(--text);letter-spacing:-.02em;}
.cr-about-member-card p{margin:0;color:var(--accent);font-size:18px;font-weight:700;}
.cr-about-socials{margin-top:58px;padding-top:36px;border-top:1px solid rgba(232,98,10,.16);}
.cr-about-socials h3{margin:0 0 22px;font-size:26px;font-weight:800;color:var(--text);letter-spacing:-.03em;}
.cr-about-socials h3:after{content:"";display:block;width:46px;height:3px;margin-top:12px;border-radius:999px;background:var(--accent);}
.cr-about-social-list{display:flex;gap:14px;flex-wrap:wrap;}
.cr-about-social-list a{min-width:148px;height:50px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(232,98,10,.18);background:rgba(255,255,255,.72);color:var(--text);text-decoration:none;font-size:15px;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;box-sizing:border-box;}
.cr-about-social-list a:hover{color:var(--accent);border-color:rgba(232,98,10,.42);background:rgba(232,98,10,.08);transform:translateY(-2px);}
html[data-theme="dark"] .cr-about-shell{background:linear-gradient(120deg,rgba(31,23,18,.84),rgba(20,14,10,.96)),repeating-radial-gradient(circle at 78% 42%,rgba(255,107,0,.09) 0,rgba(255,107,0,.09) 1px,transparent 1px,transparent 18px)!important;border-color:#3d2718!important;box-shadow:0 24px 80px rgba(0,0,0,.34)!important;}
html[data-theme="dark"] .cr-about-title-row h2,
html[data-theme="dark"] .cr-about-bio,
html[data-theme="dark"] .cr-about-member-card h3,
html[data-theme="dark"] .cr-about-socials h3,
html[data-theme="dark"] .cr-about-social-list a{color:#efe2d8!important;}
html[data-theme="dark"] .cr-about-member-card,
html[data-theme="dark"] .cr-about-social-list a{background:rgba(31,23,18,.76)!important;border-color:#3d2718!important;}
html[data-theme="dark"] .cr-about-member-card p,
html[data-theme="dark"] .cr-about-social-list a:hover{color:#ff8a3d!important;}
html[data-theme="dark"] .cr-about-tags span{background:rgba(255,107,0,.12)!important;border-color:rgba(255,107,0,.24)!important;color:#ff9a52!important;}
@media(max-width:1100px){
  .cr-about-shell{padding:40px 28px;min-height:0;}
  .cr-about-content{max-width:none;}
  .cr-about-member-card{position:static;width:100%;margin-top:34px;}
  .cr-about-bio{font-size:18px;}
}
@media(max-width:640px){
  .cr-about-shell{padding:30px 20px;border-radius:18px;}
  .cr-about-title-row{gap:16px;margin-bottom:20px;}
  .cr-about-title-row>span{height:42px;}
  .cr-about-member-card{padding:20px;border-radius:18px;}
  .cr-about-social-list a{width:100%;min-width:0;}
}

/* Hero bio is only a compact preview. Full creator description lives in About. */
#cr-hero #cr-bio.hero-bio{
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  max-width:680px!important;
  max-height:4.8em!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:ellipsis;
  overflow-wrap:anywhere;
}
@media(max-width:900px){
  #cr-hero #cr-bio.hero-bio{
    -webkit-line-clamp:2;
    max-height:3.25em!important;
  }
}

/* Final creator spacing polish: visual-only, no behavior changes. */
#cr-hero .cr-hero-meta-row{
  margin-top:15px!important;
}
#cr-hero .hero-bio + .cr-hero-meta-row{
  margin-top:15px!important;
}
.cr-right-panel{
  margin-top:20px!important;
}
.cr-feed-toolbar .cr-profile-tabs #cr-tab-about{
  min-width:132px!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
#cr-edit-profile-btn svg{
  display:none!important;
}
#cr-edit-profile-btn{
  gap:0!important;
}
@media(max-width:900px){
  #cr-hero .cr-hero-meta-row,
  #cr-hero .hero-bio + .cr-hero-meta-row{
    margin-top:11px!important;
  }
  .cr-right-panel{
    margin-top:0!important;
  }
  .cr-feed-toolbar .cr-profile-tabs #cr-tab-about{
    min-width:112px!important;
  }
}