/* Circlique profile screen polish v2 — focused visual cleanup only */
#profileView{
  --profile-accent:#d48ae0;
  --profile-warm:#efcdbb;
  --profile-panel:rgba(16,11,20,.94);
  --profile-line:rgba(184,116,194,.20);
}

/* Compact title/action row */
#profileView .screenIntro{
  padding:4px 2px 8px!important;
}
#profileView .screenIntro .row{
  align-items:center!important;
  gap:14px!important;
}
#profileView .screenIntro h2{
  display:block!important;
  margin:0 0 3px!important;
  font-size:30px!important;
  line-height:1!important;
}
#profileView .screenIntro p{
  max-width:520px!important;
  font-size:12.5px!important;
  line-height:1.35!important;
}
#profileView .editProfileTopBtn{
  flex:0 0 auto!important;
  min-width:104px!important;
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  box-shadow:0 9px 24px rgba(116,41,139,.24)!important;
}

/* Secondary navigation should read as controls, not another content card */
#profileView .profileQuickLinks{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:scroll!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  gap:6px!important;
  margin:5px -2px 10px!important;
  padding:2px 2px 5px!important;
  scroll-snap-type:x proximity;
}
#profileView .profileQuickLinks button{
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-height:36px!important;
  padding:8px 11px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  scroll-snap-align:start;
}
#profileView .sessionLine{
  width:max-content;
  max-width:100%;
  margin:0 0 10px!important;
  padding:5px 9px!important;
  border:1px solid rgba(91,168,124,.18);
  border-radius:999px;
  background:rgba(43,105,69,.10);
  color:#a8cbb5!important;
  font-size:10px!important;
  line-height:1.2;
}

/* Profile overview */
#profileView #profileContent{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:9px;
  margin-bottom:16px;
}
#profileView .profileHero265{
  grid-column:1/-1;
  position:relative;
  margin:0!important;
  border-radius:22px!important;
  border-color:rgba(184,116,194,.27)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.26)!important;
}
#profileView .profileCover265{
  height:58px!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(174,73,193,.25),transparent 46%),
    radial-gradient(circle at 82% 30%,rgba(139,72,161,.14),transparent 42%),
    linear-gradient(125deg,#100a15,#1b1122 55%,#0b080f)!important;
}
#profileView .profileBody265{
  margin-top:-34px!important;
  padding:0 15px 15px!important;
}
#profileView .profileBody265 .avatar{
  width:82px!important;
  height:82px!important;
  border-width:2px!important;
  box-shadow:0 0 0 4px #0d0911,0 10px 24px rgba(0,0,0,.58)!important;
}
#profileView .profileAvatarEdit{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  right:-2px!important;
  bottom:1px!important;
  border-radius:50%!important;
  background:#6d2a83!important;
  border:2px solid #0d0911!important;
  font-size:13px!important;
}
#profileView .profileBody265 .username{
  margin-top:8px!important;
  font-size:28px!important;
  line-height:1.05!important;
  overflow-wrap:anywhere;
}
#profileView .profileHandle265{
  margin-top:3px!important;
  font-size:11px!important;
}
#profileView .profileIdentity265{
  display:inline-flex;
  align-items:center;
  margin-top:8px!important;
  padding:5px 9px;
  border:1px solid rgba(224,191,166,.20);
  border-radius:999px;
  background:rgba(224,191,166,.07);
  font-size:10px!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* About gets room; preference cards form a compact grid */
#profileView .profileSection265{
  min-width:0;
  margin:0!important;
  padding:13px 14px!important;
  border-radius:17px!important;
  box-shadow:none!important;
}
#profileView .profileSection265:first-of-type,
#profileView .profileSection265:last-of-type{
  grid-column:1/-1;
}
#profileView .profileSection265 h3{
  margin:0 0 7px!important;
  color:#b9aebd!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}
#profileView .profileBioText{
  color:#e0d7e2!important;
  font-size:14px!important;
  line-height:1.55!important;
  white-space:pre-wrap;
}
#profileView .profileTags265{
  gap:5px!important;
}
#profileView .profileTag265{
  padding:6px 9px!important;
  border-color:rgba(118,80,135,.42)!important;
  background:rgba(29,19,35,.82)!important;
  color:#d7cbd9!important;
  font-size:10px!important;
  line-height:1.2;
}

/* Management area */
#profileView .profileSettingsIntro{
  margin:4px 2px 8px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(184,116,194,.14);
}
#profileView .profileSettingsIntro h3{
  margin:0 0 3px!important;
  color:var(--profile-warm)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:21px!important;
  font-weight:500!important;
}
#profileView .profileSettingsIntro p{
  font-size:12px!important;
}
#profileView .profileAccordion{
  margin:7px 0!important;
  border-color:rgba(184,116,194,.16)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(27,18,33,.82),rgba(13,9,16,.94))!important;
  box-shadow:none!important;
}
#profileView .profileAccordionToggle{
  min-height:58px!important;
  padding:11px 13px!important;
}
#profileView .profileAccordionTitle{
  font-size:15px!important;
}
#profileView .profileAccordionSummary{
  font-size:11.5px!important;
}
#profileView .profileAccordionChevron{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(184,116,194,.18);
  border-radius:50%;
  background:rgba(184,81,207,.06);
  font-size:18px!important;
}

@media(max-width:520px){
  #profileView .screenIntro h2{font-size:27px!important}
  #profileView .screenIntro p{display:none}
  #profileView .editProfileTopBtn{min-width:98px!important;min-height:40px!important}
  #profileView #profileContent{grid-template-columns:1fr;gap:8px}
  #profileView .profileSection265,
  #profileView .profileSection265:first-of-type,
  #profileView .profileSection265:last-of-type{grid-column:1}
  #profileView .profileSection265{padding:12px 13px!important}
  #profileView .profileCover265{height:52px!important}
  #profileView .profileBody265{margin-top:-31px!important}
  #profileView .profileBody265 .avatar{width:76px!important;height:76px!important}
  #profileView .profileBody265 .username{font-size:25px!important}
}

@media(min-width:760px){
  #profileView{max-width:760px;margin-inline:auto}
  #profileView .profileBody265{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;text-align:left;column-gap:18px;align-items:center}
  #profileView .profileAvatarWrap{grid-row:1/4}
  #profileView .profileBody265 .username{align-self:end}
  #profileView .profileHandle265{align-self:start}
  #profileView .profileIdentity265{justify-self:start}
}

@media(prefers-reduced-motion:reduce){
  #profileView .profileAccordionChevron{transition:none!important}
}
#profileView .profileQuickLinks{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;scrollbar-width:none!important}
#profileView .profileQuickLinks::-webkit-scrollbar{display:none!important}
#profileView .profileQuickLinks>button{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}

/* iOS/Safari fallback: native horizontal action-strip scroller */
#profileView .profileQuickLinks{position:relative!important;box-sizing:border-box!important;justify-content:flex-start!important;scroll-snap-type:none!important;-webkit-user-select:none!important}
#profileView .profileQuickLinks>*{flex-shrink:0!important}