:root{--bg:#09090b;--panel:#131317;--text:#f8f8fa;--muted:#9999a3;--line:rgba(255,255,255,.1);--accent:#ffff00;--button-radius:18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body[data-bg="light"]{--bg:#f3f3ef;--panel:#fff;--text:#101012;--muted:#65656c;--line:rgba(0,0,0,.1)}body[data-bg="midnight"]{--bg:#050914;--panel:#0b1222;--line:rgba(150,175,255,.12)}body[data-buttons="pill"]{--button-radius:999px}body[data-buttons="square"]{--button-radius:5px}.hidden{display:none!important}.linkpage{width:min(680px,100%);margin:auto;padding:28px 18px 60px}.link-actions{display:flex;justify-content:space-between}.circle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 80%,transparent);color:var(--text);display:grid;place-items:center;text-decoration:none;cursor:pointer}.profile{text-align:center;padding:38px 0 24px}.avatar{width:112px;height:112px;border-radius:50%;margin:0 auto 20px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--accent) 10%,var(--panel)));display:grid;place-items:center;background-size:cover;background-position:center;box-shadow:0 18px 60px rgba(0,0,0,.22)}.avatar span{font-weight:900;font-size:46px;color:var(--accent)}.avatar.has-image span{display:none}.profile h1{font-size:34px;letter-spacing:-.045em;margin:0}.badge{display:inline-flex;margin-top:10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:999px;font-size:10px;color:var(--accent)}.profile p{color:var(--muted);line-height:1.6;margin:14px auto 0;max-width:520px}.social-icons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.social-icons a{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:var(--text);display:grid;place-items:center;background:var(--panel)}.social-icons svg{width:19px;height:19px}.blocks{display:grid;gap:13px}.block-link{display:flex;align-items:center;gap:14px;min-height:68px;padding:13px 15px;border-radius:var(--button-radius);border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;box-shadow:0 10px 35px rgba(0,0,0,.08);transition:.2s}.block-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.block-link.featured{background:var(--accent);color:#09090b}.block-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 8%,transparent);flex:0 0 auto}.block-icon svg{width:19px;height:19px}.block-copy{flex:1}.block-copy strong{display:block}.block-copy span{display:block;font-size:11px;opacity:.63;margin-top:3px}.block-text,.block-heading{padding:12px 6px}.block-text{color:var(--muted);line-height:1.65;font-size:14px}.block-heading{font-weight:850;font-size:18px;margin-top:13px}.embed{overflow:hidden;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--panel)}.embed iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.embed .embed-caption{padding:12px 14px;font-size:12px;color:var(--muted)}footer{text-align:center;padding-top:38px;color:var(--muted);font-size:11px}footer #lpFooterPages{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}footer a{color:var(--muted);text-decoration:none}

/* ===== LinkBio Studio link page ===== */
:root{
  --accent2:#8b5cf6;
  --link-width:720px;
  --avatar-size:124px;
  --link-height:72px;
  --custom-background:none;
  --bg-image-opacity:.28;
  --bg-image-blur:0px;
}
body{position:relative;overflow-x:hidden}
body::before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 31%),
    radial-gradient(circle at 8% 52%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 26%),
    radial-gradient(circle at 95% 72%,rgba(0,170,255,.08),transparent 28%);
}
body.has-custom-background::after{
  content:"";position:fixed;inset:-30px;z-index:-4;pointer-events:none;
  background-image:linear-gradient(color-mix(in srgb,var(--bg) 35%,transparent),color-mix(in srgb,var(--bg) 52%,transparent)),var(--custom-background);
  background-size:cover;background-position:center;
  opacity:var(--bg-image-opacity);filter:blur(var(--bg-image-blur));transform:scale(1.04);
}
body[data-bg="aurora"]{background:#07080d}
body[data-bg="mesh"]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,#07070a),#0b0b12 48%,color-mix(in srgb,var(--accent2) 9%,#07070a))}
body[data-bg="grid"]{background-color:#09090b;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px}
body[data-font="classic"]{font-family:Georgia,"Times New Roman",serif}
body[data-font="mono"]{font-family:"Courier New",monospace}
.linkpage{width:min(var(--link-width),100%);padding:20px 18px 68px}
.link-actions{position:relative;z-index:3}
.circle{
  backdrop-filter:blur(18px);box-shadow:0 10px 35px rgba(0,0,0,.12);
  transition:.2s;
}
.circle:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.profile{position:relative;margin:18px 0 24px;padding:42px 28px 30px;border-radius:32px}
body[data-profile="glass"] .profile{
  border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 66%,transparent);
  backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(0,0,0,.16);
}
body[data-profile="solid"] .profile{border:1px solid var(--line);background:var(--panel)}
body[data-profile="minimal"] .profile{padding-top:28px}
body[data-layout="classic"] .profile{background:none!important;border:0!important;box-shadow:none!important}
body[data-layout="spotlight"] .profile::before{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;top:-40px;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 65%);z-index:-1;
}
.avatar{
  width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;
  box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 7px color-mix(in srgb,var(--accent) 5%,transparent);
}
.profile h1{font-size:clamp(32px,8vw,44px)}
.social-icons a{
  width:44px;height:44px;transition:.2s;box-shadow:0 10px 28px rgba(0,0,0,.08)
}
body[data-social="circle"] .social-icons a{border-radius:50%}
body[data-social="square"] .social-icons a{border-radius:5px}
body[data-social="soft"] .social-icons a{border-radius:15px;background:color-mix(in srgb,var(--panel) 76%,transparent)}
.social-icons a:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.blocks{gap:14px}
.block-link{
  min-height:var(--link-height);position:relative;overflow:hidden;
  border-radius:var(--button-radius);padding:13px 16px;transition:.23s ease;
}
.block-link::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 15%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%);
  transform:translateX(-100%);transition:.45s;
}
.block-link:hover::before{transform:translateX(100%)}
body[data-cards="glass"] .block-link{background:color-mix(in srgb,var(--panel) 70%,transparent);backdrop-filter:blur(20px)}
body[data-cards="solid"] .block-link{background:var(--panel)}
body[data-cards="outline"] .block-link{background:transparent;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
body[data-cards="accent"] .block-link:not(.featured){background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent2) 10%,var(--panel)))}
.block-link.featured{
  background:linear-gradient(110deg,var(--accent),color-mix(in srgb,var(--accent2) 28%,var(--accent)));
  box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 14%,transparent);
}
body[data-animation="float"] .block-link:hover{transform:translateY(-4px) scale(1.006)}
body[data-animation="scale"] .block-link:hover{transform:scale(1.018)}
body[data-animation="none"] .block-link{transition:none}
.block-icon{border-radius:14px}
.embed{box-shadow:0 18px 55px rgba(0,0,0,.12)}
body[data-layout="minimal"] .profile{border:0!important;background:none!important;box-shadow:none!important;padding-left:0;padding-right:0}
body[data-layout="minimal"] .block-link{box-shadow:none}
@media(max-width:600px){
  .linkpage{padding-left:13px;padding-right:13px}
  .profile{border-radius:26px;padding-left:20px;padding-right:20px}
}

