.cover { width:100%; height:130px; position:relative; background:linear-gradient(160deg, var(--cover-from) 0%, var(--bg) 100%); background-size:cover; background-position:center; overflow:hidden; }
.cover-inner { position:absolute; inset:0; background:linear-gradient(to bottom,transparent 20%,rgba(10,10,16,0.75) 80%,rgba(10,10,16,1) 100%); }

.profile { padding: 0 24px 26px; }

.section-avatar {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 12px;
  position: relative;
  z-index: 5;
}

.profile[data-first-section='avatar'] .section-avatar {
  margin-top: -44px;
}

.profile:not([data-first-section='avatar']) .section-avatar {
  margin-top: 16px;
}

.section-socials {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 3px;
  justify-content: flex-start;
}

.section-avatar + .section-socials {
  margin-top: -42px;
  margin-bottom: 16px;
  justify-content: flex-end;
}

.section-socials.align-left { justify-content: flex-start; }
.section-socials.align-center { justify-content: center; }
.section-socials.align-right { justify-content: flex-end; }

.socials {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  width: 100%;
  justify-content: inherit;
}

.top-row { display:flex; align-items:flex-end; justify-content:space-between; margin-top:-44px; margin-bottom:16px; position:relative; z-index:5; }

.profile[data-first-section='name'] .name-row,
.profile[data-first-section='bio']  .bio,
.profile[data-first-section='socials'] .section-socials,
.profile[data-first-section='links'] .sep {
  margin-top: 20px;
}

.avatar { width:80px; height:80px; border-radius:50%; border:2.5px solid var(--bg); object-fit:cover; display:block; flex-shrink:0; box-shadow:0 0 0 1px var(--card-border),0 6px 24px rgba(0,0,0,0.55); }
.avatar-initial { width:80px; height:80px; border-radius:50%; border:2.5px solid var(--bg); background:var(--icon-bg); display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:2rem; font-style:italic; color:var(--icon-color); flex-shrink:0; box-shadow:0 0 0 1px var(--card-border),0 6px 24px rgba(0,0,0,0.55); }

.avatar-stack {
  --avatar-decor-scale: 1.16;
  --avatar-decor-offset-x: 0px;
  --avatar-decor-offset-y: 0px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: visible;
  isolation: isolate;
}
.avatar-stack-main { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: inherit; overflow: hidden; position: relative; z-index: 1; }
.avatar-stack-decor { position: absolute; top: 50%; left: 50%; width: calc(100% * var(--avatar-decor-scale)); height: calc(100% * var(--avatar-decor-scale)); transform: translate(calc(-50% + var(--avatar-decor-offset-x)), calc(-50% + var(--avatar-decor-offset-y))); object-fit: contain; object-position: center; z-index: 3; pointer-events: none; user-select: none; }

.section-name {
  display:flex;
  flex-direction:column;
  gap:0;
}

.section-name.align-left { align-items:flex-start; text-align:left; }
.section-name.align-center { align-items:center; text-align:center; }
.section-name.align-right { align-items:flex-end; text-align:right; }

.section-avatar.align-left { justify-content:flex-start; }
.section-avatar.align-center { justify-content:center; }
.section-avatar.align-right { justify-content:flex-end; }

.section-name.align-center .name-row,
.section-name.align-center .profile-pills,
.section-name.align-center .view-pill {
  justify-content:center;
}

.section-name.align-right .name-row,
.section-name.align-right .profile-pills,
.section-name.align-right .view-pill {
  justify-content:flex-end;
}

.links { width: 100%; }
.links .link-btn,
.links .support-btn { width: 100%; }

.links.align-left .link-btn,
.links.align-left .support-btn { margin-left: 0; margin-right: auto; }
.links.align-center .link-btn,
.links.align-center .support-btn { margin-left: auto; margin-right: auto; }
.links.align-right .link-btn,
.links.align-right .support-btn { margin-left: auto; margin-right: 0; }

.bio.align-center { margin-left:auto; margin-right:auto; text-align:center; }
.bio.align-right { margin-left:auto; text-align:right; }

.section-avatar.motion-float .avatar-stack { animation: avatarFloat 4s ease-in-out infinite; }
.section-avatar.motion-orbit .avatar-stack { animation: avatarOrbit 7s ease-in-out infinite; }
.section-avatar.motion-pulse .avatar-stack { animation: avatarPulse 2.8s ease-in-out infinite; }

@keyframes avatarFloat { 0%,100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
@keyframes avatarOrbit { 0%,100% { transform: translate(0,0) rotate(0); } 25% { transform: translate(5px,-5px) rotate(1deg); } 50% { transform: translate(0,-8px) rotate(0); } 75% { transform: translate(-5px,-4px) rotate(-1deg); } }
@keyframes avatarPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }

.social-btn { width:30px; height:30px; border-radius:8px; background:var(--surface); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--text-muted); text-decoration:none; font-size:0.8rem; flex-shrink:0; transition:background 0.2s,color 0.2s,border-color 0.2s,transform 0.2s,box-shadow 0.2s; }
.social-btn:hover { background:var(--surface-hover); color:var(--text); border-color:var(--border-hover); transform:translateY(-1px); }

