.bio-bg-blur-layer{
    position: fixed;
    inset: 0;
    z-index: 0;
    background-image: url("../images/master.png");
    background-size: cover;
    background-position: center;
    transform: scale(1.12);
    filter: blur(48px);
    opacity: 0.75;
  }
  .bio-bg-blur-dim{
    position: fixed;
    inset: 0;
    z-index: 1;
    background:
      radial-gradient(1200px 800px at 50% 20%, rgba(0,0,0,0.22), rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.90) 100%),
      linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.80));
  }

  .bio-theme-scope{
    --titleFrom:#c56a22;
    --titleTo:#b65b17;
    --ringFrom:#d01818;
    --ringTo:#ffb35b;

    --glowA: rgba(255, 120, 40, 0.35);
    --glowB: rgba(255, 120, 40, 0.32);
    --glowC: rgba(255, 70, 18, 0.22);
    --glowSide: rgba(255, 130, 50, 0.25);
  }
  .bio-theme-scope[data-theme="orange"]{
    --titleFrom:#c56a22; --titleTo:#b65b17;
    --ringFrom:#d01818;  --ringTo:#ffb35b;
    --glowA: rgba(255, 120, 40, 0.35);
    --glowB: rgba(255, 120, 40, 0.32);
    --glowC: rgba(255, 70, 18, 0.22);
    --glowSide: rgba(255, 130, 50, 0.25);
  }
  .bio-theme-scope[data-theme="blue"]{
    --titleFrom:#1f66ff; --titleTo:#1747b8;
    --ringFrom:#144dff;  --ringTo:#7cc6ff;
    --glowA: rgba(44, 123, 255, 0.32);
    --glowB: rgba(44, 123, 255, 0.28);
    --glowC: rgba(20, 90, 255, 0.18);
    --glowSide: rgba(90, 170, 255, 0.22);
  }
  .bio-theme-scope[data-theme="green"]{
    --titleFrom:#18b35f; --titleTo:#0f7f43;
    --ringFrom:#0dbb62;  --ringTo:#86ffd1;
    --glowA: rgba(32, 208, 122, 0.30);
    --glowB: rgba(32, 208, 122, 0.26);
    --glowC: rgba(20, 170, 95, 0.18);
    --glowSide: rgba(90, 255, 190, 0.20);
  }
  .bio-theme-scope[data-theme="red"]{
    --titleFrom:#ff2c3a; --titleTo:#b91622;
    --ringFrom:#ff1b2e;  --ringTo:#ff9c6a;
    --glowA: rgba(255, 44, 58, 0.30);
    --glowB: rgba(255, 44, 58, 0.26);
    --glowC: rgba(200, 20, 35, 0.18);
    --glowSide: rgba(255, 140, 120, 0.18);
  }
  .bio-theme-scope[data-theme="black"]{
    --titleFrom:#101010; --titleTo:#050505;
    --ringFrom:#ffffff;  --ringTo:#a8a8a8;
    --glowA: rgba(255,255,255,0.05);
    --glowB: rgba(255,255,255,0.04);
    --glowC: rgba(255,255,255,0.03);
    --glowSide: rgba(255,255,255,0.04);
  }

  .bio-card-bg{
    background:
      radial-gradient(900px 520px at 10% 18%, var(--glowA), transparent 62%),
      radial-gradient(900px 520px at 90% 18%, var(--glowB), transparent 62%),
      radial-gradient(760px 600px at 50% 120%, var(--glowC), transparent 65%),
      radial-gradient(420px 820px at -10% 52%, var(--glowSide), transparent 65%),
      radial-gradient(420px 820px at 110% 52%, var(--glowSide), transparent 65%),
      linear-gradient(180deg, #120505 0%, #070303 55%, #050202 100%);
  }

  .bio-desktop-shell{
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 30px 90px rgba(0,0,0,0.65);
    overflow: hidden;
  }
  @media (min-width: 640px){
    .bio-desktop-shell{
      border-radius: 34px;
    }
  }

.bio-theme-scope .bio-title-card.bio-title-card-muted{
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

.bio-theme-scope .bio-title-card.bio-title-card-muted::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--acc-600) 0%, var(--acc-700) 100%);
  opacity: .45;
}

.bio-theme-scope .bio-title-card.bio-title-card-muted > *{
  position: relative;
  z-index: 1;
}

  .bio-title-card{
    background: linear-gradient(180deg, var(--titleFrom) 0%, var(--titleTo) 100%);
    border: 1px solid rgba(0,0,0,0.35);
    border-radius: 18px;
  }

  .bio-title-card-muted{
  position: relative;
  overflow: hidden;
  background: transparent !important;
}
.bio-title-card-muted::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, var(--titleFrom) 0%, var(--titleTo) 100%);
  opacity: .45;
  pointer-events: none;
  border-radius: inherit;
}
.bio-title-card-muted > *{
  position: relative;
  z-index: 1;
}


  .bio-platform-ring{
    background: linear-gradient(90deg, var(--ringFrom), var(--ringTo));
    box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  }

  .bio-avatar-ring{
    border: 2px solid rgba(255,255,255,0.90);
    box-shadow: 0 12px 30px rgba(0,0,0,0.55);
  }

  .bio-app-card{
    background: #000;
    border: 2px solid rgba(255,255,255,0.75);
    border-radius: 22px;
  }
  .bio-app-icon{ border-radius: 14px; }

  .bio-banner-mobile{
    width: 100%;
    border-radius: 0;
    overflow: visible;
  }
  @media (min-width: 640px){
    .bio-banner-desktop{
      border-radius: 24px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,0.10);
    }
  }

  :root{
  --bio-app-icon: 52px;
  --bio-app-font: 15px;
  --bio-app-gap:  14px;
}

  .bio-app-icon-size{
  width: var(--bio-app-icon);
  height: var(--bio-app-icon);
}
.bio-app-title{
  font-size: var(--bio-app-font);
  line-height: 1.15;
}
.bio-app-row-gap{
  gap: var(--bio-app-gap);
}

.no-save {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.no-save img {
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.save-shield {
  position: absolute;
  inset: 0;
  background: transparent;
  cursor: default;
}


.line-clamp-2-custom {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.no-underline-custom {
  text-decoration: none;
}