html:has(body.bclmf-page),body.bclmf-page{margin:0!important;padding:0!important;background:#020a18!important;min-height:100%!important}body.bclmf-page #bclmf-standalone{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:100vh!important;background:#020a18!important}
#bclmf-app{--text:#f7fbff;--muted:#b9c9df;--line:rgba(180,210,255,.18);position:relative;isolation:isolate;overflow:hidden;color:var(--text);background:radial-gradient(circle at 15% 8%,rgba(46,108,185,.34),transparent 27%),radial-gradient(circle at 86% 18%,rgba(121,87,194,.27),transparent 30%),linear-gradient(180deg,#020a18,#071427 42%,#0b1932 74%,#06101f);min-height:100vh}
#bclmf-app.theme-meditation{background:radial-gradient(circle at 15% 8%,rgba(70,90,190,.30),transparent 27%),radial-gradient(circle at 84% 16%,rgba(123,81,190,.33),transparent 30%),linear-gradient(180deg,#05091a,#0a1230 45%,#17143a 75%,#080d21)}
#bclmf-app.theme-healing{background:radial-gradient(circle at 15% 8%,rgba(41,134,151,.28),transparent 27%),radial-gradient(circle at 84% 16%,rgba(151,88,185,.28),transparent 30%),linear-gradient(180deg,#03111b,#082132 45%,#182445 75%,#07111e)}
#bclmf-app.theme-yoga{background:radial-gradient(circle at 15% 8%,rgba(43,130,112,.28),transparent 27%),radial-gradient(circle at 84% 16%,rgba(94,119,179,.26),transparent 30%),linear-gradient(180deg,#04131a,#08262a 45%,#12283b 75%,#071318)}
#bclmf-app *{box-sizing:border-box}.wrap{width:min(1080px,calc(100% - 32px));margin:auto;position:relative;z-index:2}.stars{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#b9dcff 0 1px,transparent 1.4px),radial-gradient(circle,#ffe9a7 0 1px,transparent 1.3px);background-size:120px 120px,180px 180px,260px 260px}.hero{text-align:center;padding:92px 0 48px}.mini-brand{position:absolute;top:-58px;left:0;display:inline-flex;align-items:center;gap:9px;color:#eaf3ff!important;text-decoration:none!important;font-size:12px;font-weight:800;letter-spacing:.08em}.mini-brand img{width:34px;height:34px;object-fit:contain;border-radius:50%}.kicker{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(10,29,57,.65);font-size:13px}.starline{margin-top:22px;color:#ffe9a7;letter-spacing:9px}.hero h1{font-size:clamp(46px,8vw,84px);line-height:1;margin:12px 0;background:linear-gradient(100deg,#fff,#a9d7ff 38%,#c7b7ff 65%,#fff0b0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.045em}.hero h2{font-size:clamp(23px,4vw,38px);margin:10px 0}.hero p{max-width:680px;margin:0 auto 27px;color:var(--muted);line-height:1.8}.hero small{display:block;margin-top:16px;color:#a8bad1}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;padding:14px 22px;font-weight:750;cursor:pointer;text-decoration:none!important}.primary{background:linear-gradient(120deg,#27616e,#5a6f9d 62%,#786ba0);color:#fff!important}.soft{background:rgba(14,32,60,.82);color:#eaf3ff!important;border:1px solid var(--line)}.light{background:#fff;color:#18304b!important}.finder-section{padding:20px 0 78px}.finder{max-width:860px;margin:auto;padding:26px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(7,21,45,.92),rgba(18,31,61,.8));box-shadow:0 24px 70px rgba(0,0,0,.35)}.progress{display:flex;gap:8px;margin-bottom:28px}.progress i{height:6px;flex:1;border-radius:99px;background:rgba(255,255,255,.1)}.progress i.on{background:linear-gradient(90deg,#72b9c5,#8ea9e1,#c0a5e7)}.step{display:none}.step.on{display:block}.step header{text-align:center;background:none!important}.step header em{font-style:normal;font-size:12px;letter-spacing:.14em;color:#91a8c2}.step header h3{font-size:clamp(25px,4vw,36px);margin:8px 0}.step header p{color:var(--muted);margin:0 0 24px}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.options button{min-height:88px;display:flex;gap:14px;align-items:center;text-align:left;padding:18px;border-radius:21px;border:1px solid var(--line);background:rgba(12,30,58,.82);color:#fff;font-size:26px;cursor:pointer}.options button span{font-size:16px}.options b,.options small{display:block}.options small{color:#a9bbd1;margin-top:4px}.options button.selected,.options button:hover{background:linear-gradient(135deg,rgba(28,62,102,.95),rgba(55,43,91,.92))}.actions{display:flex;justify-content:space-between;margin-top:24px}.result{display:grid;grid-template-columns:1.15fr .85fr;gap:0;overflow:hidden;border-radius:27px;background:linear-gradient(140deg,#071d35,#153d52 55%,#423d6b)}.result-media{min-height:360px;position:relative;background:#020913;display:flex;align-items:center;justify-content:center}.result-media img,.result-media iframe{width:100%;height:100%;min-height:360px;object-fit:cover;border:0}.result-loading{color:#dbe9fa}.play-overlay{position:absolute;inset:0;border:0;background:rgba(4,14,31,.22);color:white;cursor:pointer;font-size:18px}.play-overlay span{display:block;font-size:58px;margin-bottom:8px}.result-copy{padding:30px;align-self:center}.pill{display:inline-block;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:12px}.result-copy h3{font-size:clamp(27px,4vw,42px);margin:14px 0}.result-copy p{color:#d0dcec;line-height:1.7}.result-meta{color:#b8c9dc;margin-bottom:18px}.save{text-align:center;margin-top:24px;padding:27px;border:1px solid var(--line);border-radius:25px;background:rgba(10,28,56,.78)}.heart{font-size:31px}.save p{color:var(--muted)}.auth{max-width:500px;margin:18px auto 0;display:grid;gap:12px}.google{background:#fff;color:#18304b!important}.divider{display:flex;align-items:center;gap:12px;color:#8fa3bc;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.email{display:flex;gap:10px}.email input{min-width:0;flex:1;border:0;border-radius:15px;padding:14px 16px}.mypage-link{display:block;margin-top:14px;color:#dbe9ff!important}.more{text-align:center;padding:70px 0 90px}.more h3{font-size:34px}.moregrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.moregrid>*{padding:22px 12px;border:1px solid var(--line);border-radius:22px;background:rgba(10,28,55,.72);color:#fff!important;text-decoration:none!important;font-size:28px}.moregrid b{display:block;font-size:14px;margin-top:12px}
@media(max-width:760px){.hero{padding-top:70px}.finder{padding:18px}.options{grid-template-columns:1fr}.result{grid-template-columns:1fr}.result-media{min-height:250px}.result-media img,.result-media iframe{min-height:250px}.email{flex-direction:column}.moregrid{grid-template-columns:1fr}.mini-brand{top:-44px}.hero h1{font-size:48px}}

/* =========================================================
   BCL Music Finders v1.1.0
   Category identity layer
   Common UX stays shared; atmosphere, accents and cards differ.
   ========================================================= */

#bclmf-app{
  --accent-a:#69c8d2;
  --accent-b:#b59cff;
  --accent-c:#fff0ad;
  --glow:rgba(105,200,210,.20);
}
#bclmf-app .hero:before,
#bclmf-app .hero:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
#bclmf-app .hero{position:relative;overflow:hidden}
#bclmf-app .hero:before{
  width:520px;height:520px;border-radius:50%;
  left:50%;top:-270px;transform:translateX(-50%);
  background:radial-gradient(circle,var(--glow),transparent 67%);
  filter:blur(8px);
}
#bclmf-app .hero:after{
  left:8%;right:8%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent-a),var(--accent-b),transparent);
  opacity:.42;
}
#bclmf-app .hero h1{
  background:linear-gradient(100deg,#fff,var(--accent-a) 38%,var(--accent-b) 68%,var(--accent-c));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#bclmf-app .kicker{box-shadow:0 0 34px var(--glow)}
#bclmf-app .primary{
  background:linear-gradient(120deg,var(--accent-a),var(--accent-b));
  box-shadow:0 12px 36px var(--glow);
}
#bclmf-app .progress i.on{background:linear-gradient(90deg,var(--accent-a),var(--accent-b),var(--accent-c))}
#bclmf-app .options button.selected,
#bclmf-app .options button:hover{
  border-color:color-mix(in srgb,var(--accent-a) 45%,transparent);
  box-shadow:inset 0 0 28px var(--glow),0 8px 28px rgba(0,0,0,.18);
}
#bclmf-app .result{
  border:1px solid color-mix(in srgb,var(--accent-a) 28%,transparent);
  box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 42px var(--glow);
}
#bclmf-app .pill{border-color:color-mix(in srgb,var(--accent-a) 42%,transparent)}
#bclmf-app .save{box-shadow:inset 0 0 50px color-mix(in srgb,var(--glow) 58%,transparent)}
#bclmf-app .moregrid>*:hover{transform:translateY(-3px);box-shadow:0 12px 34px var(--glow)}
#bclmf-app .moregrid>*{transition:.2s ease}