body[data-card-style='outline'] .social-btn,
body[data-card-style='outline'] .profile-pill,
body[data-card-style='outline'] .view-pill,
body[data-card-style='outline'] .badge-strip { background: transparent; border-color: color-mix(in srgb, var(--user-accent) 58%, rgba(255,255,255,0.12)); }

body[data-card-style='ghost'] .social-btn,
body[data-card-style='ghost'] .profile-pill,
body[data-card-style='ghost'] .view-pill,
body[data-card-style='ghost'] .badge-strip { background: transparent; border-color: transparent; box-shadow:none; }

body[data-card-style='glow'] .social-btn,
body[data-card-style='glow'] .profile-pill,
body[data-card-style='glow'] .view-pill,
body[data-card-style='glow'] .badge-strip {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.14);
  box-shadow: 0 0 16px color-mix(in srgb, var(--user-accent) 18%, transparent);
}

body[data-card-style='solid'] .social-btn,
body[data-card-style='solid'] .profile-pill,
body[data-card-style='solid'] .view-pill,
body[data-card-style='solid'] .badge-strip {
  background: var(--solid-surface);
  border-color: rgba(255,255,255,0.08);
  box-shadow: none;
}

.name-row { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; margin-bottom:4px; min-width:0; }

.display-name {
  font-family: var(--name-font); font-size: 1.65rem; font-style: var(--name-style, italic);
  font-weight: var(--name-weight, 600); line-height: 1.1; letter-spacing: -0.01em;
  color: var(--text); flex-shrink: 1; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.badge-strip { display:inline-flex; align-items:center; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:100px; padding:2px 2px; flex-shrink:0; position:relative; z-index:10; }
.badge { display:inline-flex; align-items:center; gap:4px; padding:4px 8px; border-radius:100px; font-size:0.6rem; font-weight:500; letter-spacing:0.04em; text-transform:uppercase; font-family:var(--body); white-space:nowrap; flex-shrink:0; border:none; position:relative; cursor:default; transition:background 0.2s; line-height:1; }
.badge:hover { background:rgba(255,255,255,0.07); }
.badge i { font-size:0.68rem; }
.badge [data-lucide] { width:14px; height:14px; display:block; flex-shrink:0; }
.badge svg { width:14px; height:14px; stroke:currentColor; display:block; }
.badge + .badge { border-left:1px solid rgba(255,255,255,0.08); border-radius:0 100px 100px 0; }
.badge:first-child { border-radius:100px 0 0 100px; }
.badge:first-child:last-child { border-radius:100px; }
.badge-image {
  width: 14px;
  height: 14px;
  object-fit: contain;
  display: block;
}

.handle { font-size:0.68rem; color:var(--text-faint); margin-bottom:10px; letter-spacing:0.04em; }

.view-pill { display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:100px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); font-size:0.6rem; color:var(--text-faint); font-family:var(--body); letter-spacing:0.04em; margin-bottom:10px; }
.view-pill i { font-size:0.65rem; opacity:0.6; }

.profile-pills { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
.profile-pill { display:inline-flex; align-items:center; gap:4px; padding:3px 9px; border-radius:100px; background:var(--surface); border:1px solid var(--border); font-size:0.66rem; color:var(--text-muted); letter-spacing:0.02em; }
.profile-pill i { font-size:0.67rem; opacity:0.6; }

.bio { font-size:0.875rem; color:var(--bio-color); line-height:1.85; margin-bottom:20px; font-family:var(--bio-font); font-style:var(--bio-style, normal); font-weight:var(--bio-weight, 400); }
.bio.typing::after { content:''; display:inline-block; width:1px; height:1em; background:currentColor; margin-left:4px; vertical-align:-0.12em; animation:blinkCaret 0.9s step-end infinite; }
@keyframes blinkCaret { 0%,48%{opacity:1} 50%,100%{opacity:0} }

.sep { height:1px; margin:0 -24px 18px; background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent); }

.not-found {
  text-align:center;
  padding:52px 28px;
  color:#e5e5ea;
}

.not-found img {
  width:60px;
  height:60px;
  margin:0 auto 18px;
  opacity:.9;
  filter:grayscale(1) brightness(.95);
}

.not-found h2 {
  font-family:Inter,sans-serif;
  font-style:normal;
  font-size:1.5rem;
  font-weight:800;
  letter-spacing:-0.04em;
  margin-bottom:8px;
  color:#e5e5ea;
}

.not-found p {
  font-size:0.9rem;
  color:#8b8b95;
  margin-bottom:26px;
  font-family:Inter,sans-serif;
  font-style:normal;
  line-height:1.75;
}

.not-found a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:10px 24px;
  border-radius:999px;
  font-size:0.82rem;
  font-weight:600;
  letter-spacing:0.01em;
  text-decoration:none;
  color:#e5e5ea;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  backdrop-filter:blur(10px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;
}

.not-found a:hover {
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.15);
  color:#ffffff;
  transform:translateY(-1px);
}

.not-found-icon {
  width:64px;
  height:64px;
  margin:0 auto 18px;
  color:#8b8b95;
  stroke-width:1.5;
  opacity:.9;
}

@media (max-width: 480px) {
  .section-socials { gap:6px; }
}