.hsdesign-search-app{
  --hsdesign-bg:#03100b;
  --hsdesign-bg-2:#061b12;
  --hsdesign-card:rgba(255,255,255,.06);
  --hsdesign-border:rgba(157,255,199,.16);
  --hsdesign-green:#21f28f;
  --hsdesign-green-2:#8dffbd;
  --hsdesign-green-dark:#0ea765;
  --hsdesign-rgb:33,242,143;
  --hsdesign-rgb-2:141,255,189;
  --hsdesign-bg-3:#020705;
  --hsdesign-white:#ffffff;
  --hsdesign-text:rgba(255,255,255,.74);
  --hsdesign-soft:rgba(255,255,255,.48);
  width:100%;
  background:var(--hsdesign-bg);
  color:var(--hsdesign-white);
  font-family:Inter,Arial,sans-serif;
  overflow:hidden;
}
.hsdesign-search-app *{box-sizing:border-box}
.hsdesign-hero{
  min-height:72vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:120px 24px 80px;
  background:
    radial-gradient(circle at 18% 10%,rgba(33,242,143,.34),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(141,255,189,.13),transparent 28%),
    radial-gradient(circle at 50% 105%,rgba(33,242,143,.12),transparent 34%),
    linear-gradient(135deg,#020705 0%,#061b12 58%,#020705 100%);
  position:relative;
}
.hsdesign-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  opacity:var(--hsdesign-hero-media-opacity,.35);
  pointer-events:none;
}
.hsdesign-hero-media-image{
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:scale(1.02);
}
.hsdesign-hero-media-video{
  object-fit:cover;
  transform:scale(1.02);
}
.hsdesign-hero-overlay{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(var(--hsdesign-rgb,33,242,143),.30),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(var(--hsdesign-rgb-2,141,255,189),.13),transparent 28%),
    linear-gradient(180deg,rgba(2,7,5,.42),rgba(2,7,5,.76) 68%,rgba(2,7,5,.96));
  mix-blend-mode:normal;
}
.hsdesign-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 82%);
}
.hsdesign-hero-inner{width:min(1100px,100%);text-align:center;position:relative;z-index:2}
.hsdesign-kicker{
  display:inline-flex;
  padding:9px 16px;
  border:1px solid var(--hsdesign-border);
  border-radius:999px;
  color:var(--hsdesign-green-2);
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:26px;
  background:rgba(33,242,143,.08);
  backdrop-filter:blur(14px);
  box-shadow:0 0 42px rgba(33,242,143,.12);
}
.hsdesign-hero h1{
  max-width:980px;
  margin:0 auto;
  font-size:clamp(42px,7vw,96px);
  line-height:.95;
  letter-spacing:-.07em;
  font-weight:850;
  color:#fff;
}
.hsdesign-hero p{
  max-width:720px;
  margin:28px auto 0;
  color:var(--hsdesign-text);
  font-size:clamp(16px,2vw,20px);
  line-height:1.55;
}
.hsdesign-search-box{
  width:min(760px,100%);
  margin:42px auto 0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:8px;
  border:1px solid var(--hsdesign-border);
  background:rgba(255,255,255,.07);
  border-radius:999px;
  backdrop-filter:blur(18px);
  box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 70px rgba(33,242,143,.12);
}
.hsdesign-search-box input{
  width:100%;
  border:none!important;
  outline:none!important;
  background:transparent!important;
  color:#fff!important;
  font-size:17px;
  padding:18px 22px;
  box-shadow:none!important;
}
.hsdesign-search-box input::placeholder{color:rgba(255,255,255,.38)}
.hsdesign-search-box button{
  border:none!important;
  cursor:pointer;
  padding:16px 28px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--hsdesign-green),var(--hsdesign-green-dark))!important;
  color:#03100b!important;
  font-weight:900;
  font-size:15px;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
  box-shadow:0 12px 34px rgba(33,242,143,.28);
}
.hsdesign-search-box button:hover{transform:translateY(-2px);filter:saturate(1.12);box-shadow:0 18px 42px rgba(33,242,143,.36)}
.hsdesign-search-hint{margin-top:18px;color:var(--hsdesign-soft);font-size:14px}
.hsdesign-results-section{padding:80px 24px 110px;background:linear-gradient(180deg,#03100b 0%,#020705 100%)}
.hsdesign-start-state,.hsdesign-empty,.hsdesign-loading{
  width:min(900px,100%);
  margin:0 auto;
  padding:44px;
  border-radius:28px;
  text-align:center;
  background:rgba(255,255,255,.045);
  border:1px solid var(--hsdesign-border);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
}
.hsdesign-start-state h2,.hsdesign-empty h2{margin:0;font-size:clamp(28px,4vw,52px);letter-spacing:-.04em;color:#fff}
.hsdesign-start-state p,.hsdesign-empty p{margin:14px auto 0;max-width:560px;color:var(--hsdesign-text);line-height:1.6}
.hsdesign-stats{width:min(1100px,100%);margin:0 auto 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hsdesign-stat-card{
  padding:28px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid var(--hsdesign-border);
  box-shadow:0 18px 60px rgba(0,0,0,.2);
}
.hsdesign-stat-card strong{display:block;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.06em;color:var(--hsdesign-green-2)}
.hsdesign-stat-card span{display:block;margin-top:10px;color:var(--hsdesign-soft);font-size:14px}
.hsdesign-results{width:min(1100px,100%);margin:0 auto;display:grid;gap:20px}
.hsdesign-result-card{
  padding:28px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  border:1px solid var(--hsdesign-border);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.hsdesign-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}
.hsdesign-result-main{display:flex;gap:18px;align-items:center}
.hsdesign-cover{width:74px;height:74px;border-radius:16px;object-fit:cover;background:rgba(255,255,255,.08);flex:0 0 auto;border:1px solid var(--hsdesign-border)}
.hsdesign-result-head h3{margin:7px 0 0;font-size:clamp(22px,3vw,34px);letter-spacing:-.04em;color:#fff}
.hsdesign-result-link{display:inline-flex;margin-top:9px;color:var(--hsdesign-green-2)!important;text-decoration:none!important;font-weight:800}
.hsdesign-result-link:hover{text-decoration:underline!important}
.hsdesign-result-meta{white-space:nowrap;padding:8px 13px;border-radius:999px;background:rgba(33,242,143,.12);color:var(--hsdesign-green-2);font-weight:900;font-size:13px;border:1px solid rgba(33,242,143,.18)}
.hsdesign-episode-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(33,242,143,.13);border:1px solid rgba(33,242,143,.22);color:var(--hsdesign-green-2);font-size:12px;font-weight:900;letter-spacing:.02em;line-height:1;text-decoration:none!important;white-space:nowrap}
.hsdesign-hit-list{display:grid;gap:12px}
.hsdesign-hit{padding:18px;border-radius:18px;background:rgba(0,0,0,.26);border:1px solid rgba(157,255,199,.12)}
.hsdesign-hit-top{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}
.hsdesign-hit-time,.hsdesign-hit-count{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.76);font-size:12px;font-weight:800;text-decoration:none!important;line-height:1}
a.hsdesign-hit-time{background:rgba(33,242,143,.13);color:var(--hsdesign-green-2)!important;border:1px solid rgba(33,242,143,.2)}
a.hsdesign-hit-time:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(33,242,143,.14)}
.hsdesign-hit-count{background:rgba(33,242,143,.1);color:var(--hsdesign-green-2)}
.hsdesign-hit p{margin:0;color:var(--hsdesign-text);line-height:1.55}
.hsdesign-hit mark{background:var(--hsdesign-green);color:#03100b;padding:0 3px;border-radius:4px;font-weight:800}
.hsdesign-loading[hidden],.hsdesign-stats[hidden]{display:none!important}
@media (max-width:767px){
  .hsdesign-hero{min-height:auto;padding:90px 18px 60px}
  .hsdesign-search-box{grid-template-columns:1fr;border-radius:26px}
  .hsdesign-search-box button{width:100%}
  .hsdesign-stats{grid-template-columns:1fr}
  .hsdesign-result-head{flex-direction:column}
  .hsdesign-result-main{align-items:flex-start}
  .hsdesign-result-meta{white-space:normal}
  .hsdesign-start-state,.hsdesign-empty,.hsdesign-result-card,.hsdesign-loading{padding:26px}
  .hsdesign-cover{width:58px;height:58px}
}

.hsdesign-result-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hsdesign-date-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.72);font-size:12px;font-weight:850;line-height:1;white-space:nowrap}
.hsdesign-date-missing{color:rgba(255,255,255,.42)}
.hsdesign-cover-empty{display:flex;align-items:center;justify-content:center;color:var(--hsdesign-green-2);font-size:30px;font-weight:950;letter-spacing:-.08em;background:radial-gradient(circle at 30% 20%,rgba(33,242,143,.25),rgba(255,255,255,.06))}


/* Status-Shortcode wie Hobbylos */
.hsdesign-status-public{background:#08070b;color:#fff;padding:80px 24px;font-family:Inter,Arial,sans-serif}
.hsdesign-status-inner{width:min(1100px,100%);margin:0 auto}.hsdesign-status-inner h2{font-size:clamp(28px,4vw,56px);line-height:1.02;margin:18px 0 34px;letter-spacing:-.05em}.hsdesign-status-public-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:42px}.hsdesign-status-public-card{padding:34px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);text-align:center}.hsdesign-status-public-card strong{display:block;font-size:clamp(44px,7vw,78px);line-height:1;color:var(--hsdesign-green-2);letter-spacing:-.06em}.hsdesign-status-public-card span{display:block;margin-top:10px;color:rgba(255,255,255,.54)}.hsdesign-status-bar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.hsdesign-status-bar-head span{color:var(--hsdesign-green-2);font-weight:900}.hsdesign-status-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:34px}.hsdesign-status-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#a900ff,#21f28f)}.hsdesign-status-list{display:grid;gap:12px}.hsdesign-status-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1)}.hsdesign-status-row strong{display:block;color:#fff;font-size:16px}.hsdesign-status-row span{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:13px}.hsdesign-status-row em{font-style:normal;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;white-space:nowrap}.hsdesign-status-row.is-indexed em{background:rgba(33,242,143,.13);color:var(--hsdesign-green-2)}.hsdesign-status-row.is-open em{background:rgba(255,255,255,.07);color:rgba(255,255,255,.5)}@media(max-width:767px){.hsdesign-status-public-grid{grid-template-columns:1fr}.hsdesign-status-row{align-items:flex-start;flex-direction:column}}

/* Kombinierte Such-/Status-Oberfläche */
.hsdesign-ad-slot{
  width:min(1100px,100%);
  margin:0 auto 34px;
  padding:24px 28px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(33,242,143,.10),rgba(255,255,255,.035));
  border:1px dashed rgba(141,255,189,.30);
  box-shadow:0 18px 60px rgba(0,0,0,.20);
  color:#fff;
}
.hsdesign-ad-slot > span{
  display:inline-flex;
  margin-bottom:8px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(33,242,143,.12);
  border:1px solid rgba(33,242,143,.18);
  color:var(--hsdesign-green-2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hsdesign-ad-slot strong{display:block;font-size:clamp(22px,3vw,34px);letter-spacing:-.04em;color:#fff;margin:0 0 5px}
.hsdesign-ad-slot p{margin:0;color:var(--hsdesign-text);line-height:1.55}
.hsdesign-ad-custom{color:#fff}.hsdesign-ad-custom img{max-width:100%;height:auto;border-radius:16px}.hsdesign-ad-custom a{color:var(--hsdesign-green-2)!important}
.hsdesign-status-inline{
  width:min(1100px,100%);
  margin:0 auto;
  padding:30px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid var(--hsdesign-border);
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}
.hsdesign-status-inline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.hsdesign-status-inline-head .hsdesign-kicker{margin-bottom:14px}.hsdesign-status-inline h2{margin:0;color:#fff;font-size:clamp(30px,4vw,56px);letter-spacing:-.055em;line-height:1}.hsdesign-status-inline p{max-width:720px;margin:14px 0 0;color:var(--hsdesign-text);line-height:1.55}
.hsdesign-status-inline-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px}.hsdesign-status-mini-card{padding:24px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}.hsdesign-status-mini-card strong{display:block;color:var(--hsdesign-green-2);font-size:clamp(34px,5vw,62px);line-height:1;letter-spacing:-.06em}.hsdesign-status-mini-card span{display:block;margin-top:8px;color:var(--hsdesign-soft)}.hsdesign-status-mini-card.is-open strong{color:rgba(255,255,255,.74)}
.hsdesign-status-inline .hsdesign-status-list{max-height:620px;overflow:auto;padding-right:6px;scrollbar-color:rgba(33,242,143,.35) rgba(255,255,255,.05);scrollbar-width:thin}.hsdesign-status-inline .hsdesign-status-row{background:rgba(0,0,0,.18);border-color:rgba(157,255,199,.12)}.hsdesign-status-row.is-indexed{box-shadow:inset 4px 0 0 rgba(33,242,143,.75)}.hsdesign-status-row.is-open{box-shadow:inset 4px 0 0 rgba(255,255,255,.18)}
@media(max-width:767px){.hsdesign-ad-slot,.hsdesign-status-inline{padding:22px}.hsdesign-status-inline-stats{grid-template-columns:1fr}.hsdesign-status-inline .hsdesign-status-list{max-height:none;overflow:visible}.hsdesign-status-inline-head{display:block}}

/* Search relevance filter */
.hsdesign-search-controls {
  width: min(760px, 100%);
  margin: 16px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  color: rgba(255,255,255,.58);
  font-size: 13px;
}

.hsdesign-search-controls > span {
  color: rgba(255,255,255,.42);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hsdesign-search-controls label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,255,165,.18);
  background: rgba(255,255,255,.045);
  cursor: pointer;
  transition: border-color .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease;
}

.hsdesign-search-controls label:has(input:checked) {
  color: #1fffa5;
  border-color: rgba(31,255,165,.48);
  background: rgba(31,255,165,.09);
  box-shadow: 0 0 28px rgba(31,255,165,.12);
}

.hsdesign-search-controls input {
  accent-color: #1fffa5;
}

@media (max-width: 767px) {
  .hsdesign-search-controls {
    justify-content: flex-start;
  }
}

/* =========================================================
   HSDESIGN Header / Footer / Frontend Theme Picker
========================================================= */
.hsdesign-search-app{
  --hsdesign-rgb:33,242,143;
  --hsdesign-rgb-2:141,255,189;
  --hsdesign-bg:#03100b;
  --hsdesign-bg-2:#061b12;
  --hsdesign-bg-3:#020705;
  --hsdesign-card:rgba(255,255,255,.06);
  --hsdesign-border:rgba(var(--hsdesign-rgb-2),.16);
  --hsdesign-green:rgb(var(--hsdesign-rgb));
  --hsdesign-green-2:rgb(var(--hsdesign-rgb-2));
  --hsdesign-green-dark:#0ea765;
  --hsdesign-rgb:33,242,143;
  --hsdesign-rgb-2:141,255,189;
  --hsdesign-bg-3:#020705;
  --hsdesign-accent:rgb(var(--hsdesign-rgb));
  --hsdesign-accent-2:rgb(var(--hsdesign-rgb-2));
  --hsdesign-accent-dark:var(--hsdesign-green-dark);
}
.hsdesign-theme-green{
  --hsdesign-rgb:33,242,143;
  --hsdesign-rgb-2:141,255,189;
  --hsdesign-bg:#03100b;
  --hsdesign-bg-2:#061b12;
  --hsdesign-bg-3:#020705;
  --hsdesign-green-dark:#0ea765;
  --hsdesign-rgb:33,242,143;
  --hsdesign-rgb-2:141,255,189;
  --hsdesign-bg-3:#020705;
}
.hsdesign-theme-purple{
  --hsdesign-rgb:171,68,255;
  --hsdesign-rgb-2:225,172,255;
  --hsdesign-bg:#10071a;
  --hsdesign-bg-2:#1b0b2a;
  --hsdesign-bg-3:#06030b;
  --hsdesign-green-dark:#7a22c9;
}
.hsdesign-theme-cyan{
  --hsdesign-rgb:15,226,255;
  --hsdesign-rgb-2:142,247,255;
  --hsdesign-bg:#031116;
  --hsdesign-bg-2:#062530;
  --hsdesign-bg-3:#01080b;
  --hsdesign-green-dark:#008ca1;
}
.hsdesign-theme-orange{
  --hsdesign-rgb:255,145,47;
  --hsdesign-rgb-2:255,211,142;
  --hsdesign-bg:#140b03;
  --hsdesign-bg-2:#241305;
  --hsdesign-bg-3:#080401;
  --hsdesign-green-dark:#c45d00;
}
.hsdesign-theme-red{
  --hsdesign-rgb:255,55,91;
  --hsdesign-rgb-2:255,157,174;
  --hsdesign-bg:#130307;
  --hsdesign-bg-2:#230711;
  --hsdesign-bg-3:#070104;
  --hsdesign-green-dark:#b51031;
}
.hsdesign-search-app{
  background:var(--hsdesign-bg)!important;
}
.hsdesign-search-app ::selection{background:rgba(var(--hsdesign-rgb),.55);color:#fff;text-shadow:none}
.hsdesign-search-app ::-moz-selection{background:rgba(var(--hsdesign-rgb),.55);color:#fff;text-shadow:none}

.hsdesign-search-app #hsdesign-top,
.hsdesign-search-app #hsdesign-search,
.hsdesign-search-app #hsdesign-status,
.hsdesign-search-app #hsdesign-ad,
.hsdesign-search-app #hsdesign-footer{
  scroll-margin-top:110px;
}

.hsdesign-site-header{
  position:sticky;
  top:14px;
  z-index:1000;
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  transform:none;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  align-items:center;
  gap:16px;
  padding:12px 14px;
  border:1px solid rgba(var(--hsdesign-rgb-2),.16);
  border-radius:28px;
  background:rgba(2,7,5,.72);
  backdrop-filter:blur(22px);
  box-shadow:0 18px 70px rgba(0,0,0,.38),0 0 45px rgba(var(--hsdesign-rgb),.08);
}
.hsdesign-site-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:950;
  letter-spacing:-.06em;
  font-size:26px;
  line-height:1;
}
.hsdesign-site-brand:before{
  content:"";
  width:12px;
  height:12px;
  border-radius:999px;
  background:var(--hsdesign-accent);
  box-shadow:0 0 28px rgba(var(--hsdesign-rgb),.7);
}
.hsdesign-site-brand span{display:inline-block;color:#fff!important}

.hsdesign-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  border:1px solid rgba(var(--hsdesign-rgb-2),.14);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  cursor:pointer;
  padding:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.hsdesign-menu-toggle span{
  width:20px;
  height:2px;
  border-radius:999px;
  background:var(--hsdesign-accent-2);
  transition:transform .25s ease,opacity .25s ease,width .25s ease;
}
.hsdesign-site-header.is-menu-open .hsdesign-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hsdesign-site-header.is-menu-open .hsdesign-menu-toggle span:nth-child(2){opacity:0;width:0}
.hsdesign-site-header.is-menu-open .hsdesign-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hsdesign-site-nav,
.hsdesign-footer-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.hsdesign-site-nav a,
.hsdesign-footer-nav a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  color:rgba(255,255,255,.68)!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:850;
  letter-spacing:.02em;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.hsdesign-site-nav a:hover,
.hsdesign-footer-nav a:hover{
  color:var(--hsdesign-accent-2)!important;
  background:rgba(var(--hsdesign-rgb),.10);
  transform:translateY(-1px);
}
.hsdesign-header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--hsdesign-accent),var(--hsdesign-accent-dark));
  color:#03100b!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:950;
  box-shadow:0 12px 32px rgba(var(--hsdesign-rgb),.22);
  white-space:nowrap;
}
.hsdesign-header-cta:hover{filter:saturate(1.08);transform:translateY(-1px)}

.hsdesign-theme-switch{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:42px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
}
.hsdesign-theme-switch-label,
.hsdesign-theme-switch > span{
  color:rgba(255,255,255,.66);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  white-space:nowrap;
}
.hsdesign-theme-dots{
  display:flex;
  align-items:center;
  gap:11px;
}
.hsdesign-theme-dot{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:var(--swatch)!important;
  cursor:pointer;
  appearance:none!important;
  -webkit-appearance:none!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.25),
    0 0 0 0 rgba(255,255,255,0),
    0 8px 22px rgba(0,0,0,.30)!important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease,opacity .22s ease;
}
.hsdesign-theme-dot::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  opacity:0;
  transform:scale(.55);
  transition:opacity .22s ease,transform .22s ease;
}
.hsdesign-theme-dot:hover{
  transform:translateY(-1px) scale(1.09);
  filter:saturate(1.12);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.34),
    0 0 0 6px color-mix(in srgb,var(--swatch) 18%,transparent),
    0 10px 28px color-mix(in srgb,var(--swatch) 42%,transparent)!important;
}
.hsdesign-theme-dot.is-active{
  transform:scale(1.08);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.35),
    0 0 0 2px rgba(255,255,255,.92),
    0 0 0 7px color-mix(in srgb,var(--swatch) 22%,transparent),
    0 12px 34px color-mix(in srgb,var(--swatch) 46%,transparent)!important;
}
.hsdesign-theme-dot.is-active::before{
  opacity:1;
  transform:scale(1);
}
/* Fallback fuer Browser ohne color-mix */
@supports not (background:color-mix(in srgb,#fff 50%,#000)){
  .hsdesign-theme-dot:hover,
  .hsdesign-theme-dot.is-active{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.35),
      0 0 0 2px rgba(255,255,255,.85),
      0 12px 34px rgba(var(--hsdesign-rgb),.32)!important;
  }
}