/* Relaxing: twilight lounge, water ripple, lavender */
#bclmf-app.theme-relaxing{
  --accent-a:#68d2cf;--accent-b:#aa91e8;--accent-c:#ffd9b0;--glow:rgba(89,201,201,.23);
  background:
    radial-gradient(ellipse at 50% 18%,rgba(133,99,205,.25),transparent 30%),
    radial-gradient(ellipse at 15% 40%,rgba(41,153,159,.23),transparent 34%),
    linear-gradient(180deg,#07162c 0%,#0a2140 42%,#171d48 72%,#071323 100%);
}
#bclmf-app.theme-relaxing .finder{
  background:linear-gradient(145deg,rgba(7,31,55,.94),rgba(25,29,69,.88));
}
#bclmf-app.theme-relaxing .hero:after{
  height:42px;bottom:-18px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(108,216,214,.25),transparent 65%);
}

/* Meditation: deep indigo cosmos, moon/mandala impression */
#bclmf-app.theme-meditation{
  --accent-a:#8fa8ff;--accent-b:#c58cff;--accent-c:#e8d6ff;--glow:rgba(159,126,255,.25);
  background:
    radial-gradient(circle at 50% 10%,rgba(158,126,255,.27),transparent 22%),
    radial-gradient(circle at 50% 26%,rgba(74,80,184,.30),transparent 35%),
    linear-gradient(180deg,#05091b 0%,#10143d 45%,#24154b 75%,#090d22 100%);
}
#bclmf-app.theme-meditation .hero:before{
  width:360px;height:360px;top:-155px;
  border:1px solid rgba(205,187,255,.16);
  box-shadow:0 0 0 38px rgba(184,164,255,.035),0 0 0 78px rgba(184,164,255,.025);
  background:radial-gradient(circle,rgba(208,194,255,.18),transparent 61%);
}
#bclmf-app.theme-meditation .finder{
  background:linear-gradient(145deg,rgba(10,15,54,.95),rgba(42,24,76,.88));
}

/* Healing: aqua, emerald and soft gold, luminous cleansing */
#bclmf-app.theme-healing{
  --accent-a:#67d9d0;--accent-b:#8bd5b0;--accent-c:#f5d98b;--glow:rgba(96,217,194,.24);
  background:
    radial-gradient(circle at 20% 15%,rgba(51,186,181,.24),transparent 27%),
    radial-gradient(circle at 80% 22%,rgba(111,195,159,.20),transparent 30%),
    radial-gradient(circle at 50% 48%,rgba(242,214,139,.08),transparent 30%),
    linear-gradient(180deg,#041821 0%,#082c35 43%,#113640 70%,#07151e 100%);
}
#bclmf-app.theme-healing .hero:before{
  width:430px;height:430px;top:-205px;
  background:radial-gradient(circle,rgba(242,220,154,.19) 0 5%,rgba(95,220,203,.15) 18%,transparent 64%);
  box-shadow:0 0 70px rgba(91,218,199,.13);
}
#bclmf-app.theme-healing .finder{
  background:linear-gradient(145deg,rgba(5,38,48,.94),rgba(15,48,58,.88));
}

/* Yoga: forest, sage and sunrise */
#bclmf-app.theme-yoga{
  --accent-a:#79c7a5;--accent-b:#a7c98b;--accent-c:#f0c77d;--glow:rgba(105,191,145,.23);
  background:
    radial-gradient(circle at 78% 12%,rgba(241,190,105,.16),transparent 21%),
    radial-gradient(ellipse at 15% 28%,rgba(58,147,119,.26),transparent 32%),
    linear-gradient(180deg,#061a20 0%,#0b3030 42%,#17372f 72%,#091a1d 100%);
}
#bclmf-app.theme-yoga .hero:before{
  width:430px;height:430px;top:-235px;left:78%;
  background:radial-gradient(circle,rgba(248,206,126,.24),transparent 63%);
}
#bclmf-app.theme-yoga .finder{
  background:linear-gradient(145deg,rgba(7,40,40,.95),rgba(18,48,43,.90));
}
#bclmf-app.theme-yoga .options button{
  background:linear-gradient(145deg,rgba(11,48,45,.82),rgba(12,36,47,.86));
}

@media(max-width:760px){
  #bclmf-app .hero:before{width:330px;height:330px}
  #bclmf-app.theme-meditation .hero:before{width:280px;height:280px;top:-125px}
  #bclmf-app.theme-yoga .hero:before{left:72%}
}


/* =========================================================
   v1.2.0 — Strong visual separation
   Four genuinely different worlds, shared BODYCARE.LINK UX.
   ========================================================= */

/* Fix heading contrast against theme/global heading rules */
#bclmf-app .hero h2,
#bclmf-app .step header h3,
#bclmf-app .result-copy h3,
#bclmf-app .save h3,
#bclmf-app .more h3{color:#f6fbff!important}

/* Hero scene layers */
#bclmf-app .hero{min-height:720px;display:flex;align-items:center}
#bclmf-app .hero .wrap{padding-bottom:72px}
#bclmf-app .hero .wrap:before,
#bclmf-app .hero .wrap:after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
}

