/* Profile-only personalization: the app's flat black / white / #0060ff theme stays intact. */
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme] { --identity-accent:#67a6ff; --identity-surface:#111; --identity-banner:#16202e; background:var(--identity-surface)!important; color:#f4f7fc; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="midnight"] { --identity-surface:#080e1a; --identity-banner:#101d36; --identity-accent:#8eafff; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="aurora"] { --identity-surface:#0b1916; --identity-banner:#12352b; --identity-accent:#73dfba; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="neon"] { --identity-surface:#081324; --identity-banner:#003ea6; --identity-accent:#81b4ff; border-color:#0060ff!important; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="ocean"] { --identity-surface:#081b24; --identity-banner:#093d50; --identity-accent:#76d9f5; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="graphite"] { --identity-surface:#191b20; --identity-banner:#30343e; --identity-accent:#d3dbe8; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="ember"] { --identity-surface:#21180e; --identity-banner:#4c3212; --identity-accent:#ffd38a; }
:is(.global-profile-card,.member-profile-card,.profile-preview,.studio-live)[data-profile-theme="violet"] { --identity-surface:#191127; --identity-banner:#352052; --identity-accent:#cbb1ff; }
[data-profile-theme] :is(.global-profile-banner,.member-profile-banner,.profile-preview-banner,.studio-banner) { background-color:var(--identity-banner)!important; position:relative; isolation:isolate; }
[data-profile-theme] :is(.global-profile-banner,.member-profile-banner,.profile-preview-banner,.studio-banner)::after { content:""; position:absolute; inset:0; pointer-events:none; background-repeat:repeat; opacity:.45; }
[data-banner-effect="dots"] :is(.global-profile-banner,.member-profile-banner,.profile-preview-banner,.studio-banner)::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23ffffff'/%3E%3C/svg%3E"); }
[data-banner-effect="grid"] :is(.global-profile-banner,.member-profile-banner,.profile-preview-banner,.studio-banner)::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 0H0V24' fill='none' stroke='%23ffffff' stroke-opacity='.4'/%3E%3C/svg%3E"); }
[data-banner-effect="stars"] :is(.global-profile-banner,.member-profile-banner,.profile-preview-banner,.studio-banner)::after { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='52'%3E%3Cpath d='M15 8v8m-4-4h8M54 32v6m-3-3h6' stroke='%23ffffff'/%3E%3Ccircle cx='35' cy='40' r='1' fill='%23ffffff'/%3E%3C/svg%3E"); }
.custom-identity-avatar { --ring:#0060ff; position:relative; flex-shrink:0; isolation:isolate; }
.custom-identity-avatar[data-identity-frame="none"] { outline:none; }
.custom-identity-avatar[data-identity-frame="orbit"] { outline:2px solid #0060ff!important; outline-offset:3px; }
.custom-identity-avatar[data-identity-frame="code"] { outline:2px solid #46cda3!important; outline-offset:2px; --ring:#46cda3; }
.custom-identity-avatar[data-identity-frame="gaming"] { outline:3px solid #b08aff!important; outline-offset:2px; --ring:#b08aff; }
.custom-identity-avatar[data-identity-frame="double"] { outline:4px double #8dbaff!important; outline-offset:2px; }
.custom-identity-avatar[data-identity-frame="dashed"] { outline:2px dashed #67a6ff!important; outline-offset:3px; }
.custom-identity-avatar[data-identity-frame="diamond"] { border-radius:22%!important; outline:2px solid #67a6ff!important; outline-offset:3px; }
.custom-identity-avatar[data-identity-frame="platinum"] { outline:3px solid #d5e2f4!important; outline-offset:2px; --ring:#d5e2f4; }
.custom-identity-avatar:focus-visible { outline:2px solid #fff!important; outline-offset:6px; }
.custom-identity-avatar>img { width:100%!important; height:100%!important; max-width:100%; display:block; object-fit:cover!important; border-radius:inherit; }
.custom-identity-avatar[data-avatar-effect="glow"] { filter:drop-shadow(0 0 5px var(--ring)); }
.custom-identity-avatar[data-avatar-effect="pulse"] { animation:identity-halo 3.6s ease-in-out infinite; }
.custom-identity-avatar[data-avatar-effect="beacon"] { filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px var(--ring)); }
.custom-identity-name { --identity-accent:#81b4ff; overflow-wrap:anywhere; }
.custom-identity-name[data-name-font="default"] { font-family:'Baloo Bhaijaan 2',Tahoma,sans-serif!important; }
.custom-identity-name[data-name-font="system"] { font-family:system-ui,Tahoma,sans-serif!important; }
.custom-identity-name[data-name-font="tahoma"] { font-family:Tahoma,Arial,sans-serif!important; }
.custom-identity-name[data-name-font="mono"] { font-family:Consolas,'Courier New','Baloo Bhaijaan 2',monospace!important; }
.custom-identity-name[data-name-font="serif"] { font-family:Georgia,'Times New Roman','Baloo Bhaijaan 2',serif!important; }
.custom-identity-name[data-name-effect="glow"] { color:#c4ddff!important; text-shadow:0 0 9px #0060ff; }
.custom-identity-name[data-name-effect="shadow"] { text-shadow:2px 2px 0 #0060ff; }
.custom-identity-name[data-name-effect="outline"] { color:#f5f8ff!important; -webkit-text-stroke:.45px #81b4ff; paint-order:stroke fill; }
.custom-identity-name[data-name-effect="underline"] { text-decoration:underline; text-decoration-color:#0060ff; text-decoration-thickness:2px; text-underline-offset:5px; }
.custom-identity-name[data-name-effect="pulse"] { animation:identity-name-glow 3.6s ease-in-out infinite; }
@keyframes identity-halo { 0%,100% { filter:drop-shadow(0 0 1px var(--ring)); } 50% { filter:drop-shadow(0 0 6px var(--ring)); } }
@keyframes identity-name-glow { 0%,100% { text-shadow:0 0 1px #0060ff; } 50% { text-shadow:0 0 10px #0060ff; } }
[data-motion-paused="true"] :is(.custom-identity-avatar,.custom-identity-name) { animation-play-state:paused!important; }
.profile-studio { background:#0d0f13; border:1px solid #2b3441; padding:22px; border-radius:18px; }
.profile-studio-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.profile-studio-heading h3 { margin:0 0 6px; font-size:21px; color:#fff; }
.profile-studio-heading p { margin:0; max-width:52ch; font-size:14px; }
.studio-nitro { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; color:#a9caff; font-size:12px; padding:6px 10px; border:1px solid #294975; border-radius:8px; background:#0d213f; }
.studio-live { border:1px solid #334155; border-radius:14px; overflow:hidden; margin-bottom:18px; }
.studio-banner { height:86px; background-size:cover; background-position:center; }
.studio-live-body { display:flex; align-items:center; gap:20px; padding:20px; min-height:115px; }
.studio-avatar { display:grid; place-items:center; width:64px; height:64px; border-radius:50%; background:#0060ff; color:#fff; font-size:26px; }
.studio-live-body>div { min-width:0; }
.studio-name { display:block; font-size:23px; line-height:1.7; }
.studio-live small { display:block; color:#a9b8ce; direction:ltr; text-align:start; }
.studio-preview-label { display:block; color:#94a7c1; font-size:11px; margin-top:5px; }
.studio-presets { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.profile-studio :is(.studio-presets,.studio-footer)>button { min-height:44px; padding:8px 14px; border:1px solid #343c49; border-radius:10px; color:#dbe7f7; background:#191d24; font:inherit; font-size:13px; cursor:pointer; transition:background-color .16s,border-color .16s; }
.profile-studio :is(.studio-presets,.studio-footer)>button:hover { border-color:#0060ff; background:#132747; }
.profile-studio .studio-presets>button[aria-pressed="true"] { background:#0060ff; color:white; border-color:#0060ff; }
.profile-studio .studio-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.profile-studio .studio-fields>label { min-width:0; display:grid; gap:8px; color:#c6d1e2; font-size:13px; }
.profile-studio .custom-select { min-width:0; width:100%; }
.studio-footer { display:flex; flex-wrap:wrap; gap:8px; padding-top:16px; border-top:1px solid #29313c; margin-top:20px; }
.profile-studio .studio-status { color:#9ac3ff; font-size:13px; min-height:24px; }
.profile-studio .studio-note { font-size:12px; color:#a6b1c2; margin-bottom:0; }
.profile-studio .studio-locked { border:1px solid #375078; padding:12px; border-radius:10px; background:#101e34; color:#c3d8f8; }
.profile-studio :focus-visible { outline:2px solid #9bc3ff; outline-offset:3px; }
@media(max-width:600px) { .profile-studio { padding:16px; } .profile-studio .studio-fields { grid-template-columns:1fr; } .profile-studio-heading { flex-wrap:wrap; gap:10px; } .studio-live-body { padding:18px 16px; gap:15px; } .studio-footer>button { flex:1 1 160px; } .studio-name { font-size:20px; } }
@media(max-width:420px) { .profile-studio { padding:12px; } .profile-studio-heading h3 { font-size:18px; } .studio-live-body { flex-direction:column; align-items:flex-start; gap:12px; } .studio-live-body>div { width:100%; } .studio-live small { overflow-wrap:anywhere; } .studio-preview-label { line-height:1.8; } .studio-avatar { width:56px; height:56px; } .studio-banner { height:64px; } }
@media(prefers-reduced-motion:reduce) { .custom-identity-avatar,.custom-identity-name { animation:none!important; } .profile-studio button { transition:none!important; } }