.hsdesign-hero{
  margin-top:-72px;
  padding-top:190px!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(var(--hsdesign-rgb),.34),transparent 32%),
    radial-gradient(circle at 82% 24%,rgba(var(--hsdesign-rgb-2),.13),transparent 28%),
    radial-gradient(circle at 50% 105%,rgba(var(--hsdesign-rgb),.12),transparent 34%),
    linear-gradient(135deg,var(--hsdesign-bg-3) 0%,var(--hsdesign-bg-2) 58%,var(--hsdesign-bg-3) 100%)!important;
}
.hsdesign-kicker,
.hsdesign-result-meta,
.hsdesign-episode-badge,
a.hsdesign-hit-time,
.hsdesign-hit-count{
  border-color:rgba(var(--hsdesign-rgb),.22)!important;
  background:rgba(var(--hsdesign-rgb),.13)!important;
  color:var(--hsdesign-accent-2)!important;
}
.hsdesign-search-box{border-radius:30px!important;border-color:rgba(var(--hsdesign-rgb-2),.18)!important;box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 70px rgba(var(--hsdesign-rgb),.12)!important}
.hsdesign-search-box button{border-radius:20px!important;background:linear-gradient(135deg,var(--hsdesign-accent),var(--hsdesign-accent-dark))!important;box-shadow:0 12px 34px rgba(var(--hsdesign-rgb),.28)!important}
.hsdesign-search-box button:hover{box-shadow:0 18px 42px rgba(var(--hsdesign-rgb),.36)!important}
.hsdesign-stat-card strong,
.hsdesign-status-mini-card strong,
.hsdesign-status-public-card strong{color:var(--hsdesign-accent-2)!important}
.hsdesign-status-bar i{background:linear-gradient(90deg,var(--hsdesign-accent-dark),var(--hsdesign-accent))!important}
.hsdesign-hit mark,
.hsdesign-search-app mark{
  background:linear-gradient(135deg,rgba(var(--hsdesign-rgb),.95),rgba(var(--hsdesign-rgb-2),.86))!important;
  color:#03100b!important;
  padding:.08em .28em;
  border-radius:.38em;
  font-weight:900;
  box-shadow:0 0 0 1px rgba(var(--hsdesign-rgb),.25),0 0 18px rgba(var(--hsdesign-rgb),.2);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

.hsdesign-site-footer{
  padding:54px 24px 46px;
  background:
    radial-gradient(circle at 12% 0%,rgba(var(--hsdesign-rgb),.14),transparent 30%),
    linear-gradient(180deg,var(--hsdesign-bg-3),#000);
  border-top:1px solid rgba(var(--hsdesign-rgb-2),.12);
}
.hsdesign-footer-inner{
  width:min(1100px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr auto;
  gap:26px 42px;
  align-items:start;
}
.hsdesign-footer-inner p{
  max-width:460px;
  margin:16px 0 0;
  color:var(--hsdesign-text);
  line-height:1.55;
}
.hsdesign-footer-meta{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.42);
  font-size:13px;
}
@media(max-width:1024px){
  .hsdesign-site-header{
    grid-template-columns:auto 1fr auto;
    gap:10px;
  }
  .hsdesign-menu-toggle{display:inline-flex;justify-self:end;grid-column:3}
  .hsdesign-site-nav{
    display:none;
    grid-column:1 / -1;
    width:100%;
    padding:12px;
    border-radius:22px;
    background:rgba(0,0,0,.26);
    border:1px solid rgba(255,255,255,.07);
  }
  .hsdesign-site-header.is-menu-open .hsdesign-site-nav{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    animation:hsdesignMenuIn .24s ease both;
  }
  .hsdesign-site-header.is-menu-open .hsdesign-site-nav a{
    justify-content:center;
    min-height:44px;
  }
  .hsdesign-header-cta{display:none}
}
@keyframes hsdesignMenuIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:767px){
  .hsdesign-site-header{
    top:10px;
    width:calc(100% - 24px);
    grid-template-columns:auto auto;
    justify-content:space-between;
    justify-items:stretch;
    border-radius:24px;
    padding:10px;
  }
  .hsdesign-site-brand{font-size:24px}
  .hsdesign-menu-toggle{grid-column:2;justify-self:end}
  .hsdesign-theme-switch{
    grid-column:1 / -1;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    border-radius:20px;
    padding:8px 12px;
  }
  .hsdesign-site-nav{grid-column:1 / -1}
  .hsdesign-hero{margin-top:-118px;padding-top:220px!important}
  .hsdesign-footer-inner{grid-template-columns:1fr;text-align:left}
  .hsdesign-footer-nav{justify-content:flex-start;flex-wrap:wrap}
  .hsdesign-footer-meta{flex-direction:column;align-items:flex-start}
}


/* === Final Polish: cleaner theme menu + clickable status rows === */
.hsdesign-site-nav{
  overflow:visible!important;
}
.hsdesign-theme-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.hsdesign-theme-menu summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  font-weight:850;
  letter-spacing:.01em;
  transition:background .22s ease,color .22s ease;
}
.hsdesign-theme-menu summary::-webkit-details-marker{display:none}
.hsdesign-theme-menu summary:hover,
.hsdesign-theme-menu[open] summary{
  color:#fff;
  background:rgba(var(--hsdesign-rgb),.12);
}
.hsdesign-theme-menu .hsdesign-theme-switch{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  min-width:240px;
  justify-content:center;
  padding:14px 16px;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px) scale(.98);
  pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease;
}
.hsdesign-theme-menu[open] .hsdesign-theme-switch{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.hsdesign-status-link{
  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer;
}
.hsdesign-status-link:hover{
  border-color:rgba(var(--hsdesign-rgb),.34)!important;
  background:rgba(var(--hsdesign-rgb),.075)!important;
  transform:translateY(-1px);
}
.hsdesign-status-link:hover strong{
  color:#fff!important;
}
@media(max-width:1024px){
  .hsdesign-theme-menu{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .hsdesign-theme-menu summary{
    justify-content:center;
    width:100%;
    min-height:46px;
    background:rgba(255,255,255,.035);
  }
  .hsdesign-theme-menu .hsdesign-theme-switch{
    position:static;
    min-width:0;
    width:100%;
    margin-top:10px;
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
    display:flex;
  }
  .hsdesign-site-header:not(.is-menu-open) .hsdesign-theme-menu .hsdesign-theme-switch{
    display:none;
  }
  .hsdesign-site-header.is-menu-open .hsdesign-theme-menu[open] .hsdesign-theme-switch,
  .hsdesign-site-header.is-menu-open .hsdesign-theme-menu .hsdesign-theme-switch{
    display:flex;
  }
}
@media(max-width:767px){
  .hsdesign-theme-switch{
    grid-column:auto!important;
    width:100%;
    border-radius:20px;
  }
}

/* =========================================================
   HSDESIGN – PROJECT LOGO + BACK TO TOP
========================================================= */
.hsdesign-site-brand .hsdesign-brand-logo{
  display:block;
  width:auto;
  height:34px;
  max-width:190px;
  object-fit:contain;
}

.hsdesign-search-app .hsdesign-backtop{
  position:fixed!important;
  right:28px!important;
  bottom:28px!important;
  z-index:99999!important;
  width:62px!important;
  height:62px!important;
  min-width:62px!important;
  min-height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.44)!important;
  background:
    radial-gradient(circle at 30% 22%, rgba(var(--hsdesign-rgb,33,242,143),.35), transparent 42%),
    linear-gradient(145deg, rgba(var(--hsdesign-rgb,33,242,143),.18), var(--hsdesign-bg-3,#020705) 72%)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.48),
    0 0 0 7px rgba(var(--hsdesign-rgb,33,242,143),.08),
    0 0 38px rgba(var(--hsdesign-rgb,33,242,143),.26)!important;
  cursor:pointer!important;
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.88);
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:opacity .28s ease,visibility .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.hsdesign-search-app .hsdesign-backtop::before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  pointer-events:none!important;
}
.hsdesign-search-app .hsdesign-backtop::after{
  content:""!important;
  position:absolute!important;
  inset:-45%!important;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.26) 50%,transparent 65%)!important;
  transform:translateX(-75%) rotate(14deg)!important;
  opacity:0!important;
  pointer-events:none!important;
}
.hsdesign-search-app .hsdesign-backtop.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.hsdesign-search-app .hsdesign-backtop:hover{
  transform:translateY(-5px) scale(1.05)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.82)!important;
  box-shadow:
    0 24px 68px rgba(0,0,0,.56),
    0 0 0 10px rgba(var(--hsdesign-rgb,33,242,143),.11),
    0 0 56px rgba(var(--hsdesign-rgb,33,242,143),.42)!important;
}
.hsdesign-search-app .hsdesign-backtop:hover::after{
  opacity:1!important;
  animation:hsdesignBacktopShine .75s ease forwards!important;
}
.hsdesign-search-app .hsdesign-backtop-icon{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:900!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  text-shadow:0 0 18px rgba(var(--hsdesign-rgb,33,242,143),.48)!important;
}
.hsdesign-search-app .hsdesign-backtop-text{display:none!important;}
@keyframes hsdesignBacktopShine{0%{transform:translateX(-75%) rotate(14deg)}100%{transform:translateX(75%) rotate(14deg)}}
@media(max-width:767px){
  .hsdesign-site-brand .hsdesign-brand-logo{height:28px;max-width:150px;}
  .hsdesign-search-app .hsdesign-backtop{right:18px!important;bottom:18px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;max-width:54px!important;max-height:54px!important;}
  .hsdesign-search-app .hsdesign-backtop::before{inset:6px!important;}
  .hsdesign-search-app .hsdesign-backtop-icon{font-size:25px!important;}
}

/* =========================================================
   HERO MEDIA DESKTOP / MOBILE SWITCH
   v15: separates desktop and mobile hero placeholder per project
========================================================= */
.hsdesign-search-app .hsdesign-hero-media-mobile{
  display:none;
}
.hsdesign-search-app .hsdesign-hero-media-desktop{
  display:block;
}
@media (max-width:767px){
  .hsdesign-search-app .hsdesign-hero-media-desktop:has(+ .hsdesign-hero-media-mobile),
  .hsdesign-search-app .hsdesign-hero-media-desktop:has(~ .hsdesign-hero-media-mobile){
    display:none;
  }
  .hsdesign-search-app .hsdesign-hero-media-mobile{
    display:block;
  }
  .hsdesign-search-app video.hsdesign-hero-media-mobile{
    display:block;
  }
}

/* =========================================================
   HSDESIGN PODCAST SEARCH – PRELOADER
   Nutzt automatisch die primäre Projekt-/Theme-Farbe
========================================================= */

.hsdesign-search-app .hsdesign-preloader {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 28px !important;

  background:
    radial-gradient(circle at 50% 42%, rgba(var(--hsdesign-rgb, 33, 242, 143), 0.22), transparent 34%),
    radial-gradient(circle at 18% 14%, rgba(var(--hsdesign-rgb-2, 141, 255, 189), 0.12), transparent 26%),
    linear-gradient(135deg, var(--hsdesign-bg-3, #020705) 0%, var(--hsdesign-bg, #03100b) 55%, #000 100%) !important;

  color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: hidden !important;

  transition:
    opacity .7s cubic-bezier(.22,1,.36,1),
    visibility .7s cubic-bezier(.22,1,.36,1),
    transform .7s cubic-bezier(.22,1,.36,1) !important;
}

.hsdesign-search-app .hsdesign-preloader::before {
  content: "" !important;
  position: absolute !important;
  inset: -20% !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) !important;
  background-size: 54px 54px !important;
  mask-image: radial-gradient(circle at center, #000 0%, transparent 68%) !important;
  opacity: .34 !important;
  animation: hsdesignPreloaderGrid 9s linear infinite !important;
}

.hsdesign-search-app .hsdesign-preloader::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    linear-gradient(90deg, transparent, rgba(var(--hsdesign-rgb, 33, 242, 143), .18), transparent) !important;
  transform: translateX(-110%) skewX(-16deg) !important;
  animation: hsdesignPreloaderSweep 2.4s cubic-bezier(.22,1,.36,1) infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;

  background:
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(var(--hsdesign-rgb, 33, 242, 143), .055) 18.5% 19%, transparent 19.5% 100%),
    radial-gradient(circle at 50% 50%, transparent 0 31%, rgba(var(--hsdesign-rgb-2, 141, 255, 189), .045) 31.5% 32%, transparent 32.5% 100%) !important;
  opacity: .95 !important;
}

.hsdesign-search-app .hsdesign-preloader-core {
  position: relative !important;
  z-index: 2 !important;

  width: 180px !important;
  height: 180px !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.16), transparent 34%),
    radial-gradient(circle at center, rgba(var(--hsdesign-rgb, 33, 242, 143), .18), rgba(var(--hsdesign-rgb, 33, 242, 143), .045) 54%, transparent 72%) !important;

  border: 1px solid rgba(var(--hsdesign-rgb-2, 141, 255, 189), .32) !important;
  box-shadow:
    0 0 0 9px rgba(var(--hsdesign-rgb, 33, 242, 143), .055),
    0 0 62px rgba(var(--hsdesign-rgb, 33, 242, 143), .32),
    0 28px 90px rgba(0,0,0,.55) !important;

  animation: hsdesignPreloaderCore 2.2s ease-in-out infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-pulse {
  position: absolute !important;
  inset: -18px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(var(--hsdesign-rgb, 33, 242, 143), .28) !important;
  opacity: .9 !important;
  animation: hsdesignPreloaderPulse 1.85s ease-out infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-brand {
  position: relative !important;
  z-index: 3 !important;
  max-width: 128px !important;
  max-height: 92px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  font-size: clamp(22px, 2.4vw, 38px) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
  text-transform: uppercase !important;
  text-shadow:
    0 0 22px rgba(var(--hsdesign-rgb, 33, 242, 143), .52),
    0 0 58px rgba(var(--hsdesign-rgb, 33, 242, 143), .22) !important;
}

.hsdesign-search-app .hsdesign-preloader-brand .hsdesign-brand-logo,
.hsdesign-search-app .hsdesign-preloader-brand img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 132px !important;
  max-height: 92px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 0 18px rgba(var(--hsdesign-rgb, 33, 242, 143), .45))
    drop-shadow(0 18px 32px rgba(0,0,0,.42)) !important;
}

.hsdesign-search-app .hsdesign-preloader-orbit {
  position: absolute !important;
  z-index: 1 !important;
  left: 50% !important;
  top: 50% !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
}

.hsdesign-search-app .hsdesign-preloader-orbit-one {
  width: 250px !important;
  height: 250px !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2, 141, 255, 189), .22) !important;
  border-top-color: rgba(var(--hsdesign-rgb, 33, 242, 143), .88) !important;
  border-right-color: rgba(var(--hsdesign-rgb, 33, 242, 143), .12) !important;
  box-shadow: 0 0 42px rgba(var(--hsdesign-rgb, 33, 242, 143), .13) !important;
  animation: hsdesignPreloaderSpin 3.2s linear infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-orbit-two {
  width: 318px !important;
  height: 318px !important;
  border: 1px dashed rgba(var(--hsdesign-rgb, 33, 242, 143), .24) !important;
  border-left-color: rgba(var(--hsdesign-rgb-2, 141, 255, 189), .62) !important;
  opacity: .85 !important;
  animation: hsdesignPreloaderSpinReverse 7.5s linear infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-loader {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  gap: 9px !important;
  align-items: center !important;
  justify-content: center !important;
}

.hsdesign-search-app .hsdesign-preloader-loader span {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  box-shadow: 0 0 18px rgba(var(--hsdesign-rgb, 33, 242, 143), .65) !important;
  animation: hsdesignPreloaderDots 1.1s ease-in-out infinite !important;
}

.hsdesign-search-app .hsdesign-preloader-loader span:nth-child(2) { animation-delay: .14s !important; }
.hsdesign-search-app .hsdesign-preloader-loader span:nth-child(3) { animation-delay: .28s !important; }

.hsdesign-search-app.is-loaded .hsdesign-preloader,
.hsdesign-search-app .hsdesign-preloader.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(1.025) !important;
}

@keyframes hsdesignPreloaderSpin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes hsdesignPreloaderSpinReverse {
  0% { transform: translate(-50%, -50%) rotate(360deg); }
  100% { transform: translate(-50%, -50%) rotate(0deg); }
}

@keyframes hsdesignPreloaderPulse {
  0% { transform: scale(.82); opacity: .74; }
  72% { transform: scale(1.22); opacity: 0; }
  100% { transform: scale(1.22); opacity: 0; }
}

@keyframes hsdesignPreloaderCore {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-7px) scale(1.018); }
}

@keyframes hsdesignPreloaderDots {
  0%, 100% { transform: translateY(0) scale(.75); opacity: .42; }
  50% { transform: translateY(-8px) scale(1); opacity: 1; }
}

@keyframes hsdesignPreloaderGrid {
  0% { transform: translate3d(0,0,0); }
  100% { transform: translate3d(54px,54px,0); }
}