/* RELAXING — sunset resort / ocean / warm twilight */
#bclmf-app.theme-relaxing{
  --accent-a:#ff8a73;--accent-b:#d26fd4;--accent-c:#ffd6a0;--glow:rgba(255,124,119,.28);
  background:
    linear-gradient(180deg,transparent 0 720px,#08152a 1020px),
    #08152a;
}
#bclmf-app.theme-relaxing .hero{
  background:
    radial-gradient(circle at 50% 58%,rgba(255,195,119,.92) 0 3%,rgba(255,116,112,.34) 4% 13%,transparent 30%),
    linear-gradient(180deg,#15134b 0%,#65306c 28%,#d05a6e 52%,#f18a68 67%,#29355c 68%,#09192d 100%);
}
#bclmf-app.theme-relaxing .hero:before{
  width:100%;height:230px;top:auto;bottom:0;left:0;transform:none;border-radius:0;filter:none;
  background:
    repeating-radial-gradient(ellipse at 50% -10%,rgba(255,210,170,.18) 0 1px,transparent 2px 16px),
    linear-gradient(180deg,rgba(35,50,85,.35),rgba(3,18,34,.96));
}
#bclmf-app.theme-relaxing .hero .wrap:before{
  left:-18vw;bottom:40px;width:46vw;height:260px;
  background:linear-gradient(145deg,transparent 48%,rgba(2,14,28,.88) 49% 100%);
  clip-path:polygon(0 100%,0 35%,18% 48%,28% 20%,38% 45%,52% 12%,68% 53%,82% 31%,100% 65%,100% 100%);
}
#bclmf-app.theme-relaxing .hero .wrap:after{
  right:-15vw;bottom:36px;width:32vw;height:220px;
  background:rgba(2,15,27,.88);
  clip-path:polygon(0 100%,8% 55%,24% 66%,38% 33%,52% 58%,69% 22%,82% 61%,100% 43%,100% 100%);
}
#bclmf-app.theme-relaxing .finder{background:linear-gradient(145deg,rgba(15,24,53,.96),rgba(42,27,65,.92))}
#bclmf-app.theme-relaxing .kicker{background:rgba(42,20,60,.62)}
#bclmf-app.theme-relaxing .starline{color:#ffd0a8}

/* MEDITATION — black-indigo cosmos / galaxy / concentric halo */
#bclmf-app.theme-meditation{
  --accent-a:#8d78ff;--accent-b:#e173ff;--accent-c:#b8d8ff;--glow:rgba(152,102,255,.30);
  background:#050514;
}
#bclmf-app.theme-meditation .hero{
  background:
    radial-gradient(ellipse at 82% 15%,rgba(187,93,255,.30),transparent 18%),
    radial-gradient(ellipse at 15% 38%,rgba(57,88,224,.28),transparent 24%),
    radial-gradient(circle at 50% 45%,rgba(114,73,204,.24),transparent 23%),
    linear-gradient(180deg,#03030d,#090827 52%,#0d0923);
}
#bclmf-app.theme-meditation .hero:before{
  width:520px;height:520px;top:80px;left:50%;transform:translateX(-50%);filter:none;
  border:1px solid rgba(215,191,255,.20);border-radius:50%;
  background:radial-gradient(circle,transparent 0 38%,rgba(166,113,255,.07) 39% 40%,transparent 41% 52%,rgba(203,164,255,.09) 53% 54%,transparent 55%);
  box-shadow:0 0 0 45px rgba(137,91,255,.025),0 0 90px rgba(160,92,255,.18);
}
#bclmf-app.theme-meditation .hero .wrap:before{
  left:50%;bottom:28px;transform:translateX(-50%);width:130px;height:150px;border-radius:50% 50% 42% 42%;
  background:radial-gradient(circle at 50% 25%,#0a0719 0 14%,transparent 15%),linear-gradient(180deg,transparent 0 30%,#080615 31%);
  clip-path:polygon(38% 0,62% 0,68% 25%,62% 38%,78% 53%,100% 77%,83% 86%,63% 72%,60% 100%,40% 100%,37% 72%,17% 86%,0 77%,22% 53%,38% 38%,32% 25%);
  opacity:.82;
}
#bclmf-app.theme-meditation .finder{background:linear-gradient(145deg,rgba(8,7,31,.97),rgba(34,16,64,.94))}
#bclmf-app.theme-meditation .stars{opacity:.82;background-size:82px 82px,137px 137px,211px 211px}

/* HEALING — bright aqua sanctuary / water / shafts of light */
#bclmf-app.theme-healing{
  --accent-a:#32d6d0;--accent-b:#77d8b0;--accent-c:#fff0a8;--glow:rgba(50,214,208,.30);
  background:linear-gradient(180deg,#dffcff 0 720px,#06282d 1100px);
}
#bclmf-app.theme-healing .hero{
  color:#073d4b;
  background:
    linear-gradient(112deg,transparent 0 18%,rgba(255,255,255,.42) 19% 22%,transparent 23% 31%,rgba(255,255,255,.22) 32% 35%,transparent 36%),
    radial-gradient(circle at 50% 15%,#ffffff 0 2%,rgba(255,255,255,.55) 3% 14%,transparent 36%),
    linear-gradient(180deg,#9ee9f1 0%,#bdeee8 40%,#64c9c7 68%,#16787b 100%);
}
#bclmf-app.theme-healing .hero:before{
  width:100%;height:240px;left:0;top:auto;bottom:0;transform:none;border-radius:0;filter:none;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(231,255,249,.72),transparent 48%),
    repeating-radial-gradient(ellipse at 50% 120%,rgba(255,255,255,.28) 0 2px,transparent 3px 20px);
}
#bclmf-app.theme-healing .hero .wrap:before{
  left:-18vw;bottom:15px;width:38vw;height:310px;background:rgba(13,104,87,.52);
  clip-path:polygon(0 100%,0 23%,14% 14%,25% 45%,36% 18%,48% 52%,60% 8%,71% 44%,83% 20%,100% 60%,100% 100%);
}
#bclmf-app.theme-healing .hero .wrap:after{
  right:-16vw;bottom:20px;width:35vw;height:290px;background:rgba(19,113,91,.44);
  clip-path:polygon(0 100%,0 58%,17% 25%,30% 51%,45% 12%,59% 46%,75% 18%,88% 54%,100% 31%,100% 100%);
}
#bclmf-app.theme-healing .hero h1{background:linear-gradient(100deg,#063f52,#087e8d 42%,#168b72 75%,#5b7134);-webkit-background-clip:text;background-clip:text;color:transparent}
#bclmf-app.theme-healing .hero h2{color:#07515c!important}
#bclmf-app.theme-healing .hero p,#bclmf-app.theme-healing .hero small{color:#0c5661}
#bclmf-app.theme-healing .kicker{color:#064c5a;background:rgba(236,255,255,.58);border-color:rgba(7,92,101,.20)}
#bclmf-app.theme-healing .starline{color:#fff5b0;text-shadow:0 0 15px #fff}
#bclmf-app.theme-healing .finder{background:linear-gradient(145deg,rgba(4,47,58,.96),rgba(8,69,67,.93))}

