html body .community-profile-body.personality-themed{position:relative;isolation:isolate;background-color:#0a100d!important;background-image:linear-gradient(#0002,#0007),var(--personality-art)!important;background-size:auto,500% 200%!important;background-position:center,var(--personality-position)!important;background-repeat:no-repeat!important;color:#f5f3eb!important}
html body .community-profile-body.personality-custom{background-size:auto,cover!important;background-position:center,center top!important}
.personality-themed h2,.personality-themed h3,.personality-themed p,.personality-themed .cine-member-stats span,.personality-themed .cine-member-stats strong{color:#f5f3eb!important;text-shadow:0 1px 4px #000c}
.profile-personality-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.profile-personality-controls button,.profile-song-card button{border:1px solid #d4b36b66;border-radius:20px;background:#09130ed9;color:#e8ca80;padding:9px 14px;font:inherit;font-size:13px}
.profile-song-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0;padding:12px 14px;border:1px solid #d4b36b55;border-radius:20px;background:#07100cd9;color:#f0e8d4;font:13px system-ui,sans-serif}
.profile-song-card span{flex:1;min-width:0;overflow-wrap:anywhere}
#profile-personality-editor{box-sizing:border-box;width:min(650px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #cfb36666;border-radius:24px;background:linear-gradient(145deg,#101713,#183326);color:#f0eee5;padding:20px}
#profile-personality-editor::backdrop{background:#000b}
#profile-personality-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#profile-personality-editor h2{font:600 22px system-ui,sans-serif;margin:0}
#profile-personality-editor header button{font-size:25px;color:#e9cb80;background:transparent;min-width:44px;min-height:44px}
.personality-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.personality-theme-grid button{background:#07100c;border:1px solid #d3b36544;border-radius:14px;padding:5px;color:#f1ebdb;font:11px system-ui,sans-serif}
.personality-theme-grid button[aria-pressed=true]{outline:2px solid #f0cf78;outline-offset:1px}
.personality-theme-grid i{display:block;aspect-ratio:3/4;border-radius:10px;background-image:var(--personality-art);background-size:500% 200%;background-position:var(--personality-position);margin-bottom:6px}
#profile-personality-editor label{display:block;margin:16px 0;font-size:14px}
#profile-personality-editor input,#profile-personality-editor select{box-sizing:border-box;max-width:100%;font-size:16px}
#profile-personality-editor input[type=range],#profile-personality-editor select{width:100%;display:block;margin-top:8px}
#profile-personality-editor canvas{display:block;width:min(100%,240px);height:auto;aspect-ratio:3/4;margin:14px auto;border-radius:14px}
#profile-personality-editor .actions{display:flex;gap:10px;flex-wrap:wrap}
#profile-personality-editor [hidden]{display:none!important}
@media(max-width:360px){.personality-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}