@keyframes hsdesignPreloaderSweep {
  0% { transform: translateX(-120%) skewX(-16deg); opacity: 0; }
  18% { opacity: 1; }
  56% { opacity: .7; }
  100% { transform: translateX(120%) skewX(-16deg); opacity: 0; }
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-preloader-core {
    width: 144px !important;
    height: 144px !important;
  }

  .hsdesign-search-app .hsdesign-preloader-orbit-one {
    width: 206px !important;
    height: 206px !important;
  }

  .hsdesign-search-app .hsdesign-preloader-orbit-two {
    width: 260px !important;
    height: 260px !important;
  }

  .hsdesign-search-app .hsdesign-preloader-brand {
    max-width: 104px !important;
    font-size: 24px !important;
  }

  .hsdesign-search-app .hsdesign-preloader-brand .hsdesign-brand-logo,
  .hsdesign-search-app .hsdesign-preloader-brand img {
    max-width: 108px !important;
    max-height: 76px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hsdesign-search-app .hsdesign-preloader,
  .hsdesign-search-app .hsdesign-preloader::before,
  .hsdesign-search-app .hsdesign-preloader::after,
  .hsdesign-search-app .hsdesign-preloader-core,
  .hsdesign-search-app .hsdesign-preloader-pulse,
  .hsdesign-search-app .hsdesign-preloader-orbit,
  .hsdesign-search-app .hsdesign-preloader-loader span {
    animation: none !important;
    transition: opacity .35s ease, visibility .35s ease !important;
  }
}

/* =========================================================
   HSDESIGN – SEARCH SORT / YEAR FILTERS
   v18
========================================================= */
.hsdesign-search-options{
  width:min(760px,100%);
  margin:14px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.hsdesign-search-options label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px 8px 14px;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.16);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(14px);
  color:rgba(255,255,255,.52);
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.hsdesign-search-options select{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(var(--hsdesign-rgb,33,242,143),.28)!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,rgba(var(--hsdesign-rgb,33,242,143),.13),rgba(255,255,255,.055)),
    rgba(0,0,0,.35)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  padding:10px 34px 10px 14px!important;
  min-height:38px!important;
  cursor:pointer!important;
  outline:none!important;
  box-shadow:0 0 28px rgba(var(--hsdesign-rgb,33,242,143),.08)!important;
  background-image:
    linear-gradient(45deg,transparent 50%,rgb(var(--hsdesign-rgb-2,141,255,189)) 50%),
    linear-gradient(135deg,rgb(var(--hsdesign-rgb-2,141,255,189)) 50%,transparent 50%),
    linear-gradient(135deg,rgba(var(--hsdesign-rgb,33,242,143),.13),rgba(255,255,255,.055))!important;
  background-position:
    calc(100% - 17px) 52%,
    calc(100% - 12px) 52%,
    0 0!important;
  background-size:5px 5px,5px 5px,100% 100%!important;
  background-repeat:no-repeat!important;
}
.hsdesign-search-options select:focus{
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.58)!important;
  box-shadow:
    0 0 0 4px rgba(var(--hsdesign-rgb,33,242,143),.10),
    0 0 34px rgba(var(--hsdesign-rgb,33,242,143),.18)!important;
}
.hsdesign-search-options select option{
  background:#07110d!important;
  color:#fff!important;
}
@media(max-width:767px){
  .hsdesign-search-options{
    justify-content:flex-start;
  }
  .hsdesign-search-options label{
    width:100%;
    justify-content:space-between;
  }
  .hsdesign-search-options select{
    max-width:58%;
  }
}

/* =========================================================
   HSDESIGN – SHARE SEARCH + SUCHWORT CHALLENGE
   v20
========================================================= */
.hsdesign-search-actions{
  width:min(760px,100%);
  margin:16px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.hsdesign-share-search{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.25)!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  background:
    linear-gradient(135deg,rgba(var(--hsdesign-rgb,33,242,143),.14),rgba(255,255,255,.055)),
    rgba(0,0,0,.28)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:0 0 32px rgba(var(--hsdesign-rgb,33,242,143),.10)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
.hsdesign-share-search:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.62)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.28),0 0 40px rgba(var(--hsdesign-rgb,33,242,143),.22)!important;
}
.hsdesign-share-feedback{
  color:rgba(255,255,255,.64);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hsdesign-challenge{
  width:min(1100px,100%);
  max-width:1100px;
  margin:0 auto 34px;
  padding:34px;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.12);
  border-radius:34px;
  background:
    radial-gradient(circle at 20% 0%,rgba(var(--hsdesign-rgb,33,242,143),.14),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:0 28px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}
.hsdesign-challenge::before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent,rgba(var(--hsdesign-rgb,33,242,143),.18),transparent);
  opacity:.5;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.hsdesign-challenge-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  position:relative;
  z-index:2;
}
.hsdesign-challenge h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,3.6vw,52px);
  line-height:.98;
  letter-spacing:-.055em;
}
.hsdesign-challenge p{
  max-width:760px;
  margin:12px 0 0;
  color:var(--hsdesign-text);
  line-height:1.55;
}
.hsdesign-challenge-list{
  display:grid;
  gap:10px;
  position:relative;
  z-index:2;
}
.hsdesign-challenge-row{
  display:grid;
  grid-template-columns:64px 1fr auto auto;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(0,0,0,.20);
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease!important;
}
.hsdesign-challenge-row:hover{
  transform:translateY(-2px);
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.32);
  background:rgba(var(--hsdesign-rgb,33,242,143),.075);
  box-shadow:0 18px 54px rgba(0,0,0,.24),0 0 28px rgba(var(--hsdesign-rgb,33,242,143),.12);
}
.hsdesign-challenge-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(var(--hsdesign-rgb,33,242,143),.12);
  color:rgb(var(--hsdesign-rgb-2,141,255,189));
  font-weight:1000;
  font-size:15px;
  box-shadow:inset 0 0 0 1px rgba(var(--hsdesign-rgb-2,141,255,189),.16);
}
.hsdesign-challenge-term{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:17px;
  font-weight:950;
  letter-spacing:-.02em;
}
.hsdesign-challenge-score{
  color:rgb(var(--hsdesign-rgb-2,141,255,189));
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
.hsdesign-challenge-score strong{
  font-size:22px;
  letter-spacing:-.04em;
}
.hsdesign-challenge-meta{
  color:rgba(255,255,255,.52);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.hsdesign-challenge-empty{
  padding:22px;
  border-radius:22px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.62);
  font-weight:750;
}
@media(max-width:900px){
  .hsdesign-challenge-row{
    grid-template-columns:52px 1fr;
  }
  .hsdesign-challenge-score,
  .hsdesign-challenge-meta{
    grid-column:2;
  }
}
@media(max-width:767px){
  .hsdesign-search-actions{
    justify-content:flex-start;
  }
  .hsdesign-share-search{
    width:100%!important;
  }
  .hsdesign-challenge{
    padding:22px;
    border-radius:26px;
  }
  .hsdesign-challenge-row{
    padding:14px;
    border-radius:18px;
    gap:10px;
  }
  .hsdesign-challenge-term{
    font-size:15px;
  }
}

/* =========================================================
   HSDESIGN – PWA INSTALL + NOTIFICATION BUTTONS
   v21
========================================================= */
.hsdesign-pwa-install,
.hsdesign-pwa-notify{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.25)!important;
  border-radius:999px!important;
  padding:11px 18px!important;
  background:
    radial-gradient(circle at 30% 20%, rgba(var(--hsdesign-rgb,33,242,143),.20), transparent 46%),
    linear-gradient(135deg,rgba(var(--hsdesign-rgb,33,242,143),.12),rgba(255,255,255,.05)),
    rgba(0,0,0,.28)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:0 0 32px rgba(var(--hsdesign-rgb,33,242,143),.10)!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
.hsdesign-pwa-install:hover,
.hsdesign-pwa-notify:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.62)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.28),0 0 40px rgba(var(--hsdesign-rgb,33,242,143),.22)!important;
}
.hsdesign-pwa-notify.is-active{
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.7)!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.16)!important;
}
.hsdesign-pwa-notify.is-disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}

/* =========================================================
   HSDESIGN – RANGLISTE OFFCANVAS + FIXED BUTTON
   v25
========================================================= */
html.hsdesign-leaderboard-lock{
  overflow:hidden!important;
}
.hsdesign-search-app .hsdesign-leaderboard-toggle{
  position:fixed!important;
  right:24px!important;
  top:50%!important;
  z-index:99990!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:0 18px!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.38)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 30% 18%, rgba(var(--hsdesign-rgb,33,242,143),.28), transparent 42%),
    linear-gradient(135deg, rgba(var(--hsdesign-rgb,33,242,143),.16), rgba(255,255,255,.05)),
    rgba(0,0,0,.62)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.44),0 0 44px rgba(var(--hsdesign-rgb,33,242,143),.22)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.hsdesign-search-app .hsdesign-leaderboard-toggle span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.13)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--hsdesign-rgb-2,141,255,189),.18)!important;
}
.hsdesign-search-app .hsdesign-leaderboard-toggle strong{
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:inherit!important;
}
.hsdesign-search-app .hsdesign-leaderboard-toggle:hover{
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.76)!important;
  box-shadow:0 26px 86px rgba(0,0,0,.52),0 0 60px rgba(var(--hsdesign-rgb,33,242,143),.34)!important;
}
.hsdesign-search-app .hsdesign-leaderboard-scrim{
  position:fixed!important;
  inset:0!important;
  z-index:99980!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .32s ease,visibility .32s ease!important;
  cursor:pointer!important;
}
.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-scrim{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge]{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:min(560px,calc(100vw - 26px))!important;
  max-width:none!important;
  height:100dvh!important;
  margin:0!important;
  padding:34px!important;
  z-index:99999!important;
  border-radius:34px 0 0 34px!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  transform:translateX(calc(100% + 32px))!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility .28s ease!important;
  box-shadow:-26px 0 100px rgba(0,0,0,.55),0 0 70px rgba(var(--hsdesign-rgb,33,242,143),.16)!important;
}
.hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge]{
  transform:translateX(0)!important;
  opacity:1!important;
  visibility:visible!important;
}
.hsdesign-search-app .hsdesign-challenge-head{
  align-items:flex-start!important;
}
.hsdesign-search-app .hsdesign-challenge-close{
  flex:0 0 auto!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.28)!important;
  background:rgba(0,0,0,.28)!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.hsdesign-search-app .hsdesign-challenge-close:hover{
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.68)!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.12)!important;
}
.hsdesign-search-app .hsdesign-challenge-row{
  grid-template-columns:56px 1fr!important;
  grid-template-areas:
    "rank term"
    "rank score"
    "rank meta"!important;
}
.hsdesign-search-app .hsdesign-challenge-rank{ grid-area:rank!important; }
.hsdesign-search-app .hsdesign-challenge-term{ grid-area:term!important; }
.hsdesign-search-app .hsdesign-challenge-score{ grid-area:score!important; }
.hsdesign-search-app .hsdesign-challenge-meta{ grid-area:meta!important; }

/* PWA vorerst komplett entfernt/deaktiviert */
.hsdesign-pwa-install,
.hsdesign-pwa-notify{
  display:none!important;
}

@media(max-width:767px){
  .hsdesign-search-app .hsdesign-leaderboard-toggle{
    right:16px!important;
    top:auto!important;
    bottom:86px!important;
    min-height:54px!important;
    padding:0 14px!important;
  }
  .hsdesign-search-app .hsdesign-leaderboard-toggle strong{
    display:none!important;
  }
  .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
  .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge]{
    width:100vw!important;
    border-radius:28px 28px 0 0!important;
    top:8vh!important;
    height:92dvh!important;
    padding:24px 18px 28px!important;
    transform:translateY(calc(100% + 24px))!important;
  }
  .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge]{
    transform:translateY(0)!important;
  }
  .hsdesign-search-app .hsdesign-challenge h2{
    font-size:clamp(30px,10vw,46px)!important;
  }
}

/* =========================================================
   HSDESIGN – MOBILE MENU ICON COLOR FIX
   v25
========================================================= */
@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-menu-toggle,
  .hsdesign-search-app button.hsdesign-menu-toggle {
    color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
    border-color: rgba(var(--hsdesign-rgb, 33, 242, 143), 0.38) !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(var(--hsdesign-rgb, 33, 242, 143), 0.18), transparent 45%),
      rgba(0, 0, 0, 0.42) !important;
  }

  .hsdesign-search-app .hsdesign-menu-toggle span,
  .hsdesign-search-app .hsdesign-menu-toggle .hsdesign-burger-line {
    background: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
    color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  }

  .hsdesign-search-app .hsdesign-menu-toggle svg,
  .hsdesign-search-app .hsdesign-menu-toggle i,
  .hsdesign-search-app .hsdesign-menu-toggle .eicon-menu-bar {
    color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
    stroke: currentColor !important;
    fill: currentColor !important;
  }

  .hsdesign-search-app .hsdesign-menu-toggle:hover,
  .hsdesign-search-app .hsdesign-site-header.is-menu-open .hsdesign-menu-toggle,
  .hsdesign-search-app .hsdesign-menu-toggle[aria-expanded="true"] {
    color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
    border-color: rgba(var(--hsdesign-rgb-2, 141, 255, 189), 0.82) !important;
    background: rgba(var(--hsdesign-rgb, 33, 242, 143), 0.14) !important;
    box-shadow:
      0 0 0 6px rgba(var(--hsdesign-rgb, 33, 242, 143), 0.08),
      0 0 28px rgba(var(--hsdesign-rgb, 33, 242, 143), 0.22) !important;
  }

  .hsdesign-search-app .hsdesign-site-header.is-menu-open .hsdesign-menu-toggle span,
  .hsdesign-search-app .hsdesign-menu-toggle[aria-expanded="true"] span {
    background: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  }
}

/* =========================================================
   v26 FIX – Safe Search URLs, Result Width, Header + Mobile Icon
========================================================= */

.hsdesign-search-app,
.hsdesign-search-app * {
  box-sizing: border-box !important;
}

/* Results must never push wider than the page */
.hsdesign-search-app .hsdesign-results-section,
.hsdesign-search-app .hsdesign-results,
.hsdesign-search-app .hsdesign-stats,
.hsdesign-search-app .hsdesign-status-inline,
.hsdesign-search-app .hsdesign-ad-slot,
.hsdesign-search-app .hsdesign-challenge,
.hsdesign-search-app .hsdesign-result-card {
  max-width: 100% !important;
}