/* YOGA — daytime mountain retreat / forest / sun */
#bclmf-app.theme-yoga{
  --accent-a:#68ad55;--accent-b:#a6c966;--accent-c:#f1b957;--glow:rgba(115,173,79,.26);
  background:linear-gradient(180deg,#eef6d7 0 720px,#102b22 1100px);
}
#bclmf-app.theme-yoga .hero{
  color:#173b25;
  background:
    radial-gradient(circle at 78% 15%,rgba(255,247,185,.96) 0 5%,rgba(255,225,137,.30) 6% 19%,transparent 32%),
    linear-gradient(180deg,#bfe3df 0%,#dce9c8 45%,#9fc68f 70%,#426f54 100%);
}
#bclmf-app.theme-yoga .hero:before{
  width:100%;height:350px;left:0;top:auto;bottom:0;transform:none;border-radius:0;filter:none;
  background:
    linear-gradient(150deg,transparent 0 44%,rgba(68,105,77,.40) 45% 52%,transparent 53%) 0 0/46% 100%,
    linear-gradient(210deg,transparent 0 44%,rgba(53,91,67,.48) 45% 52%,transparent 53%) 100% 0/54% 100%,
    linear-gradient(180deg,transparent,rgba(24,70,50,.62));
}
#bclmf-app.theme-yoga .hero .wrap:before{
  left:-18vw;top:-30px;width:32vw;height:320px;background:rgba(28,91,48,.65);
  clip-path:polygon(0 0,100% 0,82% 14%,100% 26%,73% 32%,92% 45%,64% 48%,80% 62%,50% 60%,62% 77%,35% 68%,40% 100%,0 100%);
}
#bclmf-app.theme-yoga .hero .wrap:after{
  right:-18vw;top:-40px;width:30vw;height:330px;background:rgba(38,103,51,.60);
  clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,62% 70%,38% 80%,50% 58%,22% 62%,39% 43%,10% 39%,32% 25%,5% 16%);
}
#bclmf-app.theme-yoga .hero h1{background:linear-gradient(100deg,#173e24,#356e32 45%,#789332 72%,#9d7627);-webkit-background-clip:text;background-clip:text;color:transparent}
#bclmf-app.theme-yoga .hero h2{color:#254d2d!important}
#bclmf-app.theme-yoga .hero p,#bclmf-app.theme-yoga .hero small{color:#254a34}
#bclmf-app.theme-yoga .kicker{color:#24532d;background:rgba(245,252,226,.65);border-color:rgba(45,95,52,.20)}
#bclmf-app.theme-yoga .starline{color:#fff1a1;text-shadow:0 0 14px rgba(255,234,143,.8)}
#bclmf-app.theme-yoga .finder{background:linear-gradient(145deg,rgba(12,48,36,.97),rgba(24,65,43,.94))}

/* Keep the lower finder world readable and premium */
#bclmf-app.theme-healing .finder-section,
#bclmf-app.theme-yoga .finder-section{background:linear-gradient(180deg,rgba(4,28,34,.94),#061923)}
#bclmf-app.theme-relaxing .finder-section{background:linear-gradient(180deg,rgba(8,21,42,.96),#071222)}
#bclmf-app.theme-meditation .finder-section{background:linear-gradient(180deg,#09081f,#050512)}
#bclmf-app .more{background:rgba(3,12,24,.62)}

@media(max-width:760px){
  #bclmf-app .hero{min-height:760px}
  #bclmf-app .hero .wrap{padding-bottom:90px}
  #bclmf-app.theme-meditation .hero:before{width:360px;height:360px;top:145px}
  #bclmf-app.theme-relaxing .hero .wrap:before,
  #bclmf-app.theme-relaxing .hero .wrap:after,
  #bclmf-app.theme-healing .hero .wrap:before,
  #bclmf-app.theme-healing .hero .wrap:after{opacity:.72}
}


/* =========================================================
   BCL Music Finders v1.3.0
   Reference-driven visual redesign.
   No generated/background image assets are used.
   All scenery is CSS-only: gradients, silhouettes, light, shapes.
   ========================================================= */

body.bclmf-page,
body.bclmf-page #bclmf-standalone{
  background:#06101d!important;
}

/* Shared premium hero proportions */
#bclmf-app .hero{
  min-height:760px;
  display:flex;
  align-items:center;
  padding:74px 0 0;
  position:relative;
  overflow:hidden;
}
#bclmf-app .hero .wrap{
  padding-top:30px;
  padding-bottom:120px;
}
#bclmf-app .mini-brand{
  top:-20px;
  z-index:8;
}
#bclmf-app .kicker{
  position:relative;
  z-index:5;
  padding:9px 18px;
  backdrop-filter:blur(12px);
}
#bclmf-app .starline{
  position:relative;
  z-index:5;
  margin-top:24px;
}
#bclmf-app .hero h1{
  position:relative;
  z-index:5;
  margin:18px auto 12px;
  letter-spacing:.02em;
}
#bclmf-app .hero h2{
  position:relative;
  z-index:5;
  margin:8px auto 18px;
  font-size:clamp(22px,3vw,34px);
  font-weight:500;
}
#bclmf-app .hero p{
  position:relative;
  z-index:5;
  max-width:660px;
  font-size:17px;
}
#bclmf-app .hero .btn,
#bclmf-app .hero small{
  position:relative;
  z-index:5;
}

/* Make finder transition feel like the reference design */
#bclmf-app .finder-section{
  position:relative;
  margin-top:-72px;
  padding-top:0;
  background:transparent!important;
  z-index:10;
}
#bclmf-app .finder{
  border-width:1px;
  border-style:solid;
  box-shadow:0 28px 80px rgba(0,0,0,.32);
}
#bclmf-app .step header h3{
  letter-spacing:.01em;
}

/* ---------- RELAXING ----------
   Sunset resort, palms, lantern warmth, ocean horizon.
*/
#bclmf-app.theme-relaxing{
  --accent-a:#ff8c72;
  --accent-b:#d657d9;
  --accent-c:#ffc784;
  --glow:rgba(255,104,121,.28);
  background:#071426;
}
#bclmf-app.theme-relaxing .hero{
  background:
    radial-gradient(circle at 50% 49%,rgba(255,231,176,.95) 0 3%,rgba(255,155,116,.62) 4% 11%,rgba(255,88,129,.25) 12% 24%,transparent 38%),
    linear-gradient(180deg,#171240 0%,#54265e 26%,#a24168 45%,#ee6d6c 60%,#ff9a6b 68%,#2a3559 69%,#0a1d31 100%);
}
#bclmf-app.theme-relaxing .hero:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:245px;
  background:
    repeating-radial-gradient(ellipse at 50% -20%,rgba(255,220,186,.18) 0 1px,transparent 2px 13px),
    linear-gradient(180deg,rgba(55,53,86,.20),rgba(4,19,34,.92));
  z-index:1;
}
#bclmf-app.theme-relaxing .hero:after{
  content:"";
  position:absolute;
  left:-3%;bottom:38px;
  width:34%;height:360px;
  background:#071523;
  opacity:.92;
  clip-path:polygon(0 0,16% 0,22% 18%,29% 5%,35% 30%,41% 12%,48% 37%,53% 19%,59% 43%,64% 25%,72% 48%,80% 36%,88% 62%,100% 52%,100% 100%,0 100%);
  z-index:2;
}
#bclmf-app.theme-relaxing .hero .wrap:after{
  content:"";
  position:absolute;
  right:-18vw;bottom:42px;
  width:38vw;height:250px;
  background:#061421;
  opacity:.88;
  clip-path:polygon(0 100%,8% 54%,20% 66%,33% 27%,45% 61%,59% 16%,70% 54%,82% 29%,100% 51%,100% 100%);
  z-index:2;
}
#bclmf-app.theme-relaxing .hero h1{
  font-family:"Snell Roundhand","Segoe Script","Brush Script MT",cursive;
  font-size:clamp(58px,9vw,104px);
  font-weight:400;
  letter-spacing:-.025em;
  background:linear-gradient(90deg,#fff2ee,#ffd0de 46%,#f7bcff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 28px rgba(255,178,213,.14);
}
#bclmf-app.theme-relaxing .hero h2{
  color:#ffd4c9!important;
  font-family:Georgia,serif;
  font-style:italic;
}
#bclmf-app.theme-relaxing .kicker{
  background:rgba(32,18,65,.66);
  border-color:rgba(255,180,223,.32);
}
#bclmf-app.theme-relaxing .primary{
  background:linear-gradient(105deg,#ff9a70,#ec5d9e 55%,#bd49e6);
}
#bclmf-app.theme-relaxing .finder{
  background:linear-gradient(150deg,rgba(11,23,52,.98),rgba(36,22,62,.96));
  border-color:rgba(255,168,196,.26);
}

