#page-profile.graconia-custom-profile {
  --gpc-primary: #4ee7f2; --gpc-accent: #f6ce68; --gpc-bg: #07111d; --gpc-text: #eef7fb;
  color: var(--gpc-text); background-color: var(--gpc-bg);
  background-image: var(--gpc-background-image, none); background-size: cover; background-position: center; background-attachment: fixed;
}
#page-profile.graconia-custom-profile .profile-page-shell { font-family: var(--gpc-font, inherit); }
#page-profile.graconia-custom-profile :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) { border-color: color-mix(in srgb,var(--gpc-primary) 34%,transparent); color: var(--gpc-text); }
#page-profile.graconia-custom-profile.gpc-card-solid :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) { background: var(--gpc-bg); }
#page-profile.graconia-custom-profile.gpc-card-outline :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) { background: transparent; border-width: 2px; }
#page-profile.graconia-custom-profile.gpc-card-soft :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) { background: color-mix(in srgb,var(--gpc-primary) 9%,var(--gpc-bg)); }
#page-profile.graconia-custom-profile.gpc-card-minimal :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) { box-shadow: none; border-color: transparent; }
#page-profile.graconia-custom-profile :is(h1,h2,h3) { color: var(--gpc-text); }
#page-profile.graconia-custom-profile .profile-content-tab.active { color: var(--gpc-primary); border-color: var(--gpc-primary); }
#page-profile.graconia-custom-profile .role-badge { background: var(--gpc-accent); color: #07111d; }
.graconia-profile-feature-grid { display: grid; gap: 12px; margin: 14px 0; }
.graconia-profile-feature { padding: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(7,17,29,.82); }
.graconia-profile-feature h3 { margin: 0 0 7px; }.graconia-profile-feature p { margin: 0; white-space: pre-wrap; }.graconia-profile-feature a { color: var(--gpc-primary,#4ee7f2); font-weight: 800; }
.gpc-layout-wide .profile-page-shell { max-width: 1280px; }.gpc-layout-compact .profile-page-shell { max-width: 850px; }
.gpc-layout-spotlight .profile-top-card { text-align: center; display: grid; justify-items: center; }.gpc-layout-spotlight .profile-page-actions { justify-content: center; }
.gpc-animations .profile-top-card,.gpc-animations .graconia-profile-feature { animation: gpc-rise .45s ease both; }
@keyframes gpc-rise { from { opacity: 0; transform: translateY(9px); } }
@media (min-width:720px) { .graconia-profile-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (prefers-reduced-motion:reduce) { .gpc-animations * { animation: none!important; transition: none!important; } }

/* Keep the cross consistent on Samsung and iPhone instead of using a platform emoji. */
#page-profile .gpc-about-cross,.gpc-reels-cross {font-family:Georgia,"Times New Roman",serif!important;font-size:20px!important;line-height:1!important;font-weight:400!important;display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;vertical-align:middle;}
.gpc-reels-cross {font-size:32px!important;width:42px;height:42px;}
#gpc-manual-studio {max-width:100%;box-sizing:border-box;}
#gpc-manual-studio input,#gpc-manual-studio select {box-sizing:border-box;min-width:0;width:100%;}
#gpc-manual-studio input[type=color] {width:100%;min-height:48px;}
@media(max-width:640px){#gpc-manual-studio {margin:12px 0!important;padding:14px!important;}#gpc-manual-studio form{grid-template-columns:minmax(0,1fr);}}

/* Profile Studio is a full-width section, not an item in the narrow profile action column. */
#page-profile #gpc-manual-studio {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 16px 0 !important;
  padding: clamp(14px, 3vw, 24px) !important;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  background: #121d2b !important;
  color: #f5f8ff !important;
  border: 1px solid #46566a !important;
  border-radius: 16px;
}
#page-profile #gpc-manual-studio[hidden] { display: none !important; }
#page-profile #gpc-manual-studio :is(form,fieldset,label,div) { min-width: 0; max-width: 100%; }
#page-profile #gpc-manual-studio :is(input,select,textarea,button) {
  box-sizing: border-box;
  max-width: 100%;
  font-size: 16px;
}
#page-profile #gpc-manual-studio :is(input:not([type=checkbox]),select,textarea) {
  background: #f8fafc;
  color: #172033;
  border: 1px solid #8795a9;
  border-radius: 8px;
}
#page-profile #gpc-manual-studio button { min-height: 42px; padding: 10px 12px; white-space: normal; }
#page-profile #gpc-manual-studio h3 { color: #fff !important; }
@media(max-width:640px) {
  #page-profile #gpc-manual-studio { margin: 12px 0 !important; padding: 14px !important; }
  #page-profile #gpc-manual-studio form { display: grid; grid-template-columns: minmax(0,1fr) !important; }
}

/* Profile Builder 2.0: responsive media and custom card styling. */
#page-profile.graconia-custom-profile :is(.profile-top-card,.profile-about-card,.profile-posts-card,.graconia-profile-feature) {
  border-radius:var(--gpc-radius,16px);
}
#page-profile.graconia-custom-profile .graconia-profile-feature {
  background:color-mix(in srgb,var(--gpc-bg,#152233) calc(var(--gpc-card-opacity,.95) * 100%),transparent);
}
#gpc-profile-banner {
  width:100%;height:clamp(130px,24vw,270px);
  background-size:cover;background-position:center;
  border-radius:var(--gpc-radius,16px);margin:12px 0;
  border:1px solid rgba(255,255,255,.2);
}
.gpc-photo-gallery {display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px;margin-top:10px}
.gpc-photo-gallery img {display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
#gpc-manual-studio fieldset {min-width:0}
#gpc-manual-studio input[type=range] {accent-color:#42d3e5}
@media(max-width:640px){#gpc-profile-banner{height:150px}.gpc-photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}