.hsdesign-search-app .hsdesign-results,
.hsdesign-search-app .hsdesign-stats,
.hsdesign-search-app .hsdesign-status-inline,
.hsdesign-search-app .hsdesign-ad-slot {
  width: min(1100px, calc(100% - 32px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hsdesign-search-app .hsdesign-result-card {
  width: 100% !important;
  overflow: hidden !important;
}

.hsdesign-search-app .hsdesign-result-head,
.hsdesign-search-app .hsdesign-result-main,
.hsdesign-search-app .hsdesign-result-main > div,
.hsdesign-search-app .hsdesign-hit,
.hsdesign-search-app .hsdesign-hit p {
  min-width: 0 !important;
  max-width: 100% !important;
}

.hsdesign-search-app .hsdesign-result-head h3 {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 1.05 !important;
}

.hsdesign-search-app .hsdesign-hit p {
  overflow-wrap: anywhere !important;
}

/* Challenge rows are buttons now */
.hsdesign-search-app .hsdesign-challenge-row {
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2), .16) !important;
  text-align: left !important;
  cursor: pointer !important;
  font: inherit !important;
}

/* Header: remove accidental black empty block and keep logo clean */
.hsdesign-search-app .hsdesign-site-header {
  max-width: min(1180px, calc(100% - 32px)) !important;
  overflow: visible !important;
}

.hsdesign-search-app .hsdesign-site-brand {
  min-width: 0 !important;
  max-width: 240px !important;
  overflow: hidden !important;
}

.hsdesign-search-app .hsdesign-site-brand .hsdesign-brand-logo {
  display: block !important;
  width: auto !important;
  height: 34px !important;
  max-width: 190px !important;
  object-fit: contain !important;
}

/* Mobile menu icon color + visibility */
@media (max-width: 1024px) {
  .hsdesign-search-app .hsdesign-site-header {
    grid-template-columns: minmax(0, auto) 52px !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .hsdesign-search-app .hsdesign-site-brand {
    grid-column: 1 !important;
    max-width: calc(100vw - 110px) !important;
  }

  .hsdesign-search-app .hsdesign-menu-toggle,
  .hsdesign-search-app button.hsdesign-menu-toggle {
    grid-column: 2 !important;
    display: inline-flex !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 5px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(var(--hsdesign-rgb-2), .42) !important;
    background:
      radial-gradient(circle at 30% 20%, rgba(var(--hsdesign-rgb), .22), transparent 45%),
      rgba(0, 0, 0, .46) !important;
    color: rgb(var(--hsdesign-rgb-2)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 0 28px rgba(var(--hsdesign-rgb), .16) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .hsdesign-search-app .hsdesign-menu-toggle span,
  .hsdesign-search-app button.hsdesign-menu-toggle span {
    display: block !important;
    width: 21px !important;
    height: 2px !important;
    min-height: 2px !important;
    border-radius: 999px !important;
    background: rgb(var(--hsdesign-rgb-2)) !important;
    color: rgb(var(--hsdesign-rgb-2)) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .hsdesign-search-app .hsdesign-site-header:not(.is-menu-open) .hsdesign-site-nav {
    display: none !important;
  }

  .hsdesign-search-app .hsdesign-site-header.is-menu-open .hsdesign-site-nav {
    display: flex !important;
    grid-column: 1 / -1 !important;
  }

  .hsdesign-search-app .hsdesign-theme-menu .hsdesign-theme-switch {
    background: rgba(0,0,0,.34) !important;
  }
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-site-header {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    padding: 10px !important;
  }

  .hsdesign-search-app .hsdesign-site-brand .hsdesign-brand-logo {
    height: 31px !important;
    max-width: 185px !important;
  }

  .hsdesign-search-app .hsdesign-results-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hsdesign-search-app .hsdesign-results,
  .hsdesign-search-app .hsdesign-stats,
  .hsdesign-search-app .hsdesign-status-inline,
  .hsdesign-search-app .hsdesign-ad-slot {
    width: 100% !important;
  }

  .hsdesign-search-app .hsdesign-result-card {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  .hsdesign-search-app .hsdesign-result-main {
    width: 100% !important;
  }

  .hsdesign-search-app .hsdesign-result-head h3 {
    font-size: clamp(22px, 7vw, 34px) !important;
  }
}

/* =========================================================
   v29 FIX – Status Anchor, Clear Search, Mobile Controls,
   Leaderboard Spacing, Desktop Toggle
========================================================= */

/* Desktop: mobile menu toggle must never create a black block */
@media (min-width: 1025px) {
  .hsdesign-search-app .hsdesign-menu-toggle,
  .hsdesign-search-app button.hsdesign-menu-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
}

/* Search box with clear button */
.hsdesign-search-app .hsdesign-search-box {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 10px !important;
}

.hsdesign-search-app .hsdesign-search-clear {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2, 141,255,189), .22) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.055) !important;
  color: rgb(var(--hsdesign-rgb-2, 141,255,189)) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 0 26px rgba(var(--hsdesign-rgb,33,242,143), .10) !important;
}

.hsdesign-search-app .hsdesign-search-clear[hidden] {
  display: none !important;
}

.hsdesign-search-app .hsdesign-search-clear:hover {
  border-color: rgba(var(--hsdesign-rgb-2, 141,255,189), .55) !important;
  background: rgba(var(--hsdesign-rgb,33,242,143), .12) !important;
}

/* Mobile: search mode and options stacked cleanly */
@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-search-box {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 10px !important;
  }

  .hsdesign-search-app .hsdesign-search-input {
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .hsdesign-search-app .hsdesign-search-clear {
    position: absolute !important;
    right: 18px !important;
    top: 18px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    z-index: 4 !important;
  }

  .hsdesign-search-app .hsdesign-search-button {
    width: 100% !important;
    min-height: 52px !important;
  }

  .hsdesign-search-app .hsdesign-search-controls {
    width: 100% !important;
    margin-top: 18px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .hsdesign-search-app .hsdesign-search-controls > span {
    grid-column: 1 / -1 !important;
    text-align: left !important;
    padding-left: 2px !important;
    margin-bottom: -2px !important;
  }

  .hsdesign-search-app .hsdesign-search-controls label {
    width: 100% !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .hsdesign-search-app .hsdesign-search-options {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hsdesign-search-app .hsdesign-search-options label {
    width: 100% !important;
    min-height: 56px !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 9px 10px 9px 16px !important;
  }

  .hsdesign-search-app .hsdesign-search-options select {
    width: auto !important;
    min-width: 170px !important;
    max-width: 68% !important;
  }

  .hsdesign-search-app .hsdesign-search-actions {
    width: 100% !important;
    justify-content: stretch !important;
  }
}

/* Mobile leaderboard: more breathing room */
@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-challenge-list {
    gap: 14px !important;
  }

  .hsdesign-search-app .hsdesign-challenge-row {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px 13px !important;
    padding: 15px !important;
    min-height: 92px !important;
    align-items: center !important;
  }

  .hsdesign-search-app .hsdesign-challenge-rank {
    grid-row: 1 / span 3 !important;
    width: 42px !important;
    height: 42px !important;
  }

  .hsdesign-search-app .hsdesign-challenge-term {
    grid-column: 2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.18 !important;
    font-size: 16px !important;
  }

  .hsdesign-search-app .hsdesign-challenge-score,
  .hsdesign-search-app .hsdesign-challenge-meta {
    grid-column: 2 !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 420px) {
  .hsdesign-search-app .hsdesign-search-controls {
    grid-template-columns: 1fr !important;
  }
}

/* =========================================================
   HSDESIGN – HIGH HIT SEARCH PERFORMANCE FIX
========================================================= */
.hsdesign-performance-note{
  grid-column:1/-1;
  margin-top:4px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(var(--hsdesign-rgb,33,242,143),.22);
  background:rgba(var(--hsdesign-rgb,33,242,143),.08);
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:1.45;
}
.hsdesign-more-hits-note{
  width:100%;
  margin-top:4px;
  padding:14px 16px;
  border-radius:14px;
  border:1px dashed rgba(var(--hsdesign-rgb,33,242,143),.28)!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px;
  font-weight:800;
  text-align:center;
  cursor:default!important;
}
.hsdesign-results{contain:layout paint;}
.hsdesign-result-card{contain:layout paint;}

/* =========================================================
   HSDESIGN – FUZZY SEARCH / TYPO DETECTION
========================================================= */
.hsdesign-search-app .hsdesign-fuzzy-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--hsdesign-rgb, 33, 242, 143), 0.24) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  cursor: pointer !important;
}

.hsdesign-search-app .hsdesign-fuzzy-toggle input {
  accent-color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
}

.hsdesign-search-app .hsdesign-fuzzy-note {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(var(--hsdesign-rgb, 33, 242, 143), 0.32) !important;
  background:
    radial-gradient(circle at 10% 20%, rgba(var(--hsdesign-rgb, 33, 242, 143), 0.16), transparent 38%),
    rgba(255, 255, 255, 0.055) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
}

.hsdesign-search-app .hsdesign-fuzzy-note strong {
  color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  font-weight: 900 !important;
}

.hsdesign-search-app .hsdesign-fuzzy-note span {
  opacity: 0.82 !important;
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-fuzzy-toggle {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 4px !important;
  }

  .hsdesign-search-app .hsdesign-fuzzy-note {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    padding: 14px 15px !important;
  }
}

/* =========================================================
   v34 FIX – Mobile Result Wrap + Load More
========================================================= */
@media (max-width: 767px) {
  .hsdesign-search-app,
  .hsdesign-search-app * {
    box-sizing: border-box !important;
  }

  .hsdesign-search-app {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .hsdesign-search-app .hsdesign-results-section {
    overflow-x: hidden !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .hsdesign-search-app .hsdesign-results,
  .hsdesign-search-app .hsdesign-result-card,
  .hsdesign-search-app .hsdesign-hit-list,
  .hsdesign-search-app .hsdesign-hit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .hsdesign-search-app .hsdesign-result-card {
    padding: 18px 14px !important;
    border-radius: 22px !important;
  }

  .hsdesign-search-app .hsdesign-result-head,
  .hsdesign-search-app .hsdesign-result-main,
  .hsdesign-search-app .hsdesign-result-main > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .hsdesign-search-app .hsdesign-result-main {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
  }

  .hsdesign-search-app .hsdesign-result-head h3 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(24px, 8.4vw, 38px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  .hsdesign-search-app .hsdesign-hit {
    padding: 14px 12px !important;
    border-radius: 18px !important;
  }

  .hsdesign-search-app .hsdesign-hit-top {
    display: grid !important;
    grid-template-columns: minmax(0, max-content) minmax(0, max-content) !important;
    gap: 8px !important;
    align-items: start !important;
    justify-content: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .hsdesign-search-app .hsdesign-hit-top > * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .hsdesign-search-app .hsdesign-hit-count {
    grid-column: 1 / -1 !important;
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    padding: 7px 10px !important;
  }

  .hsdesign-search-app .hsdesign-hit p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
    overflow: visible !important;
  }

  .hsdesign-search-app mark,
  .hsdesign-search-app .hsdesign-highlight {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
  }

  .hsdesign-search-app .hsdesign-more-hits-note {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
}

.hsdesign-search-app .hsdesign-load-more-wrap {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 0;
  padding: 26px 16px;
  border-radius: 24px;
  border: 1px dashed rgba(var(--hsdesign-rgb,33,242,143),.32);
  background: rgba(var(--hsdesign-rgb,33,242,143),.055);
  text-align: center;
}

.hsdesign-search-app .hsdesign-load-more {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.36) !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  background: linear-gradient(135deg, var(--hsdesign-accent, #21f28f), var(--hsdesign-accent-dark, #14b86d)) !important;
  color: #03100b !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  cursor: pointer !important;
  box-shadow: 0 18px 44px rgba(var(--hsdesign-rgb,33,242,143),.22) !important;
}

.hsdesign-search-app .hsdesign-load-more:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 58px rgba(var(--hsdesign-rgb,33,242,143),.32) !important;
}

.hsdesign-search-app .hsdesign-load-more:disabled,
.hsdesign-search-app .hsdesign-load-more-wrap.is-loading .hsdesign-load-more {
  opacity: .62;
  cursor: wait !important;
  transform: none !important;
}

.hsdesign-search-app .hsdesign-load-more-wrap span {
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.35;
}

/* =========================================================
   v35 FINAL MOBILE RESULT LAYOUT FIX
   Search results use compact card typography like the episode list.
========================================================= */
@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-results-section {
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }

  .hsdesign-search-app .hsdesign-results,
  .hsdesign-search-app .hsdesign-result-card,
  .hsdesign-search-app .hsdesign-result-head,
  .hsdesign-search-app .hsdesign-result-main,
  .hsdesign-search-app .hsdesign-result-main > div,
  .hsdesign-search-app .hsdesign-hit-list,
  .hsdesign-search-app .hsdesign-hit {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .hsdesign-search-app .hsdesign-result-card {
    padding: 18px 14px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  .hsdesign-search-app .hsdesign-result-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    justify-content: start !important;
    margin-bottom: 18px !important;
    overflow: visible !important;
  }

  .hsdesign-search-app .hsdesign-result-main {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    overflow: visible !important;
  }

  .hsdesign-search-app .hsdesign-cover,
  .hsdesign-search-app .hsdesign-result-cover,
  .hsdesign-search-app .hsdesign-result-image,
  .hsdesign-search-app .hsdesign-result-artwork {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
  }

  .hsdesign-search-app .hsdesign-result-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    align-items: center !important;
    margin: 0 0 9px !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .hsdesign-search-app .hsdesign-result-badges > *,
  .hsdesign-search-app .hsdesign-episode-badge,
  .hsdesign-search-app .hsdesign-date-badge {
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }

  .hsdesign-search-app .hsdesign-result-head h3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 21px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.015em !important;
    font-weight: 900 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  .hsdesign-search-app .hsdesign-result-link {
    margin-top: 8px !important;
    font-size: 15px !important;
  }

  .hsdesign-search-app .hsdesign-result-meta {
    justify-self: start !important;
    align-self: start !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    margin: 0 !important;
    font-size: 16px !important;
    padding: 10px 16px !important;
    line-height: 1.05 !important;
  }

  .hsdesign-search-app .hsdesign-hit {
    padding: 16px 14px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .hsdesign-search-app .hsdesign-hit-top {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .hsdesign-search-app .hsdesign-hit-time,
  .hsdesign-search-app .hsdesign-hit-count,
  .hsdesign-search-app .hsdesign-hit-top .hsdesign-episode-badge {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }

  .hsdesign-search-app .hsdesign-hit-count {
    order: 3 !important;
    width: auto !important;
    font-size: 13px !important;
    padding: 8px 11px !important;
  }

  .hsdesign-search-app .hsdesign-hit p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 11px !important;
    font-size: 18px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
    overflow: visible !important;
  }

  .hsdesign-search-app .hsdesign-hit mark,
  .hsdesign-search-app .hsdesign-highlight {
    display: inline !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
  }

  .hsdesign-search-app .hsdesign-more-hits-note {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  .hsdesign-search-app .hsdesign-load-more-wrap {
    margin-top: 22px !important;
    padding: 0 4px !important;
  }

  .hsdesign-search-app .hsdesign-load-more {
    width: 100% !important;
    max-width: 340px !important;
  }
}

/* =========================================================
   HSDESIGN – HIGH END ACTION BUTTONS / ICON POLISH
   v36: Back to top, Rangliste-Float, Timestamp-Play
========================================================= */

.hsdesign-search-app .hsdesign-backtop,
.hsdesign-search-app .hsdesign-leaderboard-toggle,
.hsdesign-search-app a.hsdesign-hit-time,
.hsdesign-search-app .hsdesign-hit-time{
  -webkit-tap-highlight-color: transparent!important;
}

/* ---------- Timestamp / Play Button ---------- */
.hsdesign-search-app .hsdesign-hit-top{
  align-items:center!important;
  gap:9px!important;
}

.hsdesign-search-app .hsdesign-hit-time{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:7px 12px 7px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.24)!important;
  background:
    linear-gradient(135deg,rgba(var(--hsdesign-rgb,33,242,143),.12),rgba(255,255,255,.045)),
    rgba(0,0,0,.35)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 28px rgba(0,0,0,.22),
    0 0 22px rgba(var(--hsdesign-rgb,33,242,143),.10)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}

.hsdesign-search-app .hsdesign-hit-time::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 70%)!important;
  opacity:.65!important;
  pointer-events:none!important;
}

.hsdesign-search-app .hsdesign-play-icon{
  position:relative!important;
  z-index:1!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.18)!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(var(--hsdesign-rgb,33,242,143),.18)!important;
}

.hsdesign-search-app .hsdesign-play-icon::before{
  content:""!important;
  width:0!important;
  height:0!important;
  margin-left:2px!important;
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:7px solid rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  filter:drop-shadow(0 0 6px rgba(var(--hsdesign-rgb,33,242,143),.35))!important;
}

.hsdesign-search-app .hsdesign-time-label{
  position:relative!important;
  z-index:1!important;
}

.hsdesign-search-app a.hsdesign-hit-time:hover,
.hsdesign-search-app a.hsdesign-hit-time:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.30),
    0 0 34px rgba(var(--hsdesign-rgb,33,242,143),.24)!important;
  outline:none!important;
}

/* ---------- Back to top ---------- */
.hsdesign-search-app .hsdesign-backtop{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.34)!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(var(--hsdesign-rgb,33,242,143),.28),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
    rgba(0,0,0,.66)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.045),
    0 0 0 9px rgba(var(--hsdesign-rgb,33,242,143),.055),
    0 0 50px rgba(var(--hsdesign-rgb,33,242,143),.20)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.hsdesign-search-app .hsdesign-backtop::before{
  inset:8px!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.18)!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.055)!important;
}

.hsdesign-search-app .hsdesign-backtop-icon{
  font-size:0!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
}

.hsdesign-search-app .hsdesign-backtop-icon::before,
.hsdesign-search-app .hsdesign-backtop-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  box-shadow:0 0 16px rgba(var(--hsdesign-rgb,33,242,143),.42)!important;
}

.hsdesign-search-app .hsdesign-backtop-icon::before{
  top:4px!important;
  width:16px!important;
  height:16px!important;
  border-top:4px solid rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  border-left:4px solid rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  background:transparent!important;
  transform:translateX(-50%) rotate(45deg)!important;
  border-radius:3px 0 0 0!important;
}

.hsdesign-search-app .hsdesign-backtop-icon::after{
  top:9px!important;
  width:4px!important;
  height:18px!important;
  border-radius:999px!important;
}

.hsdesign-search-app .hsdesign-backtop:hover{
  transform:translateY(-5px) scale(1.04)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.70)!important;
}

/* ---------- Rangliste Floating Button ---------- */
.hsdesign-search-app .hsdesign-leaderboard-toggle{
  min-height:62px!important;
  padding:0 20px 0 10px!important;
  gap:12px!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.34)!important;
  background:
    radial-gradient(circle at 34px 50%,rgba(var(--hsdesign-rgb,33,242,143),.30),transparent 44%),
    linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.028)),
    rgba(0,0,0,.66)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.045),
    0 0 0 8px rgba(var(--hsdesign-rgb,33,242,143),.055),
    0 0 50px rgba(var(--hsdesign-rgb,33,242,143),.20)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle span{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  font-size:0!important;
  background:
    linear-gradient(145deg,rgba(var(--hsdesign-rgb,33,242,143),.22),rgba(255,255,255,.04)),
    rgba(0,0,0,.28)!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.22)!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle span::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  display:block!important;
  background:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4h10v3h3a1 1 0 0 1 1 1v1.5A5.5 5.5 0 0 1 15.5 15H15a4 4 0 0 1-2 1.73V19h3v2H8v-2h3v-2.27A4 4 0 0 1 9 15h-.5A5.5 5.5 0 0 1 3 9.5V8a1 1 0 0 1 1-1h3V4Zm0 5H5v.5A3.5 3.5 0 0 0 8.5 13H9a7 7 0 0 1-2-4Zm10 0a7 7 0 0 1-2 4h.5A3.5 3.5 0 0 0 19 9.5V9h-2Z"/></svg>') center/contain no-repeat!important;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4h10v3h3a1 1 0 0 1 1 1v1.5A5.5 5.5 0 0 1 15.5 15H15a4 4 0 0 1-2 1.73V19h3v2H8v-2h3v-2.27A4 4 0 0 1 9 15h-.5A5.5 5.5 0 0 1 3 9.5V8a1 1 0 0 1 1-1h3V4Zm0 5H5v.5A3.5 3.5 0 0 0 8.5 13H9a7 7 0 0 1-2-4Zm10 0a7 7 0 0 1-2 4h.5A3.5 3.5 0 0 0 19 9.5V9h-2Z"/></svg>') center/contain no-repeat!important;
  filter:drop-shadow(0 0 10px rgba(var(--hsdesign-rgb,33,242,143),.45))!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle strong{
  letter-spacing:.10em!important;
  font-size:11px!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover{
  transform:translateY(-50%) translateX(-3px)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.70)!important;
}

@media(max-width:767px){
  .hsdesign-search-app .hsdesign-backtop{
    right:18px!important;
    bottom:18px!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle{
    right:18px!important;
    bottom:88px!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    padding:0!important;
    border-radius:50%!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle span{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle strong{
    display:none!important;
  }

  .hsdesign-search-app .hsdesign-hit-time{
    min-height:32px!important;
    padding:6px 10px 6px 7px!important;
    gap:7px!important;
    font-size:12px!important;
  }

  .hsdesign-search-app .hsdesign-play-icon{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }
}

/* =========================================================
   HSDESIGN – EPISODE HIT EXPANDER / V37
========================================================= */
.hsdesign-search-app .hsdesign-extra-episode-hit.is-hidden,
.hsdesign-search-app .hsdesign-extra-episode-hit[hidden]{
  display:none!important;
}

.hsdesign-search-app .hsdesign-show-more-episode-hits{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:10px 0 0;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:18px;
  border:1px dashed rgba(var(--hsdesign-rgb,33,242,143),.34)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--hsdesign-rgb,33,242,143),.14),transparent 54%),
    rgba(255,255,255,.035)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.02em;
  text-align:center;
  cursor:pointer;
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.hsdesign-search-app .hsdesign-show-more-episode-hits span{
  min-width:0;
  overflow-wrap:anywhere;
}

.hsdesign-search-app .hsdesign-show-more-episode-hits em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  background:rgba(var(--hsdesign-rgb,33,242,143),.16);
  color:rgb(var(--hsdesign-rgb-2,141,255,189));
  font-style:normal;
  font-size:12px;
  font-weight:950;
}

.hsdesign-search-app .hsdesign-show-more-episode-hits:hover,
.hsdesign-search-app .hsdesign-show-more-episode-hits:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.58)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--hsdesign-rgb,33,242,143),.22),transparent 56%),
    rgba(var(--hsdesign-rgb,33,242,143),.07)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 28px rgba(var(--hsdesign-rgb,33,242,143),.12);
}

@media (max-width:767px){
  .hsdesign-search-app .hsdesign-show-more-episode-hits{
    padding:13px 12px;
    border-radius:16px;
    font-size:12px;
    line-height:1.25;
    flex-wrap:wrap;
  }
}

/* =========================================================
   v38 – SEARCH RESULT TITLES LIKE EPISODE OVERVIEW
   Suchergebnis-Titel bewusst kompakter/high-end statt riesiger Headline.
========================================================= */
.hsdesign-search-app .hsdesign-result-card{
  padding:24px!important;
}

.hsdesign-search-app .hsdesign-result-head{
  gap:18px!important;
  margin-bottom:18px!important;
}

.hsdesign-search-app .hsdesign-result-main{
  align-items:flex-start!important;
}

.hsdesign-search-app .hsdesign-result-head h3,
.hsdesign-search-app .hsdesign-result-title,
.hsdesign-search-app .hsdesign-result-heading{
  margin:6px 0 0!important;
  font-size:clamp(18px,1.55vw,24px)!important;
  line-height:1.24!important;
  letter-spacing:-.012em!important;
  font-weight:900!important;
  color:#fff!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:auto!important;
}

.hsdesign-search-app .hsdesign-result-link{
  margin-top:8px!important;
  font-size:14px!important;
  line-height:1.2!important;
}

.hsdesign-search-app .hsdesign-result-badges{
  gap:7px!important;
  margin-bottom:8px!important;
}

.hsdesign-search-app .hsdesign-result-meta{
  font-size:13px!important;
  padding:8px 13px!important;
  line-height:1.1!important;
}

@media (min-width:768px){
  .hsdesign-search-app .hsdesign-result-card{
    padding:24px 26px!important;
    border-radius:24px!important;
  }

  .hsdesign-search-app .hsdesign-cover,
  .hsdesign-search-app .hsdesign-result-cover,
  .hsdesign-search-app .hsdesign-result-image,
  .hsdesign-search-app .hsdesign-result-artwork{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-radius:12px!important;
  }
}

@media (max-width:767px){
  .hsdesign-search-app .hsdesign-result-card{
    padding:18px 14px!important;
    border-radius:22px!important;
  }

  .hsdesign-search-app .hsdesign-result-main{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:12px!important;
  }

  .hsdesign-search-app .hsdesign-cover,
  .hsdesign-search-app .hsdesign-result-cover,
  .hsdesign-search-app .hsdesign-result-image,
  .hsdesign-search-app .hsdesign-result-artwork{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    border-radius:10px!important;
  }

  .hsdesign-search-app .hsdesign-result-head h3,
  .hsdesign-search-app .hsdesign-result-title,
  .hsdesign-search-app .hsdesign-result-heading{
    font-size:18px!important;
    line-height:1.25!important;
    letter-spacing:-.006em!important;
  }

  .hsdesign-search-app .hsdesign-result-meta{
    font-size:13px!important;
    padding:8px 12px!important;
  }
}

/* =========================================================
   v39 – PROJECT TYPOGRAPHY CONTROLS
   Werte kommen aus dem Backend als CSS-Variablen pro Projekt.
========================================================= */
.hsdesign-search-app .hsdesign-result-head h3,
.hsdesign-search-app .hsdesign-result-title,
.hsdesign-search-app .hsdesign-result-heading,
.hsdesign-search-app .hsdesign-result-bedges + h3,
.hsdesign-search-app .hsdesign-result-badges + h3{
  font-size:var(--hsdesign-result-title-size-desktop,22px)!important;
  font-weight:var(--hsdesign-result-title-weight,900)!important;
}