/* ---------- MEDITATION ----------
   Deep-space indigo, galaxy ribbon, moon halo, seated silhouette.
*/
#bclmf-app.theme-meditation{
  --accent-a:#8c75ff;
  --accent-b:#d35cff;
  --accent-c:#d8c7ff;
  --glow:rgba(157,99,255,.30);
  background:#040411;
}
#bclmf-app.theme-meditation .hero{
  background:
    radial-gradient(ellipse at 81% 8%,rgba(223,104,255,.34),transparent 14%),
    radial-gradient(ellipse at 91% 22%,rgba(92,94,255,.32),transparent 23%),
    radial-gradient(circle at 48% 37%,rgba(139,85,255,.16),transparent 24%),
    linear-gradient(180deg,#03030b 0%,#09051e 34%,#160a37 68%,#08071d 100%);
}
#bclmf-app.theme-meditation .stars{
  opacity:.95;
  background-size:72px 72px,122px 122px,195px 195px;
}
#bclmf-app.theme-meditation .hero:before{
  content:"";
  position:absolute;
  width:590px;height:590px;
  border-radius:50%;
  left:50%;top:73px;
  transform:translateX(-50%);
  background:
    radial-gradient(circle,transparent 0 43%,rgba(224,198,255,.08) 44% 46%,transparent 47% 57%,rgba(190,142,255,.16) 58% 60%,transparent 61%),
    radial-gradient(circle at 72% 20%,rgba(255,199,255,.38),transparent 8%);
  border:1px solid rgba(218,185,255,.18);
  box-shadow:0 0 80px rgba(157,84,255,.20),0 0 0 48px rgba(123,79,255,.022),0 0 0 92px rgba(123,79,255,.014);
  z-index:1;
}
#bclmf-app.theme-meditation .hero:after{
  content:"";
  position:absolute;
  width:165px;height:190px;
  left:50%;bottom:66px;
  transform:translateX(-50%);
  background:#04030d;
  opacity:.95;
  clip-path:polygon(43% 0,57% 0,63% 14%,58% 27%,69% 39%,82% 50%,100% 70%,87% 80%,69% 66%,63% 100%,37% 100%,31% 66%,13% 80%,0 70%,18% 50%,31% 39%,42% 27%,37% 14%);
  z-index:3;
  filter:drop-shadow(0 0 20px rgba(140,81,255,.28));
}
#bclmf-app.theme-meditation .hero h1{
  font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;
  font-weight:400;
  font-size:clamp(52px,8vw,92px);
  letter-spacing:.055em;
  background:linear-gradient(90deg,#fff9ff,#e4d0ff 50%,#b9c9ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#bclmf-app.theme-meditation .hero h2{
  color:#e2c8ff!important;
  font-family:Georgia,serif;
  font-style:italic;
}
#bclmf-app.theme-meditation .kicker{
  background:rgba(19,8,49,.72);
  border-color:rgba(190,126,255,.34);
}
#bclmf-app.theme-meditation .primary{
  background:linear-gradient(110deg,#715cff,#9d45e8 52%,#cb5df5);
}
#bclmf-app.theme-meditation .finder{
  background:linear-gradient(150deg,rgba(12,7,40,.98),rgba(50,17,76,.97));
  border-color:rgba(185,105,255,.30);
}

/* ---------- HEALING ----------
   Bright aqua sanctuary, shafts of light, water, crystal-like shapes.
*/
#bclmf-app.theme-healing{
  --accent-a:#2ccfc9;
  --accent-b:#73ddb8;
  --accent-c:#f4e9a7;
  --glow:rgba(47,211,203,.27);
  background:#062a31;
}
#bclmf-app.theme-healing .hero{
  color:#073e4a;
  background:
    linear-gradient(108deg,transparent 0 14%,rgba(255,255,255,.36) 15% 20%,transparent 21% 30%,rgba(255,255,255,.20) 31% 35%,transparent 36% 100%),
    radial-gradient(circle at 50% 3%,rgba(255,255,255,.98) 0 4%,rgba(255,255,255,.40) 5% 15%,transparent 34%),
    linear-gradient(180deg,#a7edf2 0%,#c8f2eb 42%,#6ad0ca 70%,#148081 100%);
}
#bclmf-app.theme-healing .hero:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:270px;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(244,255,255,.82),transparent 48%),
    repeating-radial-gradient(ellipse at 50% 120%,rgba(255,255,255,.34) 0 2px,transparent 3px 22px);
  z-index:1;
}
#bclmf-app.theme-healing .hero:after{
  content:"";
  position:absolute;
  right:3%;bottom:68px;
  width:150px;height:160px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(119,236,237,.40) 48%,rgba(58,167,193,.22));
  clip-path:polygon(50% 0,68% 39%,100% 64%,72% 100%,35% 93%,0 58%,29% 34%);
  filter:drop-shadow(0 0 22px rgba(255,255,255,.55));
  opacity:.78;
  z-index:3;
}
#bclmf-app.theme-healing .hero .wrap:after{
  content:"";
  position:absolute;
  left:-15vw;bottom:22px;
  width:34vw;height:300px;
  background:rgba(15,110,89,.43);
  clip-path:polygon(0 100%,0 18%,14% 8%,25% 44%,36% 16%,48% 52%,61% 6%,72% 43%,84% 18%,100% 61%,100% 100%);
  z-index:2;
}
#bclmf-app.theme-healing .hero h1{
  font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;
  font-size:clamp(52px,8vw,92px);
  font-weight:400;
  letter-spacing:.09em;
  background:linear-gradient(90deg,#084e65,#08798d 45%,#1b8f77);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#bclmf-app.theme-healing .hero h2{
  color:#08606d!important;
  font-family:Georgia,serif;
}
#bclmf-app.theme-healing .hero p,
#bclmf-app.theme-healing .hero small{
  color:#0a5862;
}
#bclmf-app.theme-healing .kicker{
  color:#074a57;
  background:rgba(236,255,255,.72);
  border-color:rgba(9,92,103,.20);
}
#bclmf-app.theme-healing .starline{
  color:#fff4a2;
  text-shadow:0 0 16px white;
}
#bclmf-app.theme-healing .primary{
  background:linear-gradient(110deg,#2cd9bb,#28bed1 68%,#2c99bb);
}
#bclmf-app.theme-healing .finder{
  background:linear-gradient(155deg,rgba(235,255,247,.95),rgba(207,238,221,.94));
  border-color:rgba(49,135,119,.24);
  color:#0a5962;
}
#bclmf-app.theme-healing .step header h3,
#bclmf-app.theme-healing .step header p,
#bclmf-app.theme-healing .step header em{
  color:#087385!important;
}
#bclmf-app.theme-healing .options button{
  color:#0c535d;
  background:rgba(255,255,255,.74);
  border-color:rgba(31,130,128,.20);
}
#bclmf-app.theme-healing .options small{color:#4c7e7d}
#bclmf-app.theme-healing .soft{
  color:#0b5962!important;
  background:rgba(255,255,255,.68);
  border-color:rgba(22,118,116,.22);
}

