.bio-stage .bio-headline { font-size:12px; line-height:1.6; margin:20px auto; color:var(--accent); max-width:100%; overflow-wrap:anywhere; }
.bio-stage .bio-headline.pill { display:table; padding:5px 13px; border:1px solid color-mix(in srgb,var(--accent) 65%,transparent); border-radius:999px; background:color-mix(in srgb,var(--accent) 8%,transparent); }
.bio-stage[data-alignment=left] .bio-headline { margin-left:0; }
.bio-stage[data-counter-position=top] .bio-card { position:relative; padding-top:56px; }
.bio-stage[data-counter-position=top] .bio-counts { position:absolute; z-index:3; top:12px; right:12px; margin:0; gap:7px; flex-wrap:wrap; justify-content:flex-end; max-width:calc(100% - 24px); }
.bio-stage[data-counter-position=top] .bio-counts>span { border:1px solid color-mix(in srgb,var(--accent) 22%,transparent); background:#080c10b3; color:#d9dde3; backdrop-filter:blur(10px); border-radius:999px; font-size:10px; line-height:1; padding:7px 10px; }
.bio-stage[data-counter-position=top].has-banner .bio-banner { margin-top:-56px; }
.bio-stage .bio-join-date { display:block; color:var(--secondary); font-size:11px; margin:16px 0; }
.bio-stage .bio-counts .bio-join-date { margin:0; }
.bio-stage[data-badge-style=icons] .named-badge { border:0; padding:3px; background:transparent; border-radius:4px; }
.bio-stage[data-badge-style=icons] .badge-label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.bio-stage[data-badge-style=icons] .named-badge svg { width:19px; height:19px; }
.bio-stage[data-badge-style=icons] .bio-roles { gap:6px; }
.bio-stage[data-badge-theme=true] .named-badge { color:var(--accent); --badge-color:var(--accent) !important; }
.bio-stage .named-badge svg,.bio-stage .bio-links .social-icon { filter:drop-shadow(0 0 var(--badge-glow,0px) currentColor); }
.bio-stage .named-badge:focus-visible { outline:1px solid var(--accent); outline-offset:4px; }
.bio-stage .named-badge { position:relative; }
.bio-stage[data-badge-style=icons] .named-badge:is(:hover,:focus-visible)::after { content:attr(aria-label); position:absolute; bottom:calc(100% + 8px); left:50%; transform:translateX(-50%); z-index:8; width:max-content; max-width:180px; background:#0c0e12; border:1px solid #ffffff30; border-radius:6px; padding:7px 9px; font-size:10px; line-height:1.5; color:#f1f3f6; pointer-events:none; }
.bio-stage[data-layout=split] .bio-external-blocks { display:flex; flex-direction:column; gap:18px; width:100%; margin-top:20px; }
.bio-stage[data-layout=split] .bio-external-blocks>.bio-links { margin:0; }
.bio-stage[data-layout=split] .bio-external-blocks>.bio-music { margin:0; backdrop-filter:blur(var(--card-blur)); }
.bio-stage[data-layout=split] .bio-external-blocks>.bio-links .bio-link { backdrop-filter:blur(var(--card-blur)); }
.bio-stage[data-link-columns=two]:not([data-link-style=icons]) .bio-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.bio-stage[data-link-columns=two]:not([data-link-style=icons]) .bio-link { min-width:0; width:100%; }
.bio-stage[data-link-columns=two] .bio-link>div { min-width:0; }
.bio-stage[data-link-columns=two] .bio-link strong,.bio-stage[data-link-columns=two] .bio-link small { overflow-wrap:anywhere; }
.bio-stage .bio-discord-card { display:flex; align-items:center; gap:12px; margin-top:24px; padding:16px; background:color-mix(in srgb,var(--accent) 8%,transparent); border:1px solid color-mix(in srgb,var(--accent) 20%,transparent); border-radius:13px; text-align:left; }
.discord-card-icon { flex:0 0 40px; height:40px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--accent) 25%,transparent); border-radius:12px; color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }
.discord-card-icon::before { content:''; width:24px; height:24px; background:currentColor; mask:url('/icons/discord.svg') center/contain no-repeat; }
.discord-card-info { min-width:0; flex:1; }.discord-card-info small { display:block; font-size:8px; letter-spacing:1px; color:var(--secondary); margin-bottom:5px; }.discord-card-info strong { display:block; font-size:13px; overflow-wrap:anywhere; color:var(--bio-text); }
.bio-stage .discord-profile-link,.bio-stage .discord-copy-id { flex-shrink:0; border:1px solid color-mix(in srgb,var(--accent) 25%,transparent); border-radius:8px; padding:9px; font:10px var(--profile-font),sans-serif; color:var(--bio-text); text-decoration:none; background:color-mix(in srgb,var(--accent) 8%,transparent); cursor:pointer; }
.discord-card-unavailable { color:var(--secondary); font-size:11px; line-height:1.6; padding:12px; border:1px dashed currentColor; border-radius:10px; }
.bio-share-footer { display:grid; justify-items:center; gap:8px; margin-top:20px; }
.bio-stage .bio-share-button { border:1px solid color-mix(in srgb,var(--accent) 25%,transparent); padding:10px 16px; color:var(--secondary); background:color-mix(in srgb,var(--card-color) 60%,transparent); border-radius:999px; font:11px var(--profile-font),sans-serif; cursor:pointer; backdrop-filter:blur(8px); }
.bio-share-status { color:var(--secondary); font-size:10px; }
.widget-presets { display:grid; gap:12px; margin:0 0 26px; }
.widget-presets-heading { color:#91919e; font:9px monospace; letter-spacing:1px; }
.widget-preset { display:flex; align-items:center; gap:14px; text-align:left; padding:12px; border:1px solid #383842; border-radius:12px; background:#15151b; color:#eeeef2; cursor:pointer; }
.widget-preset:hover { border-color:#a6a6b1; }.widget-preset>span:nth-child(2) { flex:1; }.widget-preset strong { display:block; font-size:12px; margin-bottom:7px; letter-spacing:1px; }.widget-preset small { font-size:11px; color:#9b9ba8; }.widget-preset-arrow { color:#ff586a; font-size:20px; }
.widget-preset-art { width:65px; height:64px; border:1px solid #657a923f; border-radius:7px; background:#0b131d; padding:7px; display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.widget-preset-art i { background:#9db2c814; border:1px solid #9db2c833; border-radius:3px; }.widget-preset-art i:first-child { grid-column:1/-1; height:26px; }.widget-preset-art i:last-child { grid-column:1/-1; }.widget-preset-art.neon { background:#174153; border-color:#22d3ee55; }.widget-preset-art.neon i:first-child { background:linear-gradient(145deg,#061319,#22d3ee40); }.widget-preset-art.neon i { border-color:#22d3ee50; }
.mini-layout-split { grid-template-columns:1fr 1fr; }.mini-layout-split .mini-cover { grid-column:1/-1; height:32px; margin-bottom:5px; }.mini-layout-split .mini-link:last-child { grid-column:1/-1; }
@media(max-width:480px) { .bio-stage .bio-discord-card { gap:8px; padding:12px; flex-wrap:wrap; }.discord-card-info { flex-basis:calc(100% - 60px); }.discord-profile-link { margin-left:48px; }.bio-stage[data-link-columns=two]:not([data-link-style=icons]) .bio-link { padding:12px 10px; gap:8px; }.bio-stage[data-link-columns=two] .link-end-icon { display:none; } }
#publicScreen:has([data-layout=split]) .public-brand { position:relative; bottom:auto; left:auto; transform:none; display:table; margin:0 auto 24px; }
/* Slim player; every tone is supplied by the owner's editable colors. */
.bio-stage:is([data-layout]) .bio-music.polished-player {display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:max(10px,var(--player-padding));border-color:color-mix(in srgb,var(--player-border-color) var(--player-border-opacity,45%),transparent);}
.bio-stage:is([data-layout]) .bio-music.polished-player.has-volume {grid-template-columns:52px minmax(0,1fr) auto auto;}
.bio-stage .polished-player > .player-artwork {min-width:0;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--player-accent) 22%,transparent);border-radius:var(--player-cover-radius);overflow:hidden;background:color-mix(in srgb,var(--player-background) 85%,transparent);}
.bio-stage .polished-player .player-artwork .player-cover {width:100%;height:100%;display:block;border-radius:var(--player-cover-radius);object-fit:cover;}
.bio-stage .polished-player > .player-info {min-width:0;}
.bio-stage .polished-player:not(.player-details) .player-info :is(small,.track-status) {display:none;}
.bio-stage .polished-player .track-name {margin:0 0 5px;font-size:12px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bio-stage .polished-player .track-status {margin:2px 0 5px;font-size:9px;}
.bio-stage .polished-player .player-transport {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;}
.bio-stage .polished-player .player-transport span {font-size:9px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--player-secondary-color);}
.bio-stage .polished-player > .player-actions {display:flex;align-items:center;gap:4px;min-width:0;}
.bio-stage .polished-player .play-button {width:26px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--player-accent);font-size:15px;cursor:pointer;}
.bio-stage .polished-player .play-button:hover {background:color-mix(in srgb,var(--player-accent) 12%,transparent);}
.bio-stage .polished-player .equalizer {display:none;}
.bio-stage .polished-player .equalizer.fx-equalizer {display:flex;max-width:22px;}
.bio-stage .polished-player .next-track {border:0;background:transparent;padding:3px;cursor:pointer;font-size:12px;}
.bio-stage .polished-player > .player-volume {min-width:0;display:flex;align-items:center;gap:5px;}
.bio-stage .polished-player input[type=range] {appearance:none;-webkit-appearance:none;box-sizing:border-box;border:0;border-radius:0;padding:0;margin:0;outline:0;cursor:pointer;background:transparent;box-shadow:none;accent-color:var(--player-accent);}
.bio-stage .polished-player input.player-seek,.bio-stage .polished-player input.player-volume-slider {height:22px;min-width:0;background:linear-gradient(to right,var(--player-accent) var(--range-fill,0%),color-mix(in srgb,var(--player-secondary-color) 18%,transparent) var(--range-fill,0%)) center/100% 3px no-repeat;}
.bio-stage .polished-player input.player-seek {width:100%;}
.bio-stage .polished-player input.player-volume-slider {width:44px;max-width:44px;flex:0 0 44px;}
.bio-stage .polished-player input[type=range]::-webkit-slider-runnable-track {background:transparent;border:0;}
.bio-stage .polished-player input[type=range]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:10px;height:10px;background:var(--player-accent);border:0;border-radius:50%;}
.bio-stage .polished-player input[type=range]::-moz-range-track {background:transparent;border:0;}
.bio-stage .polished-player input[type=range]::-moz-range-thumb {width:10px;height:10px;background:var(--player-accent);border:0;border-radius:50%;}
.bio-stage .polished-player input:disabled {opacity:.4;cursor:default;}
.bio-stage .polished-player :is(input,button):focus-visible {outline:2px solid var(--player-accent);outline-offset:3px;}
.bio-stage .polished-player .player-mute {display:grid;place-items:center;width:22px;height:26px;padding:2px;border:0;border-radius:5px;background:transparent;color:var(--player-accent);cursor:pointer;}
.bio-stage .polished-player .player-mute:hover {background:color-mix(in srgb,var(--player-accent) 12%,transparent);}
.bio-stage .polished-player .player-mute svg {width:14px;height:14px;}
@media(max-width:440px) { .bio-stage:is([data-layout]) .bio-music.polished-player {grid-template-columns:40px minmax(0,1fr) auto;gap:7px;} .bio-stage:is([data-layout]) .bio-music.polished-player.has-volume {grid-template-columns:40px minmax(0,1fr) auto auto;} .bio-stage .polished-player > .player-artwork {width:40px;height:40px;} .bio-stage .polished-player input.player-volume-slider {width:28px;max-width:28px;flex-basis:28px;} .bio-stage .polished-player .player-volume {gap:1px;} .bio-stage .polished-player .player-transport {gap:5px;} }