.hsdesign-search-app .hsdesign-status-row strong,
.hsdesign-search-app .hsdesign-status-list strong,
.hsdesign-search-app .hsdesign-status-card-title,
.hsdesign-search-app .hsdesign-episode-title{
  font-size:var(--hsdesign-status-title-size-desktop,16px)!important;
  font-weight:var(--hsdesign-status-title-weight,900)!important;
}

.hsdesign-search-app .hsdesign-hit-text,
.hsdesign-search-app .hsdesign-result-text,
.hsdesign-search-app .hsdesign-snippet,
.hsdesign-search-app .hsdesign-result-snippet p,
.hsdesign-search-app .hsdesign-hit p{
  font-size:var(--hsdesign-hit-text-size-desktop,16px)!important;
  font-weight:var(--hsdesign-hit-text-weight,400)!important;
}

@media (max-width:767px){
  .hsdesign-search-app .hsdesign-result-head h3,
  .hsdesign-search-app .hsdesign-result-title,
  .hsdesign-search-app .hsdesign-result-heading,
  .hsdesign-search-app .hsdesign-result-bedges + h3,
  .hsdesign-search-app .hsdesign-result-badges + h3{
    font-size:var(--hsdesign-result-title-size-mobile,18px)!important;
    font-weight:var(--hsdesign-result-title-weight,900)!important;
  }

  .hsdesign-search-app .hsdesign-status-row strong,
  .hsdesign-search-app .hsdesign-status-list strong,
  .hsdesign-search-app .hsdesign-status-card-title,
  .hsdesign-search-app .hsdesign-episode-title{
    font-size:var(--hsdesign-status-title-size-mobile,18px)!important;
    font-weight:var(--hsdesign-status-title-weight,900)!important;
  }

  .hsdesign-search-app .hsdesign-hit-text,
  .hsdesign-search-app .hsdesign-result-text,
  .hsdesign-search-app .hsdesign-snippet,
  .hsdesign-search-app .hsdesign-result-snippet p,
  .hsdesign-search-app .hsdesign-hit p{
    font-size:var(--hsdesign-hit-text-size-mobile,17px)!important;
    font-weight:var(--hsdesign-hit-text-weight,400)!important;
  }
}


/* =========================================================
   HSDESIGN PODCAST SEARCH – PREMIUM POLISH v40
   ruhiger, weniger verspielt, mehr Produkt-/SaaS-Look
========================================================= */

/* Nur einen einzigen Ranglisten-Floating-Button sauber anzeigen */
.hsdesign-search-app .hsdesign-leaderboard-toggle {
  position: fixed !important;
  right: 28px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 99970 !important;

  min-width: auto !important;
  height: 54px !important;
  padding: 0 18px 0 13px !important;
  gap: 11px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2, 141, 255, 189), .26) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.028)),
    rgba(2, 12, 8, .78) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;

  color: rgb(var(--hsdesign-rgb-2, 141, 255, 189)) !important;
  box-shadow:
    0 18px 55px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(var(--hsdesign-rgb,33,242,143),.05),
    0 0 36px rgba(var(--hsdesign-rgb,33,242,143),.14) !important;

  text-transform: uppercase !important;
  letter-spacing: .10em !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
  transform: translateY(-50%) translateX(-3px) !important;
  border-color: rgba(var(--hsdesign-rgb-2, 141, 255, 189), .55) !important;
  background:
    linear-gradient(135deg, rgba(var(--hsdesign-rgb,33,242,143),.13), rgba(255,255,255,.035)),
    rgba(2, 12, 8, .88) !important;
  box-shadow:
    0 22px 68px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.13),
    0 0 46px rgba(var(--hsdesign-rgb,33,242,143),.24) !important;
}

/* Kein Emoji mehr im UI: eigenes dezentes Trophy/Insight-Icon */
.hsdesign-search-app .hsdesign-leaderboard-icon,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),.12) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--hsdesign-rgb-2,141,255,189),.18) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.hsdesign-search-app .hsdesign-leaderboard-icon::before,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before {
  content:"" !important;
  width: 14px !important;
  height: 14px !important;
  display:block !important;
  background: currentColor !important;
  opacity:.94 !important;
  clip-path: polygon(38% 8%,62% 8%,62% 20%,78% 20%,78% 48%,65% 48%,61% 64%,55% 64%,55% 78%,70% 78%,70% 90%,30% 90%,30% 78%,45% 78%,45% 64%,39% 64%,35% 48%,22% 48%,22% 20%,38% 20%);
}

/* Offcanvas hochwertiger und ruhiger */
.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge] {
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--hsdesign-rgb,33,242,143),.13), transparent 32%),
    linear-gradient(180deg, rgba(10,29,21,.98), rgba(2,9,6,.98)) !important;
  border-left: 1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.18) !important;
  box-shadow: -34px 0 110px rgba(0,0,0,.62), 0 0 85px rgba(var(--hsdesign-rgb,33,242,143),.12) !important;
}
.hsdesign-search-app .hsdesign-challenge h2 {
  max-width: 440px !important;
  font-size: clamp(34px, 4.4vw, 58px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
  font-weight: 720 !important;
}
.hsdesign-search-app .hsdesign-challenge p {
  color: rgba(255,255,255,.64) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Ranglisten-Zeilen als edle Insight-Cards statt Spielautomat */
.hsdesign-search-app .hsdesign-challenge-list {
  gap: 12px !important;
}
.hsdesign-search-app .hsdesign-challenge-row {
  grid-template-columns: 46px minmax(0,1fr) auto !important;
  grid-template-areas:
    "rank term score"
    "rank term meta" !important;
  gap: 10px 14px !important;
  padding: 18px 18px !important;
  min-height: 76px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.11) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    rgba(0,0,0,.19) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.hsdesign-search-app .hsdesign-challenge-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(var(--hsdesign-rgb-2,141,255,189),.30) !important;
  background:
    linear-gradient(135deg, rgba(var(--hsdesign-rgb,33,242,143),.095), rgba(255,255,255,.024)),
    rgba(0,0,0,.20) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.075) !important;
}
.hsdesign-search-app .hsdesign-challenge-rank {
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  font-size: 0 !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),.10) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--hsdesign-rgb-2,141,255,189),.16) !important;
}
.hsdesign-search-app .hsdesign-challenge-rank span {
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
.hsdesign-search-app .hsdesign-challenge-rank[data-rank="1"] {
  background: linear-gradient(135deg, rgba(var(--hsdesign-rgb,33,242,143),.22), rgba(255,255,255,.045)) !important;
}
.hsdesign-search-app .hsdesign-challenge-rank[data-rank="1"]::after,
.hsdesign-search-app .hsdesign-challenge-rank[data-rank="2"]::after,
.hsdesign-search-app .hsdesign-challenge-rank[data-rank="3"]::after {
  content:"" !important;
  position:absolute !important;
  width:12px !important;
  height:12px !important;
  background:currentColor !important;
  opacity:.86 !important;
  clip-path: polygon(50% 4%,62% 36%,96% 36%,68% 56%,78% 90%,50% 69%,22% 90%,32% 56%,4% 36%,38% 36%);
  transform:translateY(-19px) translateX(14px) scale(.72) !important;
}
.hsdesign-search-app .hsdesign-challenge-term {
  align-self:end !important;
  color:#fff !important;
  font-size: 18px !important;
  font-weight: 780 !important;
  letter-spacing: -.02em !important;
}
.hsdesign-search-app .hsdesign-challenge-score {
  align-self:end !important;
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .07em !important;
}
.hsdesign-search-app .hsdesign-challenge-score strong {
  font-size: 24px !important;
  font-weight: 760 !important;
  letter-spacing: -.035em !important;
}
.hsdesign-search-app .hsdesign-challenge-meta {
  align-self:start !important;
  color: rgba(255,255,255,.46) !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}
.hsdesign-search-app .hsdesign-challenge-close {
  font-size: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.045) !important;
}
.hsdesign-search-app .hsdesign-challenge-close::before,
.hsdesign-search-app .hsdesign-challenge-close::after {
  content:"" !important;
  position:absolute !important;
  width:18px !important;
  height:2px !important;
  border-radius:99px !important;
  background:#fff !important;
}
.hsdesign-search-app .hsdesign-challenge-close::before { transform:rotate(45deg) !important; }
.hsdesign-search-app .hsdesign-challenge-close::after { transform:rotate(-45deg) !important; }

/* Werbefläche weniger leer, mehr wie Sponsoring-Modul */
.hsdesign-search-app .hsdesign-ad-slot {
  position:relative !important;
  border-radius: 26px !important;
  border: 1px dashed rgba(var(--hsdesign-rgb-2,141,255,189),.20) !important;
  background:
    radial-gradient(circle at 84% 8%, rgba(var(--hsdesign-rgb,33,242,143),.12), transparent 30%),
    linear-gradient(135deg, rgba(var(--hsdesign-rgb,33,242,143),.045), rgba(255,255,255,.022)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.hsdesign-search-app .hsdesign-ad-slot::after {
  content:"Sponsoring · Kampagne · Partner" !important;
  position:absolute !important;
  right:24px !important;
  top:24px !important;
  color: rgba(255,255,255,.32) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.hsdesign-search-app .hsdesign-ad-slot strong {
  font-size: clamp(20px,2.3vw,30px) !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
}
.hsdesign-search-app .hsdesign-ad-slot p {
  max-width: 680px !important;
  color: rgba(255,255,255,.68) !important;
}

/* UI-Controls: Emojis in Bedienelementen vermeiden, Folge-Emojis im Titel bleiben unangetastet */
.hsdesign-search-app .hsdesign-time-play,
.hsdesign-search-app .hsdesign-hit-time::before,
.hsdesign-search-app .hsdesign-time-badge::before {
  font-family: inherit !important;
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-leaderboard-toggle {
    right: 16px !important;
    bottom: 92px !important;
    top: auto !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 999px !important;
  }
  .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
    transform: translateY(-2px) !important;
  }
  .hsdesign-search-app .hsdesign-leaderboard-toggle strong {
    display:none !important;
  }
  .hsdesign-search-app .hsdesign-leaderboard-icon,
  .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
    width: 34px !important;
    height: 34px !important;
    min-width:34px !important;
  }
  .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge] {
    width: 100vw !important;
    top: 9vh !important;
    height: 91dvh !important;
    padding: 24px 18px 30px !important;
    border-radius: 28px 28px 0 0 !important;
  }
  .hsdesign-search-app .hsdesign-challenge-row {
    grid-template-columns: 42px minmax(0,1fr) !important;
    grid-template-areas:
      "rank term"
      "rank score"
      "rank meta" !important;
    padding: 16px 14px !important;
  }
  .hsdesign-search-app .hsdesign-challenge-score,
  .hsdesign-search-app .hsdesign-challenge-meta {
    justify-self:start !important;
  }
  .hsdesign-search-app .hsdesign-ad-slot::after {
    position:static !important;
    display:block !important;
    margin-top:14px !important;
  }
}

/* =========================================================
   v41 – APPLE / ULTRA PREMIUM POLISH
   ruhiger, cleaner, weniger Neon/Gaming – mehr High-End Product UI
========================================================= */
.hsdesign-search-app{
  --hs-apple-surface: rgba(255,255,255,.055);
  --hs-apple-surface-2: rgba(255,255,255,.035);
  --hs-apple-border: rgba(255,255,255,.105);
  --hs-apple-border-green: rgba(var(--hsdesign-rgb-2,141,255,189),.20);
  --hs-apple-text: rgba(255,255,255,.92);
  --hs-apple-muted: rgba(255,255,255,.58);
  --hs-apple-shadow: 0 18px 55px rgba(0,0,0,.26);
  --hs-apple-shadow-soft: 0 10px 30px rgba(0,0,0,.18);
}

/* Grundflächen etwas feiner und weniger neon */
.hsdesign-search-app .hsdesign-card,
.hsdesign-search-app .hsdesign-status-panel,
.hsdesign-search-app .hsdesign-results-section,
.hsdesign-search-app .hsdesign-result-card,
.hsdesign-search-app .hsdesign-hit,
.hsdesign-search-app .hsdesign-ad-slot,
.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.026)),
    rgba(3,12,9,.68)!important;
  border-color: rgba(255,255,255,.095)!important;
  box-shadow: var(--hs-apple-shadow-soft)!important;
  -webkit-backdrop-filter: blur(22px) saturate(1.16)!important;
  backdrop-filter: blur(22px) saturate(1.16)!important;
}

.hsdesign-search-app .hsdesign-card:hover,
.hsdesign-search-app .hsdesign-result-card:hover,
.hsdesign-search-app .hsdesign-hit:hover{
  border-color: rgba(var(--hsdesign-rgb-2,141,255,189),.20)!important;
  box-shadow: 0 18px 55px rgba(0,0,0,.24)!important;
}

/* Buttons / Pills Apple-artiger: weniger Glow, feinere Kanten */
.hsdesign-search-app button,
.hsdesign-search-app .hsdesign-pill,
.hsdesign-search-app .hsdesign-badge,
.hsdesign-search-app .hsdesign-result-meta,
.hsdesign-search-app .hsdesign-search-mode,
.hsdesign-search-app .hsdesign-select-wrap,
.hsdesign-search-app .hsdesign-share-search,
.hsdesign-search-app .hsdesign-load-more,
.hsdesign-search-app .hsdesign-show-more-episode-hits{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 20px rgba(0,0,0,.12)!important;
}

/* Timestamp Play Button – clean Apple capsule */
.hsdesign-search-app .hsdesign-hit-time{
  min-height:32px!important;
  padding:6px 11px 6px 7px!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.032)),
    rgba(6,18,14,.74)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.085), 0 8px 22px rgba(0,0,0,.16)!important;
  color: rgba(235,255,244,.92)!important;
  font-weight:760!important;
}

.hsdesign-search-app .hsdesign-hit-time::after{
  display:none!important;
}

.hsdesign-search-app .hsdesign-play-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  background: rgba(var(--hsdesign-rgb,33,242,143),.13)!important;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.18)!important;
  box-shadow:none!important;
}

.hsdesign-search-app .hsdesign-play-icon::before{
  border-left-color: rgba(235,255,244,.92)!important;
  filter:none!important;
}

.hsdesign-search-app a.hsdesign-hit-time:hover,
.hsdesign-search-app a.hsdesign-hit-time:focus-visible{
  transform:translateY(-1px)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.34)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.036)),
    rgba(6,18,14,.82)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 12px 28px rgba(0,0,0,.22)!important;
}

/* Floating Controls – minimal, Apple-like */
.hsdesign-search-app .hsdesign-backtop,
.hsdesign-search-app .hsdesign-leaderboard-toggle{
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(4,15,11,.72)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(240,255,247,.94)!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter: blur(24px) saturate(1.25)!important;
  backdrop-filter: blur(24px) saturate(1.25)!important;
  outline:none!important;
}

.hsdesign-search-app .hsdesign-backtop:hover,
.hsdesign-search-app .hsdesign-leaderboard-toggle:hover{
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.24)!important;
  box-shadow:
    0 26px 62px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* Back to top – kleiner, präziser, kein Ring-Gaming-Look */
.hsdesign-search-app .hsdesign-backtop{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:999px!important;
  right:24px!important;
  bottom:28px!important;
}

.hsdesign-search-app .hsdesign-backtop::before{
  display:none!important;
}

.hsdesign-search-app .hsdesign-backtop-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(242,255,247,.94)!important;
}

.hsdesign-search-app .hsdesign-backtop-icon::before{
  width:12px!important;
  height:12px!important;
  border-top:2.2px solid currentColor!important;
  border-left:2.2px solid currentColor!important;
  box-shadow:none!important;
  top:3px!important;
}

.hsdesign-search-app .hsdesign-backtop-icon::after{
  width:2px!important;
  height:14px!important;
  top:7px!important;
  background:currentColor!important;
  box-shadow:none!important;
}

/* Rangliste – als dezente Insights-Pill, kein Trophäen-Spielautomat */
.hsdesign-search-app .hsdesign-leaderboard-toggle{
  right:24px!important;
  top:50%!important;
  height:48px!important;
  min-height:48px!important;
  padding:0 16px 0 9px!important;
  gap:10px!important;
  border-radius:999px!important;
  letter-spacing:.08em!important;
  font-size:11px!important;
  font-weight:760!important;
  transform:translateY(-50%)!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover{
  transform:translateY(-50%) translateX(-2px)!important;
}

.hsdesign-search-app .hsdesign-leaderboard-icon,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
}

/* Icon als ruhiges Bar-Chart statt Trophy */
.hsdesign-search-app .hsdesign-leaderboard-icon::before,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before{
  content:""!important;
  width:15px!important;
  height:15px!important;
  background:currentColor!important;
  opacity:.88!important;
  clip-path: polygon(
    8% 64%, 25% 64%, 25% 100%, 8% 100%,
    42% 42%, 59% 42%, 59% 100%, 42% 100%,
    76% 18%, 93% 18%, 93% 100%, 76% 100%
  )!important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle strong{
  color:rgba(242,255,247,.88)!important;
  font-size:11px!important;
  font-weight:760!important;
  letter-spacing:.08em!important;
}

/* Offcanvas – mehr Apple Sheet / weniger Neon */
.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge]{
  background:
    linear-gradient(180deg, rgba(18,37,29,.94), rgba(4,10,8,.96)),
    rgba(4,14,10,.94)!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  box-shadow:-36px 0 100px rgba(0,0,0,.52)!important;
}

.hsdesign-search-app .hsdesign-challenge h2{
  font-weight:650!important;
  letter-spacing:-.065em!important;
  color:rgba(255,255,255,.94)!important;
}

.hsdesign-search-app .hsdesign-challenge p{
  color:rgba(255,255,255,.60)!important;
}

.hsdesign-search-app .hsdesign-challenge-row{
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)),
    rgba(0,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:18px!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07)!important;
}

.hsdesign-search-app .hsdesign-challenge-row:hover{
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.034)),
    rgba(0,0,0,.17)!important;
  border-color:rgba(var(--hsdesign-rgb-2,141,255,189),.20)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.hsdesign-search-app .hsdesign-challenge-rank{
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)!important;
}

.hsdesign-search-app .hsdesign-challenge-rank::after{
  display:none!important;
}

.hsdesign-search-app .hsdesign-challenge-term{
  font-weight:680!important;
  color:rgba(255,255,255,.92)!important;
}

.hsdesign-search-app .hsdesign-challenge-score strong{
  font-weight:650!important;
}

.hsdesign-search-app .hsdesign-challenge-close{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}

.hsdesign-search-app .hsdesign-challenge-close:hover{
  background:rgba(255,255,255,.10)!important;
}

/* Sponsorfläche etwas mehr Editorial / weniger Platzhalter */
.hsdesign-search-app .hsdesign-ad-slot{
  border-style:solid!important;
  border-color:rgba(255,255,255,.095)!important;
}

.hsdesign-search-app .hsdesign-ad-slot::after{
  color:rgba(255,255,255,.28)!important;
}