/* ---------- YOGA ----------
   Bright morning mountain retreat, forest canopy, sunlight, natural platform.
*/
#bclmf-app.theme-yoga{
  --accent-a:#69ad52;
  --accent-b:#99c65d;
  --accent-c:#e8bd59;
  --glow:rgba(113,178,78,.26);
  background:#102b22;
}
#bclmf-app.theme-yoga .hero{
  color:#203e24;
  background:
    radial-gradient(circle at 80% 12%,rgba(255,248,190,.98) 0 5%,rgba(255,223,132,.34) 6% 17%,transparent 31%),
    linear-gradient(180deg,#c4e5e1 0%,#dcebd2 40%,#accb98 66%,#5d865d 100%);
}
#bclmf-app.theme-yoga .hero:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:355px;
  background:
    linear-gradient(150deg,transparent 0 44%,rgba(81,112,85,.52) 45% 52%,transparent 53%) 0 0/48% 100% no-repeat,
    linear-gradient(210deg,transparent 0 44%,rgba(69,104,78,.56) 45% 52%,transparent 53%) 100% 0/55% 100% no-repeat,
    linear-gradient(180deg,transparent,rgba(33,81,57,.60));
  z-index:1;
}
#bclmf-app.theme-yoga .hero:after{
  content:"";
  position:absolute;
  left:-2%;top:0;
  width:33%;height:360px;
  background:rgba(34,103,52,.74);
  clip-path:polygon(0 0,100% 0,82% 12%,100% 25%,73% 30%,92% 45%,64% 47%,80% 62%,51% 58%,62% 76%,36% 68%,41% 100%,0 100%);
  z-index:2;
}
#bclmf-app.theme-yoga .hero .wrap:after{
  content:"";
  position:absolute;
  right:-17vw;top:-10px;
  width:30vw;height:330px;
  background:rgba(44,108,55,.65);
  clip-path:polygon(0 0,100% 0,100% 100%,65% 100%,62% 70%,38% 80%,50% 58%,22% 62%,39% 43%,10% 39%,32% 25%,5% 16%);
  z-index:2;
}
#bclmf-app.theme-yoga .hero h1{
  font-family:Georgia,"Times New Roman",serif;
  text-transform:uppercase;
  font-size:clamp(54px,8vw,94px);
  font-weight:400;
  letter-spacing:.12em;
  background:linear-gradient(90deg,#183f24,#3b7034 48%,#7b9030);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#bclmf-app.theme-yoga .hero h2{
  color:#31552f!important;
  font-family:Georgia,serif;
  font-style:italic;
}
#bclmf-app.theme-yoga .hero p,
#bclmf-app.theme-yoga .hero small{
  color:#274b35;
}
#bclmf-app.theme-yoga .kicker{
  color:#2d5a2c;
  background:rgba(246,252,226,.72);
  border-color:rgba(52,100,49,.20);
}
#bclmf-app.theme-yoga .starline{
  color:#fff0a0;
  text-shadow:0 0 14px rgba(255,235,150,.8);
}
#bclmf-app.theme-yoga .primary{
  background:linear-gradient(110deg,#72b44f,#8dbf50 62%,#a8c960);
}
#bclmf-app.theme-yoga .finder{
  background:linear-gradient(155deg,rgba(244,249,220,.97),rgba(211,230,170,.96));
  border-color:rgba(73,116,54,.25);
  color:#2b522f;
}
#bclmf-app.theme-yoga .step header h3,
#bclmf-app.theme-yoga .step header p,
#bclmf-app.theme-yoga .step header em{
  color:#3f6c35!important;
}
#bclmf-app.theme-yoga .options button{
  color:#315435;
  background:rgba(255,255,245,.72);
  border-color:rgba(77,119,59,.20);
}
#bclmf-app.theme-yoga .options small{color:#6a7f62}
#bclmf-app.theme-yoga .soft{
  color:#315435!important;
  background:rgba(255,255,248,.68);
  border-color:rgba(77,119,59,.22);
}

/* Result and Save stay dark/premium for all four, preserving playback readability */
#bclmf-app .result,
#bclmf-app .save{
  color:#f7fbff;
}
#bclmf-app .save h3,
#bclmf-app .result-copy h3{color:#f7fbff!important}

/* Bottom cross-navigation */
#bclmf-app .more{
  background:#06121e!important;
}
#bclmf-app .more h3{color:#f7fbff!important}

/* Mobile */
@media(max-width:760px){
  #bclmf-app .hero{
    min-height:790px;
    padding-top:70px;
  }
  #bclmf-app .hero .wrap{
    padding-top:34px;
    padding-bottom:150px;
  }
  #bclmf-app .finder-section{
    margin-top:-104px;
  }
  #bclmf-app.theme-relaxing .hero h1{
    font-size:64px;
  }
  #bclmf-app.theme-meditation .hero h1,
  #bclmf-app.theme-healing .hero h1,
  #bclmf-app.theme-yoga .hero h1{
    font-size:49px;
  }
  #bclmf-app.theme-meditation .hero:before{
    width:370px;height:370px;top:150px;
  }
  #bclmf-app.theme-meditation .hero:after{
    width:120px;height:145px;bottom:88px;
  }
  #bclmf-app.theme-healing .hero:after{
    width:105px;height:120px;right:1%;bottom:110px;
  }
  #bclmf-app.theme-yoga .hero:after{
    width:40%;height:300px;
  }
}


/* =========================================================
   v2.0.1 SLEEP — unified Night Aurora theme
   Uses the same #bclmf-app markup as the other four finders.
   ========================================================= */