.bio-stage .polished-player.player-details .equalizer {display:flex;transform:scale(.7);margin:0;}
.bio-stage:is([data-layout]) .polished-player > :is(.player-artwork,.player-info,.player-actions,.player-volume) {min-width:0;}
.link-style-picker { border:0; padding:0; margin:24px 0 18px; min-width:0; }
.link-style-picker legend { font-size:13px; margin-bottom:12px; color:#eee; }
.link-style-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.link-style-option { min-width:0; padding:16px 8px; border:1px solid #39393e; border-radius:8px; background:#111114; color:#b7b7bf; cursor:pointer; font-family:inherit; font-size:11px; }
.link-style-picker > .field-hint { display:block; margin:12px 0 0; line-height:1.6; }
.link-style-option[aria-pressed=true] { border-color:#ef4b54; background:#251719; color:#fff; }
.link-style-art { display:flex; justify-content:center; align-items:center; gap:7px; height:36px; margin-bottom:12px; }
.link-style-art i { width:18px; height:18px; background:currentColor; mask:var(--logo-mask) center/contain no-repeat; }
.link-style-option[data-style=cards] .link-style-art { background:#343439; border-radius:5px; }
.link-style-option[data-style=outline] .link-style-art { border:1px solid #6b6b73; border-radius:5px; }
.link-style-option[data-style=icons] .link-style-art { filter:drop-shadow(0 0 5px currentColor); }
.bio-stage[data-link-style=outline][data-layout] .bio-links .bio-link { background:transparent; }
.bio-stage[data-link-style=icons][data-layout] .bio-links { display:flex; flex-wrap:wrap; gap:var(--link-gap,8px); justify-content:center; }
.bio-stage[data-link-style=icons][data-layout][data-alignment=left] .bio-links { justify-content:flex-start; }
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link { display:flex; width:auto; min-width:44px; height:auto; min-height:44px; flex:0 0 auto; padding:5px; border:0; background:transparent; box-shadow:none; backdrop-filter:none; border-radius:6px; justify-content:center; }
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link:focus-visible { outline:2px solid var(--link-icon-color); outline-offset:3px; }
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link > div,
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link .link-end-icon,
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link .fx-link { display:none; }
.bio-stage[data-link-style=icons][data-layout] .bio-links .bio-link .social-icon { display:flex; width:var(--link-icon-size,34px); height:var(--link-icon-size,34px); font-size:var(--link-icon-size,34px); border:0; padding:0; background:transparent; border-radius:0; filter:drop-shadow(0 0 var(--link-icon-glow,8px) currentColor); }
.bio-stage[data-link-style=icons][data-layout] .bio-links .brand-logo { width:100%; height:100%; }