/* ===== Global light/dark support + contrast-safe LinkBio ===== */
html[data-theme] body[data-bg="light"]{background:var(--bg)!important}
html[data-theme] body[data-bg="midnight"]{background:radial-gradient(circle at 75% 5%,color-mix(in srgb,var(--accent2) 14%,transparent),transparent 34%),var(--bg)!important}
html[data-theme] body[data-bg="aurora"]{background:radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 31%),radial-gradient(circle at 8% 52%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 26%),var(--bg)!important}
html[data-theme] body[data-bg="mesh"]{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--bg)),var(--bg) 48%,color-mix(in srgb,var(--accent2) 9%,var(--bg)))!important}
html[data-theme] body[data-bg="grid"]{background-color:var(--bg)!important;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px)!important}
.block-link.featured{background:linear-gradient(110deg,var(--accent),color-mix(in srgb,var(--accent2) 28%,var(--accent)));color:var(--on-accent)!important}
.badge{color:var(--accent-readable)!important}
.avatar span{color:var(--accent-readable)!important}
.link-action-group{display:flex;gap:8px}
.circle .bio-icon{width:18px;height:18px}
.social-icons .bio-icon,.block-icon .bio-icon{width:19px;height:19px}
html[data-theme="light"] .circle,html[data-theme="light"] .social-icons a,html[data-theme="light"] .block-link{box-shadow:0 10px 32px rgba(30,30,45,.07)}

.social-icons a .bio-icon,.circle .bio-icon,.block-link:not(.featured) .bio-icon{color:var(--text)!important}
.block-link.featured .bio-icon{color:var(--on-accent)!important}
.block-icon{overflow:visible}


/* ===== V11.2: Socials direkt + nur Icons ===== */
.social-icons a{
  text-decoration:none!important;
  color:var(--text)!important;
}
.social-icons a .bio-icon,.social-icons a .bio-icon>svg{
  color:inherit!important;
}


/* ===== Granular Link Page V11.7 ===== */
.linkpage{padding:var(--linkpage-pad-top,28px) var(--linkpage-pad-x,18px) var(--linkpage-pad-bottom,60px)!important}.link-actions{gap:var(--link-actions-gap,10px)!important}.circle{width:var(--link-action-size,42px)!important;height:var(--link-action-size,42px)!important;border-radius:var(--link-action-radius,50%)!important}.profile{margin-top:var(--link-profile-margin-top,18px)!important;margin-bottom:var(--link-profile-margin-bottom,24px)!important;border-radius:var(--link-profile-radius,32px)!important;padding:var(--link-profile-pad-top,42px) var(--link-profile-pad-x,28px) var(--link-profile-pad-bottom,30px)!important}.avatar{border-radius:var(--link-avatar-radius,50%)!important;margin-bottom:var(--link-avatar-bottom,20px)!important}.social-icons{gap:var(--link-social-gap,10px)!important}.social-icons a{width:var(--link-social-size,42px)!important;height:var(--link-social-size,42px)!important;border-radius:var(--link-social-radius,13px)!important}.blocks{gap:var(--link-blocks-gap,13px)!important}.block-link{gap:var(--link-item-gap,14px)!important;padding:var(--link-item-pad-y,13px) var(--link-item-pad-x,15px)!important;border-radius:var(--link-item-radius,18px)!important}.block-icon{width:var(--link-item-icon-size,40px)!important;height:var(--link-item-icon-size,40px)!important;border-radius:var(--link-item-icon-radius,12px)!important}.embed{border-radius:var(--link-item-radius,18px)!important}footer{padding-top:var(--link-footer-pad-top,38px)!important}footer #lpFooterPages{gap:var(--link-footer-gap,14px)!important}

.block-arrow{display:grid;place-items:center}.block-arrow .bio-icon{width:16px!important;height:16px!important}