#bclmf-app.theme-sleep{
  --accent-a:#72c9d6;
  --accent-b:#a68cef;
  --accent-c:#ffe59a;
  --glow:rgba(105,185,220,.25);
  color:#f7fbff;
  background:
    radial-gradient(circle at 15% 8%,rgba(46,108,185,.34),transparent 27%),
    radial-gradient(circle at 86% 18%,rgba(121,87,194,.29),transparent 30%),
    radial-gradient(circle at 52% 43%,rgba(32,111,151,.18),transparent 35%),
    linear-gradient(180deg,#020a18 0%,#071427 42%,#0b1932 74%,#06101f 100%);
}
#bclmf-app.theme-sleep .hero{
  background:
    radial-gradient(circle at 50% 22%,rgba(87,166,233,.14),transparent 24%),
    radial-gradient(circle at 72% 25%,rgba(153,110,231,.13),transparent 22%),
    linear-gradient(180deg,rgba(2,10,24,.18),rgba(5,15,34,.26));
}
#bclmf-app.theme-sleep .hero h1{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",sans-serif;
  font-size:clamp(48px,8vw,88px);
  font-weight:750;
  letter-spacing:-.045em;
  text-transform:none;
  background:linear-gradient(100deg,#ffffff 8%,#a9d7ff 38%,#c7b7ff 65%,#fff0b0 90%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
#bclmf-app.theme-sleep .hero h2{
  color:#eef6ff!important;
  font-family:inherit;
  font-style:normal;
  font-weight:600;
}
#bclmf-app.theme-sleep .hero p,
#bclmf-app.theme-sleep .hero small{
  color:#b9c9df;
}
#bclmf-app.theme-sleep .kicker{
  color:#dce9fb;
  background:rgba(10,29,57,.68);
  border-color:rgba(174,208,255,.22);
}
#bclmf-app.theme-sleep .starline{
  color:#ffe6a4;
  text-shadow:0 0 12px rgba(255,230,164,.25);
}
#bclmf-app.theme-sleep .primary{
  background:linear-gradient(120deg,#2f7180,#6076a6 58%,#806eaa);
}
#bclmf-app.theme-sleep .finder{
  color:#f7fbff;
  background:linear-gradient(145deg,rgba(7,21,45,.94),rgba(18,31,61,.84));
  border-color:rgba(180,210,255,.18);
}
#bclmf-app.theme-sleep .options button{
  color:#f7fbff;
  background:rgba(12,30,58,.82);
  border-color:rgba(180,210,255,.18);
}
#bclmf-app.theme-sleep .options small{
  color:#a9bbd1;
}
#bclmf-app.theme-sleep .step header h3{
  color:#f6fbff!important;
}
#bclmf-app.theme-sleep .step header p,
#bclmf-app.theme-sleep .step header em{
  color:#a9bbd1!important;
}
#bclmf-app.theme-sleep .finder-section{
  background:linear-gradient(180deg,rgba(4,15,32,.05),rgba(4,15,32,.55));
}


/* =========================================================
   BCL Music Finders v2.1.0
   Five real background images bundled inside the plugin.
   Image mapping:
   Sleep      -> assets/images/sleep.png
   Relaxing   -> assets/images/relaxing.png
   Meditation -> assets/images/meditation.png
   Healing    -> assets/images/healing.png
   Yoga       -> assets/images/yoga.png
   ========================================================= */

/* Shared image-hero behavior */
#bclmf-app .hero{
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  isolation:isolate;
}
#bclmf-app .hero::before{
  content:"";
  position:absolute;
  inset:0;
  width:auto!important;
  height:auto!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  z-index:0!important;
  pointer-events:none;
}
#bclmf-app .hero::after{
  content:none!important;
}
#bclmf-app .hero .wrap{
  position:relative;
  z-index:2;
}
#bclmf-app .hero .wrap::before,
#bclmf-app .hero .wrap::after{
  content:none!important;
}

/* Sleep */
#bclmf-app.theme-sleep .hero{
  background-image:url("images/sleep.webp")!important;
  background-position:center 48%!important;
}
#bclmf-app.theme-sleep .hero::before{
  background:
    linear-gradient(180deg,rgba(1,8,24,.26),rgba(2,12,30,.18) 35%,rgba(2,12,30,.28) 70%,rgba(2,10,25,.68)),
    linear-gradient(90deg,rgba(1,8,22,.20),transparent 28%,transparent 72%,rgba(1,8,22,.15))!important;
}

/* Relaxing */
#bclmf-app.theme-relaxing .hero{
  background-image:url("images/relaxing.webp")!important;
  background-position:center 48%!important;
}
#bclmf-app.theme-relaxing .hero::before{
  background:
    linear-gradient(180deg,rgba(35,10,43,.20),rgba(82,20,63,.12) 42%,rgba(25,8,31,.48) 78%,rgba(6,15,31,.82)),
    linear-gradient(90deg,rgba(31,5,36,.18),transparent 35%,transparent 68%,rgba(33,8,27,.12))!important;
}

/* Meditation */
#bclmf-app.theme-meditation .hero{
  background-image:url("images/meditation.webp")!important;
  background-position:center 48%!important;
}
#bclmf-app.theme-meditation .hero::before{
  background:
    linear-gradient(180deg,rgba(4,2,20,.22),rgba(12,5,35,.08) 38%,rgba(13,5,37,.26) 68%,rgba(4,3,18,.74)),
    radial-gradient(circle at 50% 40%,rgba(102,60,181,.06),transparent 45%)!important;
}

/* Healing */
#bclmf-app.theme-healing .hero{
  background-image:url("images/healing.webp")!important;
  background-position:center 48%!important;
}
#bclmf-app.theme-healing .hero::before{
  background:
    linear-gradient(180deg,rgba(236,255,255,.05),rgba(218,255,252,.10) 40%,rgba(5,70,81,.18) 72%,rgba(4,42,51,.65)),
    linear-gradient(90deg,rgba(255,255,255,.04),transparent 40%,transparent 70%,rgba(5,71,77,.08))!important;
}

/* Yoga */
#bclmf-app.theme-yoga .hero{
  background-image:url("images/yoga.webp")!important;
  background-position:center 52%!important;
}
#bclmf-app.theme-yoga .hero::before{
  background:
    linear-gradient(180deg,rgba(255,251,224,.05),rgba(245,251,224,.10) 42%,rgba(39,76,45,.18) 72%,rgba(17,47,34,.64)),
    linear-gradient(90deg,rgba(28,63,33,.08),transparent 40%,transparent 70%,rgba(37,66,31,.05))!important;
}

/* Text readability over image backgrounds */
#bclmf-app .hero .kicker,
#bclmf-app .hero h1,
#bclmf-app .hero h2,
#bclmf-app .hero p,
#bclmf-app .hero small,
#bclmf-app .hero .btn{
  text-shadow:0 2px 10px rgba(0,0,0,.28);
}

/* Healing/Yoga retain brighter identity but need stronger text contrast on photographs */
#bclmf-app.theme-healing .hero h2,
#bclmf-app.theme-healing .hero p,
#bclmf-app.theme-healing .hero small{
  color:#073f49!important;
  text-shadow:0 1px 10px rgba(255,255,255,.62);
}
#bclmf-app.theme-yoga .hero h2,
#bclmf-app.theme-yoga .hero p,
#bclmf-app.theme-yoga .hero small{
  color:#1f462d!important;
  text-shadow:0 1px 10px rgba(255,255,255,.64);
}

/* Mobile framing tuned per source image */
@media(max-width:760px){
  #bclmf-app .hero{
    min-height:800px;
  }
  #bclmf-app.theme-sleep .hero{
    background-position:58% center!important;
  }
  #bclmf-app.theme-relaxing .hero{
    background-position:52% center!important;
  }
  #bclmf-app.theme-meditation .hero{
    background-position:50% center!important;
  }
  #bclmf-app.theme-healing .hero{
    background-position:50% center!important;
  }
  #bclmf-app.theme-yoga .hero{
    background-position:61% center!important;
  }
}


/* =========================================================
   BCL Music Finders v2.1.3
   Relaxing readability + Sleep typography refinement
   ========================================================= */

