/* FourColorComic v40.31.160 — collector profile identity + password verification */

#settings #fcc160CommunityProfile{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,420px);
  gap:16px;
  padding:0;
  border:0;
}
#settings .fcc160-community-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:210px;
  padding:18px;
  border:1px solid #263e4b;
  border-radius:13px;
  background:
    radial-gradient(circle at 8% 0,rgba(91,213,255,.09),transparent 36%),
    linear-gradient(180deg,#08141d,#071119);
}
#settings .fcc160-overline{
  color:#69dcff;
  font-size:8px;
  font-weight:950;
  letter-spacing:.15em;
}
#settings .fcc160-community-copy h3{
  margin:5px 0 6px;
  font-size:20px;
  letter-spacing:-.015em;
}
#settings .fcc160-community-copy>p{
  max-width:620px;
  margin:0;
  color:#93a6b1;
  font-size:10px;
  line-height:1.55;
}
#settings .fcc160-profile-progress{
  display:grid;
  gap:7px;
  margin:15px 0 12px;
}
#settings .fcc160-profile-progress>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#settings .fcc160-profile-progress b{
  font-size:9.5px;
}
#settings .fcc160-profile-progress span{
  color:#89a0ac;
  font-size:8.5px;
}
#settings .fcc160-progress-track{
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#132530;
}
#settings .fcc160-progress-track i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#62d6ff,#6ee0ae);
  transition:width .2s ease;
}
#settings #fcc160PrivacyShortcut{
  width:max-content;
  min-height:32px;
}

#settings .fcc160-collector-card{
  overflow:hidden;
  min-height:210px;
  border:1px solid #355366;
  border-radius:15px;
  background:#07121a;
  box-shadow:0 18px 34px rgba(0,0,0,.2);
}
#settings .fcc160-card-banner{
  min-height:54px;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:11px 12px;
  background:
    linear-gradient(115deg,rgba(92,211,255,.72),rgba(106,91,247,.58) 50%,rgba(249,80,153,.5)),
    radial-gradient(circle at 20% 40%,rgba(255,255,255,.16),transparent 20%);
}
#settings .fcc160-card-banner span{
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(3,10,16,.28);
  color:white;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.1em;
}
#settings .fcc160-card-body{
  position:relative;
  padding:42px 15px 14px;
}
#settings .fcc160-card-avatar{
  position:absolute;
  left:15px;
  top:-32px;
  width:64px;
  height:64px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:3px solid #07121a;
  border-radius:50%;
  background:linear-gradient(145deg,#51c5ef,#6c63f5);
  color:#fff;
  font-size:21px;
  font-weight:900;
  box-shadow:0 0 0 1px #426273;
}
#settings .fcc160-card-avatar img{width:100%;height:100%;object-fit:cover}
#settings .fcc160-card-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#settings .fcc160-card-heading b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
#settings .fcc160-card-heading span{
  flex:0 0 auto;
  padding:3px 7px;
  border:1px solid #2f4a59;
  border-radius:999px;
  color:#8dddb5;
  background:rgba(90,189,133,.06);
  font-size:7.5px;
  font-weight:850;
}
#settings #fcc160CardBio{
  min-height:42px;
  margin:10px 0 12px;
  color:#91a4af;
  font-size:9px;
  line-height:1.5;
}
#settings .fcc160-card-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
#settings .fcc160-card-stats>div{
  padding:8px 9px;
  border:1px solid #233845;
  border-radius:9px;
  background:#061019;
}
#settings .fcc160-card-stats b,
#settings .fcc160-card-stats span{display:block}
#settings .fcc160-card-stats b{
  color:#eef6f9;
  font-size:10px;
}
#settings .fcc160-card-stats span{
  margin-top:2px;
  color:#758b97;
  font-size:7.5px;
  text-transform:uppercase;
  letter-spacing:.07em;
}

#settings .fcc160-field-footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:5px;
  color:#718792;
  font-size:8px;
}
#settings .fcc160-field-footer b{
  flex:0 0 auto;
  color:#8da4af;
  font-size:8px;
}

#settings #v403146SecurityPanel{
  grid-template-columns:1fr 1fr;
}
#settings #fcc160SecurityIntro{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:11px 12px;
  border:1px solid rgba(103,215,255,.22);
  border-radius:10px;
  background:rgba(65,170,208,.05);
}
#settings #fcc160SecurityIntro>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#0e2532;
}
#settings #fcc160SecurityIntro b{
  display:block;
  margin-bottom:2px;
  color:#dcebf1;
  font-size:9.5px;
}
#settings #fcc160SecurityIntro p{
  margin:0;
  color:#8399a5;
  font-size:8.5px;
  line-height:1.45;
}
#settings .fcc160-current-password{
  grid-column:1/-1;
  max-width:520px;
}
#settings #changeAccountPassword{
  align-self:center;
}
#settings .fcc160-forgot-password{
  width:max-content;
  align-self:center;
  background:transparent!important;
  border-color:#2a414e!important;
  color:#99adb8!important;
}
#settings .fcc160-forgot-password:hover{
  border-color:#4a6b7e!important;
  color:#d5e4ea!important;
}
#settings #passwordStatus{
  grid-column:1/-1;
}

@media(max-width:900px){
  #settings #fcc160CommunityProfile{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  #settings #v403146SecurityPanel{
    grid-template-columns:1fr;
  }
  #settings .fcc160-current-password,
  #settings #fcc160SecurityIntro,
  #settings #passwordStatus{
    grid-column:1;
  }
}
@media(max-width:520px){
  #settings .fcc160-card-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  #settings .fcc160-card-stats{
    grid-template-columns:1fr;
  }
  #settings .fcc160-profile-progress>div:first-child{
    align-items:flex-start;
    flex-direction:column;
  }
}