@media(max-width:767px){
  .hsdesign-search-app .hsdesign-backtop{
    right:16px!important;
    bottom:18px!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle{
    right:16px!important;
    bottom:82px!important;
    top:auto!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    padding:0!important;
    border-radius:999px!important;
    transform:none!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle:hover{
    transform:translateY(-1px)!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle strong{
    display:none!important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-icon,
  .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge]{
    top:8vh!important;
    height:92dvh!important;
    border-radius:26px 26px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    padding:24px 18px 30px!important;
  }
}

/* =========================================================
   HSDESIGN PODCAST SEARCH – v42 PREMIUM LEADERBOARD LAYER FIX
   Fix: Rangliste über Overlay, höher positioniert, klareres Icon
========================================================= */

.hsdesign-search-app .hsdesign-leaderboard-toggle,
body .hsdesign-search-app .hsdesign-leaderboard-toggle {
  position: fixed !important;
  right: 26px !important;
  top: 34vh !important;
  bottom: auto !important;
  z-index: 2147483645 !important;
  transform: translateY(-50%) !important;

  height: 50px !important;
  min-height: 50px !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: none !important;
  padding: 0 18px 0 10px !important;
  gap: 12px !important;
  border-radius: 999px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.045)),
    rgba(3, 13, 10, .82) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(246,255,250,.94) !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.2) !important;
  backdrop-filter: blur(22px) saturate(1.2) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover,
body .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
  transform: translateY(-50%) translateX(-2px) !important;
  border-color: rgba(var(--hsdesign-rgb-2,141,255,189),.34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)),
    rgba(3, 13, 10, .88) !important;
  box-shadow:
    0 28px 68px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Klarer, dezenter Ranking/Insights-Icon-Kreis */
.hsdesign-search-app .hsdesign-leaderboard-icon,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child,
body .hsdesign-search-app .hsdesign-leaderboard-icon,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
  position: relative !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),.10) !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.20) !important;
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Altes Icon überschreiben */
.hsdesign-search-app .hsdesign-leaderboard-icon::before,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before,
body .hsdesign-search-app .hsdesign-leaderboard-icon::before,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  bottom: 8px !important;
  width: 3px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: .95 !important;
  clip-path: none !important;
  box-shadow:
    5px -4px 0 currentColor,
    10px -9px 0 currentColor !important;
  transform: none !important;
}

.hsdesign-search-app .hsdesign-leaderboard-icon::after,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::after,
body .hsdesign-search-app .hsdesign-leaderboard-icon::after,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::after {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  bottom: 6px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: .55 !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle strong,
body .hsdesign-search-app .hsdesign-leaderboard-toggle strong {
  display: block !important;
  color: rgba(245,255,250,.90) !important;
  font-size: 11px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Scrim muss unter dem Panel liegen, nicht darüber */
.hsdesign-search-app .hsdesign-leaderboard-scrim,
body .hsdesign-search-app .hsdesign-leaderboard-scrim {
  z-index: 2147483640 !important;
  background: rgba(0,0,0,.54) !important;
  -webkit-backdrop-filter: blur(10px) saturate(.85) !important;
  backdrop-filter: blur(10px) saturate(.85) !important;
}

/* Offcanvas immer über dem Scrim */
.hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
body .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
body .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge] {
  z-index: 2147483646 !important;
  isolation: isolate !important;
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(108%) !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
.hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
body .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle {
  z-index: 2147483647 !important;
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-leaderboard-toggle,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle {
    top: auto !important;
    right: 16px !important;
    bottom: 82px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: none !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle:hover,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
    transform: translateY(-1px) !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle strong,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle strong {
    display: none !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-icon,
  .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child,
  body .hsdesign-search-app .hsdesign-leaderboard-icon,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
  .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
  body .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
  body .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge] {
    z-index: 2147483646 !important;
    top: 7vh !important;
    height: 93dvh !important;
    width: 100vw !important;
    border-radius: 26px 26px 0 0 !important;
    transform: translateY(calc(100% + 30px)) !important;
  }

  .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
  .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
  body .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
  body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge] {
    transform: translateY(0) !important;
  }
}

/* =========================================================
   HSDESIGN PODCAST SEARCH – v43 LEADERBOARD FINAL FIX
   Fix: echtes Pokal-Icon, Offcanvas über Blur, sichtbare Position
========================================================= */

html.hsdesign-leaderboard-lock,
html.hsdesign-leaderboard-lock body {
  overflow: hidden !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle,
body .hsdesign-search-app .hsdesign-leaderboard-toggle {
  position: fixed !important;
  right: 28px !important;
  top: 50% !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483644 !important;
  transform: translateY(-50%) !important;
  width: auto !important;
  min-width: 156px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 17px 0 9px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)), rgba(2, 12, 9, .88) !important;
  color: rgba(243,255,249,.94) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.13) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover,
body .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
  transform: translateY(-50%) translateX(-2px) !important;
  border-color: rgba(var(--hsdesign-rgb-2,141,255,189),.38) !important;
  box-shadow: 0 26px 66px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.hsdesign-search-app .hsdesign-leaderboard-icon,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child,
body .hsdesign-search-app .hsdesign-leaderboard-icon,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),.10) !important;
  border: 1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.22) !important;
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* alte Pseudo-Icons vollständig entfernen */
.hsdesign-search-app .hsdesign-leaderboard-icon::before,
.hsdesign-search-app .hsdesign-leaderboard-icon::after,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before,
.hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::after,
body .hsdesign-search-app .hsdesign-leaderboard-icon::before,
body .hsdesign-search-app .hsdesign-leaderboard-icon::after,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::before,
body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child::after {
  content: none !important;
  display: none !important;
}

.hsdesign-search-app .hsdesign-leaderboard-icon svg,
body .hsdesign-search-app .hsdesign-leaderboard-icon svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  fill: currentColor !important;
  opacity: .96 !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle strong,
body .hsdesign-search-app .hsdesign-leaderboard-toggle strong {
  display: block !important;
  color: rgba(245,255,250,.92) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.hsdesign-search-app .hsdesign-leaderboard-scrim,
body .hsdesign-search-app .hsdesign-leaderboard-scrim {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483638 !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.58) !important;
  -webkit-backdrop-filter: blur(10px) saturate(.82) !important;
  backdrop-filter: blur(10px) saturate(.82) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .28s ease, visibility .28s ease !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-scrim,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-scrim {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
body .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
.hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
body .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: min(560px, calc(100vw - 28px)) !important;
  max-width: none !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 34px !important;
  z-index: 2147483646 !important;
  border-radius: 34px 0 0 34px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255,255,255,.12) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(108%,0,0) !important;
  transition: transform .44s cubic-bezier(.22,1,.36,1), opacity .24s ease, visibility .24s ease !important;
  box-shadow: -30px 0 110px rgba(0,0,0,.58), inset 1px 0 0 rgba(255,255,255,.08) !important;
  filter: none !important;
  -webkit-filter: none !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.12) !important;
  backdrop-filter: blur(28px) saturate(1.12) !important;
  background: linear-gradient(180deg, rgba(10,30,22,.96), rgba(2,12,9,.98)) !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
.hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0) !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle {
  z-index: 2147483647 !important;
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-leaderboard-toggle,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle {
    top: auto !important;
    right: 16px !important;
    bottom: 88px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: none !important;
    border-radius: 999px !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle:hover,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
    transform: translateY(-1px) !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle strong,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle strong {
    display: none !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-icon,
  .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child,
  body .hsdesign-search-app .hsdesign-leaderboard-icon,
  body .hsdesign-search-app .hsdesign-leaderboard-toggle > span:first-child {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
  body .hsdesign-search-app .hsdesign-challenge[data-hsdesign-challenge],
  .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge,
  body .hsdesign-search-app .hsdesign-results-section > .hsdesign-challenge {
    top: 7vh !important;
    right: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    height: 93dvh !important;
    max-height: 93dvh !important;
    padding: 24px 18px 34px !important;
    border-radius: 28px 28px 0 0 !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
    transform: translate3d(0, 108%, 0) !important;
  }

  .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
  body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge[data-hsdesign-challenge],
  .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge,
  body .hsdesign-search-app.is-leaderboard-open .hsdesign-results-section > .hsdesign-challenge {
    transform: translate3d(0, 0, 0) !important;
  }
}


/* =========================================================
   HSDESIGN PODCAST SEARCH – v44 HARD LEADERBOARD PORTAL FIX
   Offcanvas wird als Body-Portal gerendert, damit Elementor/Overlay/Transform es nicht verdecken.
========================================================= */
html.hsdesign-leaderboard-lock,
body.hsdesign-leaderboard-lock{overflow:hidden!important;}
body > .hsdesign-leaderboard-scrim.hsdesign-leaderboard-portal{position:fixed!important;inset:0!important;z-index:2147483600!important;width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.62)!important;-webkit-backdrop-filter:blur(12px) saturate(.84)!important;backdrop-filter:blur(12px) saturate(.84)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .28s ease,visibility .28s ease!important;cursor:pointer!important;}
body > .hsdesign-leaderboard-scrim.hsdesign-leaderboard-portal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
body > .hsdesign-challenge.hsdesign-leaderboard-portal{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;width:min(560px,calc(100vw - 28px))!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:34px!important;z-index:2147483647!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(110%,0,0)!important;border-radius:34px 0 0 34px!important;border:0!important;border-left:1px solid rgba(255,255,255,.13)!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-shadow:-36px 0 120px rgba(0,0,0,.62), inset 1px 0 0 rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(10,30,22,.98),rgba(2,12,9,.99))!important;-webkit-backdrop-filter:blur(30px) saturate(1.12)!important;backdrop-filter:blur(30px) saturate(1.12)!important;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility .24s ease!important;filter:none!important;-webkit-filter:none!important;}
body > .hsdesign-challenge.hsdesign-leaderboard-portal.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;}
.hsdesign-search-app .hsdesign-leaderboard-toggle{z-index:2147483599!important;}
.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle,
html.hsdesign-leaderboard-portal-open .hsdesign-search-app .hsdesign-leaderboard-toggle{z-index:2147483647!important;}
.hsdesign-search-app .hsdesign-leaderboard-icon svg{display:block!important;width:18px!important;height:18px!important;fill:currentColor!important;color:currentColor!important;opacity:1!important;}
@media (max-width:767px){body > .hsdesign-challenge.hsdesign-leaderboard-portal{top:7vh!important;right:0!important;left:0!important;width:100vw!important;height:93dvh!important;max-height:93dvh!important;padding:24px 18px 34px!important;border-radius:28px 28px 0 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.13)!important;transform:translate3d(0,110%,0)!important;}body > .hsdesign-challenge.hsdesign-leaderboard-portal.is-open{transform:translate3d(0,0,0)!important;}}

/* =========================================================
   v45 – PREMIUM LEADERBOARD OFFCANVAS LAYOUT FINAL
   Cleaner, readable, high-end layout for the body portal.
========================================================= */

html.hsdesign-leaderboard-lock,
body.hsdesign-leaderboard-lock {
  overflow: hidden !important;
}

body > .hsdesign-leaderboard-scrim.hsdesign-leaderboard-portal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483600 !important;
  width: 100vw !important;
  height: 100dvh !important;
  background: rgba(0, 0, 0, 0.58) !important;
  -webkit-backdrop-filter: blur(10px) saturate(0.9) !important;
  backdrop-filter: blur(10px) saturate(0.9) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transition: opacity 0.28s ease, visibility 0.28s ease !important;
}

body > .hsdesign-leaderboard-scrim.hsdesign-leaderboard-portal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal {
  --hs-lb-panel-bg: linear-gradient(180deg, rgba(8, 25, 19, 0.98) 0%, rgba(3, 13, 10, 0.995) 100%);
  --hs-lb-card-bg: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));
  --hs-lb-border: rgba(var(--hsdesign-rgb, 33,242,143), 0.18);
  --hs-lb-border-strong: rgba(var(--hsdesign-rgb, 33,242,143), 0.34);
  --hs-lb-text: rgba(245, 255, 249, 0.96);
  --hs-lb-muted: rgba(245, 255, 249, 0.58);
  --hs-lb-accent: rgb(var(--hsdesign-rgb-2, 141,255,189));

  position: fixed !important;
  top: 18px !important;
  right: 18px !important;
  bottom: 18px !important;
  left: auto !important;
  z-index: 2147483647 !important;

  width: min(560px, calc(100vw - 36px)) !important;
  height: auto !important;
  max-height: calc(100dvh - 36px) !important;
  margin: 0 !important;
  padding: 34px !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;

  color: var(--hs-lb-text) !important;
  background: var(--hs-lb-panel-bg) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 30px !important;
  box-shadow:
    -34px 34px 110px rgba(0,0,0,0.58),
    inset 0 1px 0 rgba(255,255,255,0.08) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.12) !important;
  backdrop-filter: blur(28px) saturate(1.12) !important;

  overflow-y: auto !important;
  overscroll-behavior: contain !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(24px, 0, 0) scale(0.985) !important;
  transition:
    transform 0.34s cubic-bezier(.22,1,.36,1),
    opacity 0.22s ease,
    visibility 0.22s ease !important;
  filter: none !important;
  -webkit-filter: none !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal::before,