/* RELAXING: darken the central text zone without killing the sunset */
#bclmf-app.theme-relaxing .hero::before{
  background:
    linear-gradient(
      180deg,
      rgba(35,10,43,.18) 0%,
      rgba(58,18,52,.12) 28%,
      rgba(20,9,28,.42) 42%,
      rgba(14,8,24,.54) 64%,
      rgba(10,9,23,.42) 78%,
      rgba(6,15,31,.82) 100%
    ),
    radial-gradient(
      ellipse at center 52%,
      rgba(8,6,18,.34) 0%,
      rgba(8,6,18,.20) 32%,
      transparent 68%
    )!important;
}

/* Stronger contrast for all Relaxing hero text */
#bclmf-app.theme-relaxing .hero h1{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#fff7fb!important;
  text-shadow:
    0 3px 10px rgba(31,4,36,.82),
    0 0 22px rgba(86,19,85,.58),
    0 0 2px rgba(0,0,0,.95)!important;
}

#bclmf-app.theme-relaxing .hero h2{
  color:#ffe8f2!important;
  text-shadow:
    0 2px 8px rgba(28,5,29,.90),
    0 0 18px rgba(95,25,88,.46)!important;
}

#bclmf-app.theme-relaxing .hero p,
#bclmf-app.theme-relaxing .hero small{
  color:#ffffff!important;
  text-shadow:
    0 2px 6px rgba(0,0,0,.88),
    0 0 10px rgba(0,0,0,.52)!important;
}

#bclmf-app.theme-relaxing .kicker{
  background:rgba(42,18,58,.82)!important;
  border-color:rgba(255,215,235,.32)!important;
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.65)!important;
}

/* SLEEP: switch from heavy sans to an elegant premium serif title */
#bclmf-app.theme-sleep .hero h1{
  font-family:Georgia,"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif!important;
  font-size:clamp(56px,8vw,96px)!important;
  font-weight:400!important;
  letter-spacing:.07em!important;
  text-transform:none!important;
  background:linear-gradient(100deg,#ffffff 8%,#d7ebff 42%,#d6c8ff 72%,#fff1c3 92%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 2px 16px rgba(1,8,24,.28)!important;
}

/* Slightly refine subtitle to pair with the new serif title */
#bclmf-app.theme-sleep .hero h2{
  font-family:Georgia,"Times New Roman","Yu Mincho","Hiragino Mincho ProN",serif!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
}

@media(max-width:760px){
  #bclmf-app.theme-relaxing .hero h1{
    font-size:56px!important;
    line-height:1.04!important;
  }
  #bclmf-app.theme-sleep .hero h1{
    font-size:52px!important;
    letter-spacing:.045em!important;
  }
}


/* =========================================================
   v2.2.3 — My Little Friend + compact six-category navigation
   Pet background is intentionally pulled back for a wider, softer view.
   ========================================================= */
#bclmf-app.theme-my-little-friend{
  --accent-a:#f38b9b;--accent-b:#efb071;--accent-c:#f7d8b0;--glow:rgba(242,132,148,.22);
  color:#5f3d2e;background:#f7efe6;
}
#bclmf-app.theme-my-little-friend .stars{display:none}
#bclmf-app.theme-my-little-friend .hero{
  background-color:#f6eee4!important;
  background-image:url("images/my-little-friend.webp")!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
#bclmf-app.theme-my-little-friend .hero::before{
  background:linear-gradient(180deg,rgba(255,250,245,.38),rgba(255,248,242,.16) 45%,rgba(246,233,220,.44) 82%,rgba(246,238,229,.88))!important;
}
#bclmf-app.theme-my-little-friend .hero h1{
  font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;letter-spacing:.035em!important;
  background:none!important;color:#5a3526!important;text-shadow:0 2px 14px rgba(255,255,255,.82)!important;
}
#bclmf-app.theme-my-little-friend .hero h2{color:#d9687c!important;text-shadow:0 1px 12px rgba(255,255,255,.9)!important}
#bclmf-app.theme-my-little-friend .hero p,#bclmf-app.theme-my-little-friend .hero small{color:#5d4336!important;text-shadow:0 1px 10px rgba(255,255,255,.95)!important}
#bclmf-app.theme-my-little-friend .kicker{color:#633c2c;background:rgba(255,248,243,.78);border-color:rgba(214,151,143,.28)}
#bclmf-app.theme-my-little-friend .starline{display:none}
#bclmf-app.theme-my-little-friend .primary{background:linear-gradient(110deg,#f28c9e,#f09e9d 55%,#eaa975);box-shadow:0 12px 36px rgba(231,128,145,.22)}
#bclmf-app.theme-my-little-friend .finder-section{background:linear-gradient(180deg,#f7efe7,#fbf7f2)!important}
#bclmf-app.theme-my-little-friend .finder{color:#5f4437;background:rgba(255,252,248,.96);border-color:rgba(180,132,113,.18);box-shadow:0 20px 55px rgba(105,74,57,.11)}
#bclmf-app.theme-my-little-friend .step header h3{color:#654538!important}
#bclmf-app.theme-my-little-friend .step header p,#bclmf-app.theme-my-little-friend .step header em{color:#9b7465!important}
#bclmf-app.theme-my-little-friend .options button{color:#654538;background:#fffdfa;border-color:rgba(202,154,137,.25)}
#bclmf-app.theme-my-little-friend .options small{color:#9b7a6d}
#bclmf-app.theme-my-little-friend .progress i{background:rgba(203,160,145,.18)}
#bclmf-app.theme-my-little-friend .progress i.on{background:linear-gradient(90deg,#f19a9e,#efb47c)}
#bclmf-app .moregrid{grid-template-columns:repeat(3,1fr)!important;gap:12px}
#bclmf-app .moregrid>*{padding:14px 12px!important;font-size:22px!important;border-radius:17px!important}
#bclmf-app .moregrid b{font-size:13px!important;margin-top:7px!important}

@media(max-width:760px){
  #bclmf-app.theme-my-little-friend .hero{
    /* pulled-back mobile view: blurred composite asset keeps the full scene visible */
    background-size:cover!important;
    background-position:center center!important;
  }
  #bclmf-app.theme-my-little-friend .hero h1{font-size:45px!important;line-height:1.02!important}
  #bclmf-app.theme-my-little-friend .hero .wrap{padding-bottom:115px!important}
  #bclmf-app .moregrid{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  #bclmf-app .moregrid>*{padding:13px 8px!important;font-size:20px!important}
  #bclmf-app .moregrid b{font-size:12px!important}
}

/* v2.2.4 Social share controls */
.social-share{margin:24px 0 0;padding:22px;border-radius:22px;text-align:center;background:rgba(255,255,255,.72);box-shadow:0 12px 34px rgba(31,41,55,.08)}
.social-share h3{margin:0 0 6px;font-size:1.05rem}
.social-share p{margin:0 auto 16px;max-width:560px;opacity:.76}
.social-share-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.social-share-buttons .btn{min-width:210px}
.social-facebook{background:#1877f2!important;color:#fff!important;border-color:#1877f2!important}
.social-instagram{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)!important;color:#fff!important;border:0!important}
.share-status{display:block;min-height:1.4em;margin-top:10px;opacity:.8}
@media(max-width:640px){.social-share-buttons{display:grid;grid-template-columns:1fr}.social-share-buttons .btn{width:100%;min-width:0}}