body > .hsdesign-challenge.hsdesign-leaderboard-portal::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal::before {
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--hsdesign-rgb,33,242,143),0.18), transparent 34%),
    radial-gradient(circle at 100% 60%, rgba(var(--hsdesign-rgb,33,242,143),0.08), transparent 32%) !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-head {
  position: relative !important;
  display: block !important;
  padding-right: 64px !important;
  margin: 0 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--hsdesign-rgb,33,242,143),0.22) !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),0.08) !important;
  color: var(--hs-lb-accent) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.14em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal h2 {
  margin: 0 !important;
  max-width: 430px !important;
  color: var(--hs-lb-text) !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.055em !important;
  font-weight: 760 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal p {
  margin: 18px 0 0 !important;
  max-width: 430px !important;
  color: var(--hs-lb-muted) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  background: rgba(255,255,255,0.045) !important;
  color: rgba(255,255,255,0.86) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .22s ease, border-color .22s ease, transform .22s ease !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close::before,
body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close::after {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close::before { transform: rotate(45deg) !important; }
body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close::after { transform: rotate(-45deg) !important; }

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close:hover {
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,0.075) !important;
  border-color: rgba(var(--hsdesign-rgb,33,242,143),0.28) !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-list {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-row {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  min-height: 74px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 1px solid rgba(var(--hsdesign-rgb,33,242,143),0.13) !important;
  border-radius: 20px !important;
  background: var(--hs-lb-card-bg) !important;
  color: var(--hs-lb-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.055) !important;

  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  grid-template-areas:
    "rank term score"
    "rank meta meta" !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 4px !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(var(--hsdesign-rgb,33,242,143),0.30) !important;
  background: linear-gradient(180deg, rgba(var(--hsdesign-rgb,33,242,143),0.08), rgba(255,255,255,0.035)) !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-rank {
  grid-area: rank !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(var(--hsdesign-rgb,33,242,143),0.22) !important;
  background: rgba(var(--hsdesign-rgb,33,242,143),0.10) !important;
  color: var(--hs-lb-accent) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-rank span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-term {
  grid-area: term !important;
  min-width: 0 !important;
  color: var(--hs-lb-text) !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-score {
  grid-area: score !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  color: var(--hs-lb-accent) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-score strong {
  color: var(--hs-lb-accent) !important;
  font-size: 26px !important;
  line-height: 0.9 !important;
  font-weight: 780 !important;
  letter-spacing: -0.045em !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-meta {
  grid-area: meta !important;
  justify-self: start !important;
  color: var(--hs-lb-muted) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  white-space: normal !important;
}

body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-empty {
  border: 1px solid rgba(var(--hsdesign-rgb,33,242,143),0.14) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.035) !important;
  color: var(--hs-lb-muted) !important;
  padding: 18px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

/* Floating button above everything, but visually calm */
.hsdesign-search-app .hsdesign-leaderboard-toggle {
  top: 50% !important;
  right: 24px !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2147483599 !important;
}

.hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
  transform: translateY(calc(-50% - 2px)) !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle,
html.hsdesign-leaderboard-portal-open .hsdesign-search-app .hsdesign-leaderboard-toggle {
  z-index: 2147483599 !important;
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.hsdesign-search-app .hsdesign-leaderboard-icon svg,
body .hsdesign-search-app .hsdesign-leaderboard-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  color: currentColor !important;
  fill: currentColor !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  body > .hsdesign-challenge.hsdesign-leaderboard-portal {
    top: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    width: auto !important;
    height: auto !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 26px 20px 30px !important;
    border-radius: 28px !important;
    transform: translate3d(0, 18px, 0) scale(0.985) !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal.is-open {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-head {
    padding-right: 54px !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal h2 {
    font-size: clamp(36px, 11vw, 52px) !important;
    max-width: 100% !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-row {
    min-height: 82px !important;
    padding: 14px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas:
      "rank term"
      "rank score"
      "rank meta" !important;
    column-gap: 13px !important;
    row-gap: 3px !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-score {
    justify-self: start !important;
    font-size: 10px !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-score strong {
    font-size: 22px !important;
  }

  body > .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-term {
    font-size: 17px !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle {
    top: auto !important;
    right: 16px !important;
    bottom: 88px !important;
    transform: none !important;
  }

  .hsdesign-search-app .hsdesign-leaderboard-toggle:hover {
    transform: translateY(-2px) !important;
  }
}



/* =========================================================
   HSDESIGN – COMMUNITY HIGHSCORE / ARCADE NAME / YEARBOARD
   v47
========================================================= */

.hsdesign-challenge-row {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
}

.hsdesign-challenge-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.hsdesign-challenge-player {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  color: rgba(235, 255, 244, 0.56) !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-weight: 650 !important;
}

.hsdesign-challenge-player.is-open {
  color: rgba(var(--hsdesign-rgb,33,242,143), .62) !important;
}

.hsdesign-challenge-score {
  justify-self: end !important;
  text-align: right !important;
}

.hsdesign-yearboard {
  margin-top: 28px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.hsdesign-yearboard-head {
  margin-bottom: 14px !important;
}

.hsdesign-yearboard-head h3 {
  margin: 6px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 760 !important;
  letter-spacing: -.02em !important;
}

.hsdesign-yearboard-list {
  display: grid !important;
  gap: 10px !important;
}

.hsdesign-yearboard-row {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  color: #fff !important;
  padding: 14px 15px !important;
  display: grid !important;
  grid-template-columns: minmax(90px, .45fr) minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  width: 100% !important;
  text-align: left !important;
  cursor: pointer !important;
}

.hsdesign-yearboard-row:hover {
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .22) !important;
  background:
    linear-gradient(180deg, rgba(var(--hsdesign-rgb,33,242,143),.08), rgba(255,255,255,.025)) !important;
}

.hsdesign-yearboard-month {
  color: rgba(235,255,244,.58) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.hsdesign-yearboard-row strong {
  min-width: 0 !important;
  color: rgba(255,255,255,.94) !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 760 !important;
  overflow-wrap: anywhere !important;
}

.hsdesign-yearboard-row em {
  justify-self: end !important;
  font-style: normal !important;
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
  text-align: right !important;
}

.hsdesign-yearboard-empty {
  padding: 16px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(255,255,255,.62) !important;
  font-size: 14px !important;
}

/* Arcade-Name Modal, aber Premium */
.hsdesign-highscore-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
  background: rgba(0,0,0,.58) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

.hsdesign-highscore-card {
  position: relative !important;
  width: min(460px, 100%) !important;
  border-radius: 30px !important;
  padding: 34px !important;
  border: 1px solid rgba(var(--hsdesign-rgb,33,242,143), .22) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--hsdesign-rgb,33,242,143), .16), transparent 40%),
    linear-gradient(180deg, rgba(11,24,20,.96), rgba(3,10,8,.98)) !important;
  box-shadow:
    0 36px 90px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
  color: #fff !important;
}

.hsdesign-highscore-close {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 20px !important;
  cursor: pointer !important;
}

.hsdesign-highscore-kicker {
  display: inline-flex !important;
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.hsdesign-highscore-card h3 {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 6vw, 46px) !important;
  line-height: .95 !important;
  letter-spacing: -.05em !important;
  color: #fff !important;
}

.hsdesign-highscore-card p {
  margin: 0 0 22px !important;
  color: rgba(235,255,244,.72) !important;
  line-height: 1.55 !important;
}

.hsdesign-highscore-form {
  display: flex !important;
  gap: 10px !important;
}

.hsdesign-highscore-form input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 52px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.055) !important;
  color: #fff !important;
  padding: 0 18px !important;
  font-weight: 700 !important;
  outline: none !important;
}

.hsdesign-highscore-form input:focus {
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .46) !important;
  box-shadow: 0 0 0 4px rgba(var(--hsdesign-rgb,33,242,143), .10) !important;
}

.hsdesign-highscore-form button {
  height: 52px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgb(var(--hsdesign-rgb,33,242,143)) !important;
  color: #02100b !important;
  padding: 0 20px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.hsdesign-highscore-card small {
  display: block !important;
  margin-top: 14px !important;
  color: rgba(255,255,255,.42) !important;
  font-size: 12px !important;
}

@media (max-width: 767px) {
  .hsdesign-challenge-row {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .hsdesign-challenge-score {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  .hsdesign-challenge-meta {
    grid-column: 2 !important;
  }

  .hsdesign-yearboard-row {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .hsdesign-yearboard-row em {
    justify-self: start !important;
    text-align: left !important;
  }

  .hsdesign-highscore-card {
    padding: 28px 20px 22px !important;
    border-radius: 26px !important;
  }

  .hsdesign-highscore-form {
    flex-direction: column !important;
  }

  .hsdesign-highscore-form button {
    width: 100% !important;
  }
}


/* =========================================================
   HSDESIGN – INSTAGRAM HIGHSCORE CONTACT + BOT HONEYPOT
   v48
========================================================= */

.hsdesign-highscore-form {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 10px !important;
}

.hsdesign-highscore-instagram {
  grid-column: 1 / -1 !important;
}

.hsdesign-highscore-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.hsdesign-highscore-form button {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.hsdesign-highscore-form input.hsdesign-highscore-name {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.hsdesign-highscore-form input.hsdesign-highscore-instagram {
  height: 52px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.055) !important;
  color: #fff !important;
  padding: 0 18px !important;
  font-weight: 700 !important;
  outline: none !important;
}

.hsdesign-highscore-form input.hsdesign-highscore-instagram:focus {
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .46) !important;
  box-shadow: 0 0 0 4px rgba(var(--hsdesign-rgb,33,242,143), .10) !important;
}

@media (max-width: 767px) {
  .hsdesign-highscore-form {
    grid-template-columns: 1fr !important;
  }

  .hsdesign-highscore-form input.hsdesign-highscore-name,
  .hsdesign-highscore-form input.hsdesign-highscore-instagram,
  .hsdesign-highscore-form button {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}


/* =========================================================
   HSDESIGN – RANKING CLOSE BUTTON HARD FIX
   v52
========================================================= */

.hsdesign-search-app.is-leaderboard-open .hsdesign-challenge,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge,
body .hsdesign-challenge {
  pointer-events: auto !important;
}

.hsdesign-search-app .hsdesign-challenge-close,
body .hsdesign-challenge-close,
button.hsdesign-challenge-close[data-hsdesign-leaderboard-close] {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  cursor: pointer !important;

  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.07) !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.28) !important;
}

.hsdesign-search-app .hsdesign-challenge-close::before,
.hsdesign-search-app .hsdesign-challenge-close::after,
body .hsdesign-challenge-close::before,
body .hsdesign-challenge-close::after {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.hsdesign-search-app .hsdesign-challenge-close::before,
body .hsdesign-challenge-close::before {
  transform: rotate(45deg) !important;
}

.hsdesign-search-app .hsdesign-challenge-close::after,
body .hsdesign-challenge-close::after {
  transform: rotate(-45deg) !important;
}

.hsdesign-search-app .hsdesign-challenge-close:hover,
body .hsdesign-challenge-close:hover {
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .35) !important;
  background: rgba(var(--hsdesign-rgb,33,242,143), .10) !important;
  color: #fff !important;
}

.hsdesign-search-app .hsdesign-leaderboard-scrim,
body .hsdesign-leaderboard-scrim {
  pointer-events: auto !important;
  z-index: 2147483000 !important;
}

.hsdesign-search-app.is-leaderboard-open .hsdesign-challenge,
body .hsdesign-search-app.is-leaderboard-open .hsdesign-challenge {
  z-index: 2147483600 !important;
}

@media (max-width: 767px) {
  .hsdesign-search-app .hsdesign-challenge-close,
  body .hsdesign-challenge-close {
    top: 18px !important;
    right: 18px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }
}


/* =========================================================
   HSDESIGN – TOP 3 HIGHSCORE ENTRY NOTICE
   v53
========================================================= */

.hsdesign-highscore-toast {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 2147483647 !important;
  width: min(390px, calc(100vw - 32px)) !important;
  padding: 18px 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(var(--hsdesign-rgb,33,242,143), .16), transparent 42%),
    linear-gradient(180deg, rgba(10,22,18,.96), rgba(4,10,8,.98)) !important;
  color: #fff !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.46) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  display: grid !important;
  gap: 7px !important;
  opacity: 0 !important;
  transform: translateY(12px) scale(.98) !important;
  transition: opacity .25s ease, transform .25s ease !important;
  pointer-events: none !important;
}

.hsdesign-highscore-toast.is-visible {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
}

.hsdesign-highscore-toast strong {
  color: rgb(var(--hsdesign-rgb-2,141,255,189)) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.hsdesign-highscore-toast span {
  color: rgba(255,255,255,.76) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

@media (max-width: 767px) {
  .hsdesign-highscore-toast {
    left: 16px !important;
    right: 16px !important;
    bottom: 18px !important;
    width: auto !important;
  }
}


/* =========================================================
   HSDESIGN – CHALLENGE OPEN/CLOSE HARD FIX
   v54
========================================================= */

html.hsdesign-leaderboard-portal-open,
body.hsdesign-leaderboard-portal-open,
html.hsdesign-leaderboard-lock,
body.hsdesign-leaderboard-lock {
  overflow: hidden !important;
}

body .hsdesign-leaderboard-portal.hsdesign-leaderboard-scrim,
body .hsdesign-leaderboard-scrim.hsdesign-leaderboard-portal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.hsdesign-leaderboard-portal-open .hsdesign-leaderboard-portal.hsdesign-leaderboard-scrim,
html.hsdesign-leaderboard-portal-open body .hsdesign-leaderboard-portal.hsdesign-leaderboard-scrim,
body .hsdesign-leaderboard-portal.hsdesign-leaderboard-scrim.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body .hsdesign-challenge.hsdesign-leaderboard-portal {
  position: fixed !important;
  top: 50% !important;
  right: 4vw !important;
  left: auto !important;
  bottom: auto !important;
  transform: translate3d(24px, -50%, 0) scale(.985) !important;
  z-index: 2147483600 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  max-height: min(86vh, 900px) !important;
  overflow: auto !important;
}

body.hsdesign-leaderboard-portal-open .hsdesign-challenge.hsdesign-leaderboard-portal,
html.hsdesign-leaderboard-portal-open body .hsdesign-challenge.hsdesign-leaderboard-portal,
body .hsdesign-challenge.hsdesign-leaderboard-portal.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0, -50%, 0) scale(1) !important;
}

body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

@media (max-width: 767px) {
  body .hsdesign-challenge.hsdesign-leaderboard-portal {
    top: 14px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 28px) !important;
    transform: translate3d(0, 18px, 0) scale(.985) !important;
  }

  body.hsdesign-leaderboard-portal-open .hsdesign-challenge.hsdesign-leaderboard-portal,
  html.hsdesign-leaderboard-portal-open body .hsdesign-challenge.hsdesign-leaderboard-portal,
  body .hsdesign-challenge.hsdesign-leaderboard-portal.is-open {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }
}


/* =========================================================
   HSDESIGN – HIGHSCORE SKIP / ANONYM
   v55
========================================================= */

.hsdesign-highscore-form .hsdesign-highscore-skip {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  color: rgba(255,255,255,.76) !important;
  font-weight: 760 !important;
  cursor: pointer !important;
  padding: 0 18px !important;
}

.hsdesign-highscore-form .hsdesign-highscore-skip:hover {
  color: #fff !important;
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .28) !important;
  background: rgba(var(--hsdesign-rgb,33,242,143), .075) !important;
}

/* Modal selbst darf bei kleinen Screens scrollen, damit niemand festhängt */
.hsdesign-highscore-modal {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.hsdesign-highscore-card {
  margin: auto !important;
}


/* =========================================================
   HSDESIGN – MOBILE RANKING HEIGHT / YEARBOARD VISIBILITY
   v57
========================================================= */

@media (max-width: 767px) {
  body .hsdesign-challenge.hsdesign-leaderboard-portal {
    top: max(10px, env(safe-area-inset-top)) !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 24px 18px 28px !important;
    border-radius: 28px !important;
  }

  body.hsdesign-leaderboard-portal-open .hsdesign-challenge.hsdesign-leaderboard-portal,
  html.hsdesign-leaderboard-portal-open body .hsdesign-challenge.hsdesign-leaderboard-portal,
  body .hsdesign-challenge.hsdesign-leaderboard-portal.is-open {
    transform: translate3d(0, 0, 0) scale(1) !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-head {
    padding-right: 48px !important;
    margin-bottom: 20px !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-head h2 {
    font-size: clamp(34px, 10.5vw, 48px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-list {
    gap: 10px !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-row {
    padding: 15px 14px !important;
    border-radius: 20px !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-yearboard {
    margin-top: 22px !important;
    padding-top: 22px !important;
    padding-bottom: 42px !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-yearboard-head h3 {
    font-size: 24px !important;
    line-height: 1.04 !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-yearboard-row {
    padding: 15px !important;
    border-radius: 20px !important;
  }

  body .hsdesign-challenge.hsdesign-leaderboard-portal .hsdesign-challenge-close {
    top: 16px !important;
    right: 16px !important;
  }
}


/* =========================================================
   HSDESIGN – LEADERBOARD DATE
   v58
========================================================= */

.hsdesign-challenge-date {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(255,255,255,.46) !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  letter-spacing: .02em !important;
}


/* =========================================================
   HSDESIGN – PREMIUM SCROLL MAGIC
   v59
========================================================= */

.hsdesign-search-app.hsdesign-scroll-magic-active {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

.hsdesign-search-app.hsdesign-scroll-magic-active::before {
  content: "";
  position: fixed;
  inset: -20%;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at var(--hs-mouse-x, 50%) var(--hs-mouse-y, 20%),
      rgba(var(--hsdesign-rgb,33,242,143), 0.16),
      transparent 34%),
    radial-gradient(circle at 80% 20%,
      rgba(var(--hsdesign-rgb-2,186,255,215), 0.10),
      transparent 28%),
    radial-gradient(circle at 20% 80%,
      rgba(var(--hsdesign-rgb,33,242,143), 0.08),
      transparent 32%);
  filter: blur(20px);
  opacity: 0.8;
  transform: translateZ(0);
}

.hsdesign-search-app.hsdesign-scroll-magic-active::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.045;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 85%);
  mask-image: linear-gradient(to bottom, #000, transparent 85%);
}

.hsdesign-scroll-magic-active .hs-gsap-reveal,
.hsdesign-scroll-magic-active .hsdesign-search-card,
.hsdesign-scroll-magic-active .hsdesign-results-section,
.hsdesign-scroll-magic-active .hsdesign-status-section,
.hsdesign-scroll-magic-active .hsdesign-challenge,
.hsdesign-scroll-magic-active .hsdesign-ad-slot,
.hsdesign-scroll-magic-active .hsdesign-episode-card,
.hsdesign-scroll-magic-active .hsdesign-result-card {
  will-change: transform, opacity;
}

.hsdesign-header,
[data-hsdesign-header] {
  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s ease;
}

html.hs-scrolled .hsdesign-header,
html.hs-scrolled [data-hsdesign-header] {
  background: rgba(3, 12, 8, 0.74) !important;
  border-bottom-color: rgba(255,255,255,0.12) !important;
  box-shadow: 0 20px 80px rgba(0,0,0,0.28) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}

.hs-scroll-progress {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  z-index: 2147483647;
  pointer-events: none;
  background: transparent;
}

.hs-scroll-progress span {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,
    rgb(var(--hsdesign-rgb,33,242,143)),
    rgb(var(--hsdesign-rgb-2,186,255,215)),
    rgb(var(--hsdesign-rgb,33,242,143)));
  box-shadow: 0 0 18px rgba(var(--hsdesign-rgb,33,242,143), .55);
}

@media (max-width: 767px) {
  .hsdesign-search-app.hsdesign-scroll-magic-active::before {
    opacity: 0.48;
    filter: blur(26px);
  }

  .hsdesign-search-app.hsdesign-scroll-magic-active::after {
    opacity: 0.025;
  }

  .hs-scroll-progress {
    height: 2px;
  }
}


/* =========================================================
   HSDESIGN – LENIS + ELEMENTOR GSAP SMOOTH FIX
   v60
========================================================= */

html.hsdesign-lenis-active,
html.hsdesign-lenis-active body {
  scroll-behavior: auto !important;
}

html.hsdesign-lenis-active.lenis,
html.hsdesign-lenis-active .lenis {
  height: auto !important;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain !important;
}

.lenis.lenis-stopped {
  overflow: hidden !important;
}

/* Elementor setzt häufig globale transitions auf Widgets.
   Alles, was GSAP bewegt, muss davon befreit werden. */
.hsdesign-scroll-magic-active,
.hsdesign-scroll-magic-active *,
.hsdesign-scroll-magic-active .hs-gsap-reveal,
.hsdesign-scroll-magic-active .hsdesign-search-card,
.hsdesign-scroll-magic-active .hsdesign-search-panel,
.hsdesign-scroll-magic-active .hsdesign-search-box,
.hsdesign-scroll-magic-active .hsdesign-search-shell,
.hsdesign-scroll-magic-active .hsdesign-results-section,
.hsdesign-scroll-magic-active .hsdesign-status-section,
.hsdesign-scroll-magic-active .hsdesign-challenge,
.hsdesign-scroll-magic-active .hsdesign-yearboard,
.hsdesign-scroll-magic-active .hsdesign-ad-slot,
.hsdesign-scroll-magic-active .hsdesign-episode-card,
.hsdesign-scroll-magic-active .hsdesign-result-card,
.hsdesign-scroll-magic-active .hsdesign-search-result,
.hsdesign-scroll-magic-active .hsdesign-status-card,
.hsdesign-scroll-magic-active .hsdesign-hero,
.hsdesign-scroll-magic-active .hsdesign-search-hero,
.hsdesign-scroll-magic-active .hsdesign-hero-media,
.hsdesign-scroll-magic-active .hsdesign-hero-bg,
.hsdesign-scroll-magic-active .hsdesign-hero-image,
.hsdesign-scroll-magic-active .hsdesign-hero-visual,
.hsdesign-scroll-magic-active [data-hsdesign-hero],
.hsdesign-scroll-magic-active [data-hsdesign-hero-media] {
  transition: none !important;
}

/* Nur Header darf seine CSS-Transition behalten, weil er nicht per GSAP transformiert wird */
.hsdesign-scroll-magic-active .hsdesign-header,
.hsdesign-scroll-magic-active [data-hsdesign-header] {
  transition:
    background 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.35s ease !important;
}

/* Schweres Hintergrund-Grid etwas entschärfen, damit Mobile/Desktop weniger ruckelt */
.hsdesign-search-app.hsdesign-scroll-magic-active::before {
  filter: blur(28px) !important;
  opacity: .62 !important;
  will-change: background-position, opacity !important;
}

.hsdesign-search-app.hsdesign-scroll-magic-active::after {
  opacity: .028 !important;
}


/* =========================================================
   HSDESIGN – STABLE HIGH-END MOTION / NO LENIS
   v61
========================================================= */

html.hsdesign-lenis-active,
body.hsdesign-lenis-active {
  scroll-behavior: auto !important;
}

.hsdesign-search-app.hsdesign-scroll-magic-active,
.hsdesign-search-app.hsdesign-scroll-magic-active * {
  transition: none !important;
}

/* Header darf bewusst weich bleiben */
.hsdesign-search-app.hsdesign-scroll-magic-active .hsdesign-header,
.hsdesign-search-app.hsdesign-scroll-magic-active [data-hsdesign-header] {
  transition:
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease,
    backdrop-filter .32s ease !important;
}

/* Progress arbeitet jetzt mit transform statt width: performanter */
.hs-scroll-progress span {
  width: 100% !important;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

/* Weniger schwere Background-Effekte, dafür edler und flüssiger */
.hsdesign-search-app.hsdesign-scroll-magic-active::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  filter: blur(34px) !important;
  opacity: .48 !important;
  background:
    radial-gradient(circle at 20% 5%, rgba(var(--hsdesign-rgb,33,242,143), .16), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(var(--hsdesign-rgb-2,186,255,215), .10), transparent 32%),
    radial-gradient(circle at 50% 88%, rgba(var(--hsdesign-rgb,33,242,143), .08), transparent 34%) !important;
  will-change: auto !important;
}

.hsdesign-search-app.hsdesign-scroll-magic-active::after {
  position: absolute !important;
  inset: 0 !important;
  opacity: .018 !important;
  will-change: auto !important;
}

/* Premium UI polish ohne Scroll-Jank */
.hsdesign-scroll-magic-active .hsdesign-search-card,
.hsdesign-scroll-magic-active .hsdesign-search-panel,
.hsdesign-scroll-magic-active .hsdesign-search-shell {
  border-color: rgba(255,255,255,.13) !important;
  box-shadow:
    0 24px 90px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.hsdesign-scroll-magic-active .hsdesign-result-card,
.hsdesign-scroll-magic-active .hsdesign-episode-card,
.hsdesign-scroll-magic-active .hsdesign-status-card,
.hsdesign-scroll-magic-active .hsdesign-challenge-row,
.hsdesign-scroll-magic-active .hsdesign-yearboard-row {
  backface-visibility: hidden !important;
  transform: translateZ(0);
}

.hsdesign-scroll-magic-active .hsdesign-result-card:hover,
.hsdesign-scroll-magic-active .hsdesign-episode-card:hover,
.hsdesign-scroll-magic-active .hsdesign-status-card:hover {
  border-color: rgba(var(--hsdesign-rgb,33,242,143), .25) !important;
  box-shadow:
    0 18px 70px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--hsdesign-rgb,33,242,143), .08) !important;
}

/* Mobile: Animation noch leichter halten */
@media (max-width: 767px) {
  .hsdesign-search-app.hsdesign-scroll-magic-active::before {
    opacity: .34 !important;
    filter: blur(38px) !important;
  }

  .hsdesign-search-app.hsdesign-scroll-magic-active::after {
    display: none !important;
  }
}


/* =========================================================
   HSDESIGN – CONTEXT SEARCH TOGGLE
   v65
========================================================= */

.hsdesign-context-toggle {
  position: relative;
}

.hsdesign-context-toggle span::after {
  content: " intelligent";
  opacity: .55;
  font-size: .86em;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hsdesign-context-toggle span::after {
    content: "";
  }
}


/* =========================================================
   HSDESIGN – PLAYLIST SEARCH TAB
   v66
========================================================= */

.hsdesign-search-tabs {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  margin: 18px 0 0;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(0,0,0,.24);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.hsdesign-search-tab {
  appearance: none;
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  color: rgba(255,255,255,.72);
  background: transparent;
  font-weight: 850;
  letter-spacing: -.02em;
  cursor: pointer;
}

.hsdesign-search-tab.is-active {
  color: #07110d;
  background: rgb(var(--hsdesign-rgb,33,242,143));
  box-shadow: 0 12px 34px rgba(var(--hsdesign-rgb,33,242,143), .28);
}

.hsdesign-playlist-head {
  margin: 0 0 18px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
}

.hsdesign-playlist-head h2 {
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(28px, 4vw, 54px);
  letter-spacing: -.06em;
  line-height: .95;
}

.hsdesign-playlist-head p {
  margin: 0;
  color: rgba(255,255,255,.64);
}

.hsdesign-playlist-open {
  display: inline-flex;
  margin-top: 16px;
  color: rgb(var(--hsdesign-rgb,33,242,143));
  font-weight: 850;
  text-decoration: none;
}

.hsdesign-playlist-grid {
  display: grid;
  gap: 12px;
}

.hsdesign-playlist-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 0 0, rgba(var(--hsdesign-rgb,33,242,143), .12), transparent 36%),
    rgba(255,255,255,.045);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}

.hsdesign-playlist-number {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: rgb(var(--hsdesign-rgb,33,242,143));
  background: rgba(var(--hsdesign-rgb,33,242,143), .10);
  font-weight: 950;
}

.hsdesign-playlist-main h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: -.03em;
}

.hsdesign-playlist-main p,
.hsdesign-playlist-main span {
  margin: 0;
  display: block;
  color: rgba(255,255,255,.58);
  font-size: 13px;
  line-height: 1.45;
}

.hsdesign-playlist-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 999px;
  color: #07110d;
  background: rgb(var(--hsdesign-rgb,33,242,143));
  text-decoration: none;
  font-weight: 900;
}

@media (max-width: 767px) {
  .hsdesign-search-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 22px;
  }

  .hsdesign-search-tab {
    width: 100%;
  }

  .hsdesign-playlist-card {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .hsdesign-playlist-link {
    width: 100%;
  }
}


/* =========================================================
   HSDESIGN – UI ORDER FIX v70
   Tabs above search, sorting directly above results
========================================================= */
.hsdesign-search-app .hsdesign-search-tabs{
  margin:20px auto 18px;
  width:min(520px,100%);
  display:grid;
  grid-template-columns:1fr 1fr;
}

.hsdesign-search-app .hsdesign-search-tab{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.hsdesign-search-app .hsdesign-results-toolbar{
  width:min(1100px,100%);
  margin:0 auto 24px;
  padding:12px;
  border:1px solid rgba(var(--hsdesign-rgb-2,141,255,189),.14);
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 0%, rgba(var(--hsdesign-rgb,33,242,143),.13), transparent 42%),
    rgba(255,255,255,.035);
  box-shadow:0 18px 60px rgba(0,0,0,.18);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.hsdesign-search-app .hsdesign-results-toolbar[hidden]{
  display:none!important;
}

.hsdesign-search-app .hsdesign-results-toolbar .hsdesign-search-options{
  width:100%;
  margin:0;
  justify-content:flex-end;
}

.hsdesign-search-app .hsdesign-results-toolbar .hsdesign-search-options::before{
  content:"Suchergebnisse";
  margin-right:auto;
  padding-left:12px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

@media(max-width:767px){
  .hsdesign-search-app .hsdesign-search-tabs{
    width:100%;
    grid-template-columns:1fr;
    margin:18px auto 16px;
  }

  .hsdesign-search-app .hsdesign-results-toolbar{
    border-radius:24px;
    margin-bottom:18px;
  }

  .hsdesign-search-app .hsdesign-results-toolbar .hsdesign-search-options{
    justify-content:flex-start;
  }

  .hsdesign-search-app .hsdesign-results-toolbar .hsdesign-search-options::before{
    width:100%;
    margin:0 0 2px;
    padding-left:4px;
  }
}


/* =========================================================
   HSDESIGN – SEARCH TAB STYLE POLISH v71
   stronger segmented control + clearer active state
========================================================= */
.hsdesign-search-app .hsdesign-search-tabs{
  position:relative;
  gap:10px;
  padding:8px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(4,12,10,.84);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 60px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}

.hsdesign-search-app .hsdesign-search-tab{
  position:relative;
  min-height:58px;
  padding:14px 18px;
  border:1px solid transparent;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  color:rgba(255,255,255,.66);
  font-size:16px;
  font-weight:850;
  letter-spacing:-.02em;
  line-height:1.1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  transition:
    transform .22s ease,
    color .22s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.hsdesign-search-app .hsdesign-search-tab:hover{
  color:rgba(255,255,255,.9);
  border-color:rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  transform:translateY(-1px);
}

.hsdesign-search-app .hsdesign-search-tab:focus-visible{
  outline:none;
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.55);
  box-shadow:0 0 0 3px rgba(var(--hsdesign-rgb,33,242,143),.16);
  color:#fff;
}

.hsdesign-search-app .hsdesign-search-tab.is-active{
  color:#07110d;
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.55);
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06)),
    rgb(var(--hsdesign-rgb,33,242,143));
  box-shadow:
    0 16px 36px rgba(var(--hsdesign-rgb,33,242,143),.26),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -10px 24px rgba(0,0,0,.08);
  transform:translateY(-1px);
}

.hsdesign-search-app .hsdesign-search-tab.is-active::after{
  content:"";
  position:absolute;
  top:50%;
  right:16px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#07110d;
  box-shadow:0 0 0 4px rgba(7,17,13,.12);
  transform:translateY(-50%);
}

@media (max-width: 767px){
  .hsdesign-search-app .hsdesign-search-tabs{
    gap:8px;
    padding:8px;
    border-radius:22px;
  }

  .hsdesign-search-app .hsdesign-search-tab{
    min-height:54px;
    border-radius:18px;
    font-size:15px;
  }

  .hsdesign-search-app .hsdesign-search-tab.is-active::after{
    right:14px;
    width:9px;
    height:9px;
  }
}


/* =========================================================
   HSDESIGN – TAB HARD FIX v72
   reliable active state + clean radius against Elementor/theme button styles
========================================================= */
body .hsdesign-search-app .hsdesign-search-tabs,
.hsdesign-search-app .hsdesign-search-tabs{
  isolation:isolate !important;
  overflow:hidden !important;
  width:min(560px, calc(100% - 28px)) !important;
  max-width:560px !important;
  margin:22px auto 30px !important;
  padding:7px !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
  border-radius:999px !important;
  border:1px solid rgba(var(--hsdesign-rgb,33,242,143),.18) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--hsdesign-rgb,33,242,143),.13), transparent 58%),
    rgba(0,0,0,.54) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 24px 70px rgba(0,0,0,.34) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  backdrop-filter:blur(18px) !important;
}

body .hsdesign-search-app button.hsdesign-search-tab,
body .hsdesign-search-app .hsdesign-search-tab,
.hsdesign-search-app button.hsdesign-search-tab,
.hsdesign-search-app .hsdesign-search-tab{
  appearance:none !important;
  -webkit-appearance:none !important;
  margin:0 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:54px !important;
  height:auto !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.055) !important;
  outline:0 !important;
  background:rgba(255,255,255,.035) !important;
  color:rgba(255,255,255,.72) !important;
  font:inherit !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
  cursor:pointer !important;
  transform:none !important;
  transition:background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body .hsdesign-search-app button.hsdesign-search-tab span,
.hsdesign-search-app button.hsdesign-search-tab span{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  pointer-events:none !important;
}

body .hsdesign-search-app button.hsdesign-search-tab:hover,
.hsdesign-search-app button.hsdesign-search-tab:hover{
  color:#fff !important;
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.18) !important;
  background:rgba(255,255,255,.065) !important;
  transform:translateY(-1px) !important;
}

body .hsdesign-search-app button.hsdesign-search-tab.is-active,
body .hsdesign-search-app button.hsdesign-search-tab[aria-selected="true"],
body .hsdesign-search-app button.hsdesign-search-tab[aria-pressed="true"],
body .hsdesign-search-app button.hsdesign-search-tab[data-hsdesign-tab-active="true"],
.hsdesign-search-app button.hsdesign-search-tab.is-active,
.hsdesign-search-app button.hsdesign-search-tab[aria-selected="true"],
.hsdesign-search-app button.hsdesign-search-tab[aria-pressed="true"],
.hsdesign-search-app button.hsdesign-search-tab[data-hsdesign-tab-active="true"]{
  color:#04120d !important;
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.75) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.055)),
    rgb(var(--hsdesign-rgb,33,242,143)) !important;
  box-shadow:
    0 16px 34px rgba(var(--hsdesign-rgb,33,242,143),.24),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -12px 24px rgba(0,0,0,.10) !important;
  transform:translateY(-1px) !important;
}

body .hsdesign-search-app button.hsdesign-search-tab.is-active::before,
body .hsdesign-search-app button.hsdesign-search-tab[aria-selected="true"]::before,
.hsdesign-search-app button.hsdesign-search-tab.is-active::before,
.hsdesign-search-app button.hsdesign-search-tab[aria-selected="true"]::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  margin-right:9px !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  background:#04120d !important;
  box-shadow:0 0 0 4px rgba(4,18,13,.11) !important;
}

body .hsdesign-search-app button.hsdesign-search-tab::after,
.hsdesign-search-app button.hsdesign-search-tab::after{
  content:none !important;
  display:none !important;
}

body .hsdesign-search-app button.hsdesign-search-tab:focus-visible,
.hsdesign-search-app button.hsdesign-search-tab:focus-visible{
  box-shadow:
    0 0 0 4px rgba(var(--hsdesign-rgb,33,242,143),.16),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

@media(max-width:767px){
  body .hsdesign-search-app .hsdesign-search-tabs,
  .hsdesign-search-app .hsdesign-search-tabs{
    width:min(100%, calc(100% - 22px)) !important;
    grid-template-columns:1fr !important;
    border-radius:26px !important;
    padding:8px !important;
    margin:18px auto 24px !important;
  }

  body .hsdesign-search-app button.hsdesign-search-tab,
  .hsdesign-search-app button.hsdesign-search-tab{
    min-height:52px !important;
    border-radius:20px !important;
    font-size:14px !important;
  }
}


/* =========================================================
   HSDESIGN PODCAST SEARCH – v73 UX COMPACT RESULTS
   Search hero becomes compact after a query so results stay close.
========================================================= */
.hsdesign-search-app .hsdesign-hero{
  min-height:auto!important;
  padding-top:155px!important;
  padding-bottom:46px!important;
}

.hsdesign-search-app .hsdesign-search-box{
  margin-top:32px!important;
}

.hsdesign-search-app .hsdesign-search-hint{
  margin-top:14px!important;
}

.hsdesign-search-app .hsdesign-results-section{
  padding-top:38px!important;
}

.hsdesign-search-app.is-search-compact .hsdesign-hero{
  padding-top:118px!important;
  padding-bottom:28px!important;
  min-height:auto!important;
}

.hsdesign-search-app.is-search-compact .hsdesign-hero h1{
  font-size:clamp(38px,5.4vw,74px)!important;
  max-width:860px!important;
}

.hsdesign-search-app.is-search-compact .hsdesign-hero p{
  margin-top:18px!important;
  font-size:16px!important;
  max-width:620px!important;
}

.hsdesign-search-app.is-search-compact .hsdesign-search-box{
  margin-top:26px!important;
  width:min(720px,100%)!important;
}

.hsdesign-search-app .hsdesign-results-toolbar{
  margin-bottom:18px!important;
}

.hsdesign-search-app .hsdesign-results,
.hsdesign-search-app .hsdesign-stats{
  margin-top:0!important;
}

.hsdesign-search-app .hsdesign-ad-slot{
  margin-top:0!important;
  margin-bottom:28px!important;
}

.hsdesign-search-app .hsdesign-status-inline{
  margin-top:0!important;
}

.hsdesign-search-app.is-search-compact [data-hsdesign-status-inline]{
  display:none!important;
}

.hsdesign-search-app.is-search-compact .hsdesign-ad-slot{
  margin-bottom:22px!important;
}

@media(max-width:767px){
  .hsdesign-search-app .hsdesign-hero{
    padding-top:128px!important;
    padding-bottom:34px!important;
  }
  .hsdesign-search-app.is-search-compact .hsdesign-hero{
    padding-top:104px!important;
    padding-bottom:24px!important;
  }
  .hsdesign-search-app.is-search-compact .hsdesign-hero h1{
    font-size:clamp(34px,11vw,54px)!important;
  }
  .hsdesign-search-app .hsdesign-results-section{
    padding-top:28px!important;
  }
}


/* =========================================================
   HSDESIGN PODCAST SEARCH – v74 HARD UX MODE
   Ergebnis-Modus wirklich sichtbar: Hero klappt zusammen,
   Ergebnisse stehen direkt unter der Suchmaske.
========================================================= */

/* Grundzustand schon kompakter als vorher */
body .hsdesign-search-app .hsdesign-hero{
  min-height:64vh !important;
  padding-top:118px !important;
  padding-bottom:54px !important;
}

body .hsdesign-search-app .hsdesign-hero-inner{
  width:min(920px,100%) !important;
  margin-inline:auto !important;
}

body .hsdesign-search-app .hsdesign-hero h1{
  font-size:clamp(42px,6vw,86px) !important;
  line-height:.94 !important;
}

body .hsdesign-search-app .hsdesign-search-box{
  margin-top:30px !important;
}

/* Ergebnisbereich als echte Reihenfolge steuern */
body .hsdesign-search-app .hsdesign-results-section{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding-top:30px !important;
}

body .hsdesign-search-app .hsdesign-challenge{order:0;}
body .hsdesign-search-app .hsdesign-status-inline{order:10;}
body .hsdesign-search-app .hsdesign-ad-slot{order:20;}
body .hsdesign-search-app .hsdesign-results-toolbar{order:30;}
body .hsdesign-search-app .hsdesign-results-section > .hsdesign-loading{order:35;}
body .hsdesign-search-app .hsdesign-stats{order:40;}
body .hsdesign-search-app .hsdesign-results{order:50;}

/* Wenn gesucht wird: Hero wird zur kompakten Suchleiste */
body .hsdesign-search-app.is-results-mode .hsdesign-hero{
  min-height:auto !important;
  padding-top:88px !important;
  padding-bottom:18px !important;
  align-items:flex-start !important;
}

/* Headline/Subline im Ergebnis-Modus raus, weil sie Abstand erzeugen */
body .hsdesign-search-app.is-results-mode .hsdesign-hero-inner > .hsdesign-kicker,
body .hsdesign-search-app.is-results-mode .hsdesign-hero-inner > h1,
body .hsdesign-search-app.is-results-mode .hsdesign-hero-inner > p,
body .hsdesign-search-app.is-results-mode .hsdesign-search-hint{
  display:none !important;
}

/* Suche dichter und mehr wie Toolbar */
body .hsdesign-search-app.is-results-mode .hsdesign-search-tabs{
  margin-top:0 !important;
  margin-bottom:14px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-search-box{
  width:min(820px,100%) !important;
  margin-top:0 !important;
  min-height:58px !important;
  padding:6px !important;
  box-shadow:0 18px 55px rgba(0,0,0,.30), 0 0 42px rgba(var(--hsdesign-rgb,33,242,143),.10) !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-search-box input{
  min-height:46px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-search-box button{
  min-height:46px !important;
}

/* Controls enger */
body .hsdesign-search-app.is-results-mode .hsdesign-search-controls{
  margin-top:12px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-search-actions{
  margin-top:12px !important;
}

/* Ergebnisbereich direkt nach der Suchmaske */
body .hsdesign-search-app.is-results-mode .hsdesign-results-section{
  padding-top:14px !important;
  padding-bottom:82px !important;
}

/* Werbung und Status blockieren nach Suche nicht mehr den Weg zu Treffern */
body .hsdesign-search-app.is-results-mode .hsdesign-status-inline,
body .hsdesign-search-app.is-results-mode .hsdesign-ad-slot{
  display:none !important;
}

/* Toolbar/Treffer direkt sichtbar */
body .hsdesign-search-app.is-results-mode .hsdesign-results-toolbar{
  margin-top:0 !important;
  margin-bottom:14px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-stats{
  margin-top:0 !important;
  margin-bottom:16px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-results{
  margin-top:0 !important;
}

/* Floating Rangliste: nur ein sauberer Button unten rechts */
body .hsdesign-search-app .hsdesign-leaderboard-toggle{
  position:fixed !important;
  top:auto !important;
  right:20px !important;
  bottom:92px !important;
  transform:none !important;
  z-index:99998 !important;
}

body .hsdesign-search-app.is-leaderboard-open .hsdesign-leaderboard-toggle{
  z-index:2147483647 !important;
}

/* Falls alter Cache mehrere Buttons erzeugt: alle bis auf den ersten ausblenden */
body .hsdesign-search-app .hsdesign-leaderboard-toggle ~ .hsdesign-leaderboard-toggle{
  display:none !important;
}

/* Mobil noch konsequenter */
@media(max-width:767px){
  body .hsdesign-search-app .hsdesign-hero{
    min-height:auto !important;
    padding-top:104px !important;
    padding-bottom:34px !important;
  }

  body .hsdesign-search-app .hsdesign-hero h1{
    font-size:clamp(38px,12vw,58px) !important;
  }

  body .hsdesign-search-app.is-results-mode .hsdesign-hero{
    padding-top:82px !important;
    padding-bottom:14px !important;
  }

  body .hsdesign-search-app.is-results-mode .hsdesign-search-controls{
    display:flex !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:4px !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
  }

  body .hsdesign-search-app.is-results-mode .hsdesign-search-controls > *{
    flex:0 0 auto !important;
  }

  body .hsdesign-search-app.is-results-mode .hsdesign-results-section{
    padding-top:10px !important;
  }

  body .hsdesign-search-app .hsdesign-leaderboard-toggle{
    right:14px !important;
    bottom:76px !important;
  }
}


/* =========================================================
   HSDESIGN PODCAST SEARCH – v75 HEADER BREATHING FIX
   Im Ergebnis-Modus mehr Luft zwischen Header und Suchmaske.
========================================================= */

body .hsdesign-search-app.is-results-mode .hsdesign-hero{
  padding-top:124px !important;
  padding-bottom:24px !important;
}

body .hsdesign-search-app.is-results-mode .hsdesign-search-box{
  margin-top:0 !important;
}

/* Suchoptionen nicht direkt an der Suche kleben lassen */
body .hsdesign-search-app.is-results-mode .hsdesign-search-controls{
  margin-top:16px !important;
}

/* Share-Button etwas ruhiger darunter */
body .hsdesign-search-app.is-results-mode .hsdesign-search-actions{
  margin-top:16px !important;
}

/* Ergebnisse bleiben trotzdem nah */
body .hsdesign-search-app.is-results-mode .hsdesign-results-section{
  padding-top:16px !important;
}

/* Tablet */
@media(max-width:1024px){
  body .hsdesign-search-app.is-results-mode .hsdesign-hero{
    padding-top:116px !important;
    padding-bottom:22px !important;
  }
}

/* Mobile */
@media(max-width:767px){
  body .hsdesign-search-app.is-results-mode .hsdesign-hero{
    padding-top:96px !important;
    padding-bottom:18px !important;
  }

  body .hsdesign-search-app.is-results-mode .hsdesign-search-controls{
    margin-top:14px !important;
  }
}

/* =========================================================
   HSDESIGN PODCAST SEARCH – v76 Product Polish
   Treffer teilen, Ergebnisdichte, Backend-unabhängige UX
========================================================= */
body .hsdesign-search-app .hsdesign-copy-hit{
  appearance:none!important;
  border:1px solid rgba(var(--hsdesign-rgb,33,242,143),.26)!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.10)!important;
  color:rgb(var(--hsdesign-rgb-2,141,255,189))!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  cursor:pointer!important;
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease!important;
}
body .hsdesign-search-app .hsdesign-copy-hit:hover{
  transform:translateY(-1px)!important;
  background:rgba(var(--hsdesign-rgb,33,242,143),.18)!important;
  border-color:rgba(var(--hsdesign-rgb,33,242,143),.42)!important;
}
body .hsdesign-search-app .hsdesign-copy-hit.is-copied{
  background:rgb(var(--hsdesign-rgb,33,242,143))!important;
  color:#06120d!important;
}
body .hsdesign-search-app.is-results-mode .hsdesign-result-card{
  scroll-margin-top:118px!important;
}
body .hsdesign-search-app.is-results-mode .hsdesign-hit-top{
  gap:8px!important;
}
@media(max-width:767px){
  body .hsdesign-search-app .hsdesign-copy-hit{
    width:100%!important;
    min-height:36px!important;
  }
}