/* AadiFit Liquid Glass v5 — Safe overrides only */
body {
  background: #000 !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.hero, .hdr, header.header, header.hdr, header.tool-header, .tool-header {
  background: #000 !important;
}
:root {
  --gold: #c8a96e;
  --gold-2: #dab87c;
}
select, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], textarea {
  background-color: #111 !important;
  color: #f0f0f0 !important;
  border-color: rgba(255,255,255,0.1) !important;
}
select option {
  background: #111;
  color: #f0f0f0;
}

/* Content must sit above decorative glass layers (fixes smothered tool UIs) */
.gc > *:not(.edge-top):not(.edge-bottom):not(.edge-left):not(.edge-right):not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br):not(.spec):not(.illum),
.tool-card.gc > *:not(.edge-top):not(.edge-bottom):not(.edge-left):not(.edge-right):not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br):not(.spec):not(.illum),
.tool-card:has(> .edge-top) > *:not(.edge-top):not(.edge-bottom):not(.edge-left):not(.edge-right):not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br):not(.spec):not(.illum),
.form-card:has(> .edge-top) > *:not(.edge-top):not(.edge-bottom):not(.edge-left):not(.edge-right):not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br):not(.spec):not(.illum),
.form-container:has(> .edge-top) > *:not(.edge-top):not(.edge-bottom):not(.edge-left):not(.edge-right):not(.corner-tl):not(.corner-tr):not(.corner-bl):not(.corner-br):not(.spec):not(.illum) {
  position: relative;
  z-index: 2;
}

/* Kill full-card pseudo overlays — edge-top divs replace them (fixes BMR etc.) */
.gc:has(> .edge-top)::before,
.gc:has(> .edge-top)::after,
.tool-card.gc::before,
.tool-card.gc::after,
.tool-card:has(> .edge-top)::before,
.tool-card:has(> .edge-top)::after,
.form-card:has(> .edge-top)::before,
.form-card:has(> .edge-top)::after,
.form-container:has(> .edge-top)::before,
.form-container:has(> .edge-top)::after {
  display: none !important;
  content: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Native cinematic .gb stack — do not double-apply liquid-glass on inner .gc */
.gb .gc {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: none !important;
}
.gb .gc > .edge-top,
.gb .gc > .edge-bottom,
.gb .gc > .edge-left,
.gb .gc > .edge-right,
.gb .gc > .corner-tl,
.gb .gc > .corner-tr,
.gb .gc > .corner-bl,
.gb .gc > .corner-br,
.gb .gc > .spec,
.gb .gc > .illum {
  display: none !important;
}

/* === 3D Glass Decorative Layers === */
.edge-top, .edge-bottom, .edge-left, .edge-right,
.corner-tl, .corner-tr, .corner-bl, .corner-br,
.spec, .illum {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}

.edge-top {
  top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(80,140,255,0.50) 10%,
    rgba(160,200,255,0.80) 25%,
    rgba(255,255,255,0.95) 40%,
    rgba(255,230,160,0.70) 55%,
    rgba(255,160,130,0.50) 72%,
    rgba(200,80,120,0.30) 88%,
    transparent 100%
  );
}

.edge-bottom {
  bottom: 0; left: 0; right: 0;
  height: 1.5px;
  background: linear-gradient(
    90deg,
    transparent                  0%,
    rgba(200, 80,120,0.20)      15%,
    rgba(255,180,140,0.30)      35%,
    rgba(255,220,180,0.40)      50%,
    rgba(255,180,140,0.30)      65%,
    rgba(200, 80,120,0.20)      85%,
    transparent                 100%
  );
}

.edge-left {
  top: 0; left: 0; bottom: 0; width: 2.5px;
  background: linear-gradient(
    transparent 0%,
    rgba(80,140,255,0.50) 10%,
    rgba(140,180,255,0.60) 25%,
    rgba(200,220,255,0.40) 45%,
    rgba(255,220,180,0.20) 65%,
    rgba(200,140,100,0.15) 80%,
    transparent 100%
  );
}

.edge-right {
  top: 0; right: 0; bottom: 0; width: 2.5px;
  background: linear-gradient(
    transparent 0%,
    rgba(200,140,100,0.25) 15%,
    rgba(255,200,150,0.20) 35%,
    rgba(220,180,120,0.15) 55%,
    rgba(180,130,90,0.10) 75%,
    transparent 100%
  );
}

.corner-tl {
  top: 0; left: 0;
  width: 20px; height: 20px;
  background: radial-gradient(circle at 100% 100%, rgba(140,180,255,0.50) 0%, rgba(140,180,255,0.20) 40%, transparent 70%);
  border-radius: 20px 0 0 0;
}

.corner-tr {
  top: 0; right: 0;
  width: 20px; height: 20px;
  background: radial-gradient(circle at 0% 100%, rgba(200,140,255,0.40) 0%, rgba(200,140,255,0.15) 40%, transparent 70%);
  border-radius: 0 20px 0 0;
}

.corner-bl {
  bottom: 0; left: 0;
  width: 20px; height: 20px;
  background: radial-gradient(circle at 100% 0%, rgba(100,160,255,0.30) 0%, transparent 65%);
  border-radius: 0 0 0 20px;
}

.corner-br {
  bottom: 0; right: 0;
  width: 20px; height: 20px;
  background: radial-gradient(circle at 0% 0%, rgba(255,160,120,0.35) 0%, rgba(255,160,120,0.12) 40%, transparent 70%);
  border-radius: 0 0 20px 0;
}

.spec {
  top: 0; left: 0; right: 0;
  height: 40%;
  background: linear-gradient(
    rgba(255,255,255,0.04) 0%,
    rgba(255,255,255,0.012) 35%,
    transparent 100%
  );
  border-radius: 20px 20px 50% 50%;
}

.illum {
  top: 8%; left: 8%;
  width: 55%; height: 45%;
  background: radial-gradient(
    70% 55% at 36% 32%,
    rgba(255,255,255,0.025) 0%,
    rgba(255,255,255,0.008) 50%,
    transparent 100%
  );
  border-radius: 50%;
}

/* Soften heavy page vignettes that dim tool content */
body::after {
  opacity: 0.35 !important;
}

/* Ambient background orbs (calorie-planner / performance-tools parity) */
.lq-orb {
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  filter: blur(34px) saturate(130%);
  mix-blend-mode: screen;
  opacity: 0.52;
  animation: lqFloat 10s ease-in-out infinite;
}
.lq-orb.o1 {
  width: 220px; height: 220px;
  left: 4%; top: 16%;
  background: radial-gradient(circle, rgba(168,85,247,0.30) 0%, transparent 72%);
}
.lq-orb.o2 {
  width: 260px; height: 260px;
  right: 4%; top: 30%;
  background: radial-gradient(circle, rgba(34,211,238,0.24) 0%, transparent 72%);
  animation-delay: 1.4s;
}
.lq-orb.o3 {
  width: 220px; height: 220px;
  left: 35%; bottom: 8%;
  background: radial-gradient(circle, rgba(251,146,60,0.24) 0%, transparent 72%);
  animation-delay: 2.2s;
}
@keyframes lqFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-12px) scale(1.06); }
}
.page-wrap, .wrap, .container.wrap, main.container {
  position: relative;
  z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .lq-orb { animation: none; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   AADIFIT GLASS UNIFICATION — exact .lc .glass match
   Applied to all 25 tool pages
   ═══════════════════════════════════════════════════════════ */

/* ── 1. CINEMATIC TOOL OUTER WRAPPERS (.gl1/.gl2/.gl3/.gl4/.glr)
        Used in: clinical-diet, adaptive-diet-builder, and any
        tool using the .card.gl2 > .gb > .gc nesting pattern.
        Apply glass HERE — this is the visible card surface. ── */
.gl1, .gl2, .gl3, .gl4, .glr {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 2.4px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 28px !important;
  backdrop-filter: blur(40px) saturate(1.8) brightness(1.08) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.8) brightness(1.08) !important;
  box-shadow:
    rgba(255, 255, 255, 0.06)   3px   3px  8px  0px inset,
    rgba(255, 255, 255, 0.04)   1px   1px  3px  0px inset,
    rgba(0, 0, 0, 0.45)        -3px  -3px 10px  0px inset,
    rgba(0, 0, 0, 0.30)        -1px  -1px  4px  0px inset,
    rgba(0, 0, 0, 0.25)         0px  -5px 14px  0px inset,
    rgba(255, 255, 255, 0.024)  0px   3px 10px  0px inset,
    rgba(255, 255, 255, 0.02)   4px   0px  8px  0px inset,
    rgba(255, 255, 255, 0.04)   0px   0px  0px  1px,
    rgba(0, 0, 0, 0.70)         0px  24px 70px  0px,
    rgba(0, 0, 0, 0.45)         0px  10px 28px  0px,
    rgba(0, 0, 0, 0.30)         0px   3px  8px  0px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ── 2. STRIP .gb — make it transparent pass-through.
        Glass is now on .gl2 above; .gb just holds content. ── */
.gb {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: inherit !important;
  padding: 0 !important;
}
.gb::before,
.gb::after {
  display: none !important;
}

/* ── 3. REMOVE old decorative divs (replaced by edge-top/corners) ── */
.gs { display: none !important; }
.sv { display: none !important; }

/* ── 4. RESTORE PADDING on .gc (was on .gb — now moved here so
        .gc fills full card area, making edge-top/corners land
        at actual card edges, not inset by 22px) ── */
.gb > .gc {
  padding: 22px !important;
  overflow: hidden !important;
}

/* ── 5. STANDALONE GLASS CARDS — .gc, .form-container, .tt-gc
        These ARE the outer glass container in non-cinematic tools
        (calorie-planner, supplement-stack, workout-generator, etc.)
        :not(.gb > .gc) ensures we don't double-apply to cinematic tools ── */
.gc:not(.gb > .gc),
.form-container,
.tt-gc,
.glass-5,
.card[style*="position:relative"],
.form-card[style*="position:relative"],
.ps-form[style*="position:relative"],
.onboarding-container[style*="position:relative"],
#inputCard {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 2.4px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 28px !important;
  backdrop-filter: blur(40px) saturate(1.8) brightness(1.08) !important;
  -webkit-backdrop-filter: blur(40px) saturate(1.8) brightness(1.08) !important;
  box-shadow:
    rgba(255, 255, 255, 0.06)   3px   3px  8px  0px inset,
    rgba(255, 255, 255, 0.04)   1px   1px  3px  0px inset,
    rgba(0, 0, 0, 0.45)        -3px  -3px 10px  0px inset,
    rgba(0, 0, 0, 0.30)        -1px  -1px  4px  0px inset,
    rgba(0, 0, 0, 0.25)         0px  -5px 14px  0px inset,
    rgba(255, 255, 255, 0.024)  0px   3px 10px  0px inset,
    rgba(255, 255, 255, 0.02)   4px   0px  8px  0px inset,
    rgba(255, 255, 255, 0.04)   0px   0px  0px  1px,
    rgba(0, 0, 0, 0.70)         0px  24px 70px  0px,
    rgba(0, 0, 0, 0.45)         0px  10px 28px  0px,
    rgba(0, 0, 0, 0.30)         0px   3px  8px  0px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* ── 6. DELETE the old :has(> .edge-top) block — now redundant ── */
/* (Remove the entire "Glass treatment for v3-injected container classes" 
   block that was appended earlier — it is fully replaced by rule 5 above) */

/* ══════════════════════════════════════════════════════════════
   LIQUID GLASS v5 — .lc Card System
   Used by: performance-tools hub, women-system hub
   ══════════════════════════════════════════════════════════════ */
.lc{position:relative;text-decoration:none;color:inherit;display:block;cursor:pointer;opacity:0;transform:translateY(44px) scale(0.93);animation:liquidPop .9s cubic-bezier(.16,1,.3,1) forwards}
@keyframes liquidPop{0%{opacity:0;transform:translateY(44px) scale(0.93)}65%{opacity:1;transform:translateY(-8px) scale(1.02)}85%{transform:translateY(2px) scale(0.998)}100%{opacity:1;transform:translateY(0) scale(1)}}
.lc:nth-child(1){animation-delay:.05s}.lc:nth-child(2){animation-delay:.1s}.lc:nth-child(3){animation-delay:.15s}.lc:nth-child(4){animation-delay:.22s}.lc:nth-child(5){animation-delay:.28s}.lc:nth-child(6){animation-delay:.34s}.lc:nth-child(7){animation-delay:.4s}
.lc .glow{position:absolute;top:50%;left:50%;width:80%;height:75%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(55px);z-index:0;opacity:0.4;transition:opacity .7s ease,filter .7s ease,transform .7s ease;pointer-events:none}
.lc:hover .glow{opacity:0.65;filter:blur(65px);transform:translate(-50%,-50%) scale(1.15)}
.lc:nth-child(6n+1) .glow{background:radial-gradient(circle,rgba(50,90,220,0.6) 0%,transparent 70%)}
.lc:nth-child(6n+2) .glow{background:radial-gradient(circle,rgba(210,55,75,0.55) 0%,transparent 70%)}
.lc:nth-child(6n+3) .glow{background:radial-gradient(circle,rgba(200,140,40,0.5) 0%,transparent 70%)}
.lc:nth-child(6n+4) .glow{background:radial-gradient(circle,rgba(110,50,200,0.5) 0%,transparent 70%)}
.lc:nth-child(6n+5) .glow{background:radial-gradient(circle,rgba(40,180,150,0.45) 0%,transparent 70%)}
.lc:nth-child(6n+6) .glow{background:radial-gradient(circle,rgba(220,70,50,0.5) 0%,transparent 70%)}
.lc .glass{position:relative;z-index:1;border-radius:28px;padding:40px 34px 36px;display:flex;flex-direction:column;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease,border-color .55s ease;background:rgba(255,255,255,0.02);backdrop-filter:blur(40px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.08);border:2.5px solid rgba(255,255,255,0.10);box-shadow:inset 3px 3px 8px rgba(255,255,255,0.06),inset 1px 1px 3px rgba(255,255,255,0.04),inset -3px -3px 10px rgba(0,0,0,0.45),inset -1px -1px 4px rgba(0,0,0,0.3),inset 0 -5px 14px rgba(0,0,0,0.25),inset 0 3px 10px rgba(255,255,255,0.025),inset 4px 0 8px rgba(255,255,255,0.02),0 0 0 1px rgba(255,255,255,0.04),0 24px 70px rgba(0,0,0,0.7),0 10px 28px rgba(0,0,0,0.45),0 3px 8px rgba(0,0,0,0.3)}
.lc:hover .glass{transform:translateY(-14px) scale(1.025);border-color:rgba(255,255,255,0.20);box-shadow:inset 4px 4px 10px rgba(255,255,255,0.09),inset 1px 1px 4px rgba(255,255,255,0.06),inset -4px -4px 12px rgba(0,0,0,0.5),inset -1px -1px 5px rgba(0,0,0,0.35),inset 0 -6px 16px rgba(0,0,0,0.3),inset 0 3px 12px rgba(255,255,255,0.035),inset 5px 0 10px rgba(255,255,255,0.03),0 0 0 1px rgba(255,255,255,0.10),0 0 0 2.5px rgba(255,255,255,0.04),0 35px 90px rgba(0,0,0,0.8),0 14px 38px rgba(0,0,0,0.5),0 5px 12px rgba(0,0,0,0.35)}
.edge-top{position:absolute;top:-1px;left:6%;right:6%;height:3px;border-radius:3px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(80,140,255,0.5) 10%,rgba(160,200,255,0.8) 25%,rgba(255,255,255,0.95) 40%,rgba(255,230,160,0.7) 55%,rgba(255,160,130,0.5) 72%,rgba(200,80,120,0.3) 88%,transparent 100%);filter:blur(0.3px)}
.edge-bottom{position:absolute;bottom:-1px;left:12%;right:12%;height:2px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(200,80,120,0.2) 15%,rgba(255,180,140,0.3) 35%,rgba(255,220,180,0.4) 50%,rgba(255,180,140,0.3) 65%,rgba(200,80,120,0.2) 85%,transparent 100%);filter:blur(0.3px)}
.edge-left{position:absolute;top:6%;bottom:6%;left:-1px;width:2.5px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(80,140,255,0.5) 10%,rgba(140,180,255,0.6) 25%,rgba(200,220,255,0.4) 45%,rgba(255,220,180,0.2) 65%,rgba(200,140,100,0.15) 80%,transparent 100%);filter:blur(0.3px)}
.edge-right{position:absolute;top:6%;bottom:6%;right:-1px;width:2px;border-radius:2px;z-index:6;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(200,80,120,0.15) 15%,rgba(255,160,130,0.25) 30%,rgba(255,200,160,0.3) 50%,rgba(255,160,130,0.2) 70%,rgba(140,100,200,0.15) 85%,transparent 100%);filter:blur(0.3px)}
.corner-tl{position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-radius:28px 0 0 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 100% 100%,rgba(140,180,255,0.5) 0%,rgba(140,180,255,0.2) 40%,transparent 70%)}
.corner-tr{position:absolute;top:-1px;right:-1px;width:18px;height:18px;border-radius:0 28px 0 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 0% 100%,rgba(200,140,255,0.3) 0%,rgba(200,140,255,0.1) 40%,transparent 70%)}
.corner-bl{position:absolute;bottom:-1px;left:-1px;width:16px;height:16px;border-radius:0 0 0 28px;z-index:7;pointer-events:none;background:radial-gradient(circle at 100% 0%,rgba(100,160,255,0.2) 0%,transparent 60%)}
.corner-br{position:absolute;bottom:-1px;right:-1px;width:18px;height:18px;border-radius:0 0 28px 0;z-index:7;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgba(255,160,120,0.25) 0%,rgba(255,160,120,0.08) 40%,transparent 70%)}
.lc .glass .spec{position:absolute;top:0;left:8%;right:8%;height:45%;border-radius:28px 28px 50% 50%;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.015) 35%,transparent 100%)}
.lc .glass .illum{position:absolute;top:12%;left:5%;right:5%;height:40%;border-radius:50%;background:radial-gradient(ellipse 70% 55% at 36% 32%,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 50%,transparent 100%);pointer-events:none;z-index:0}
.lc .ic{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:24px;position:relative;z-index:2;background:rgba(255,255,255,0.025);border:1.5px solid rgba(255,255,255,0.06);box-shadow:inset 1px 1px 3px rgba(255,255,255,0.04),inset -1px -1px 4px rgba(0,0,0,0.2),0 4px 12px rgba(0,0,0,0.25)}
.lc .nm{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:#f0ecff;margin-bottom:12px;position:relative;z-index:2;line-height:1.35}
.lc .ds{font-family:'DM Sans',sans-serif;font-size:14px;color:rgba(220,215,240,0.78);line-height:1.82;margin-bottom:24px;position:relative;z-index:2;flex:1}
.lc .tg{display:inline-block;padding:5px 14px;border-radius:100px;font-size:9.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:2;background:rgba(200,169,110,0.03);border:1px solid rgba(200,169,110,0.08);color:rgba(200,169,110,0.45)}
.lc .bt{display:inline-flex;align-items:center;gap:7px;padding:12px 28px;border-radius:14px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:#160d00;text-decoration:none;position:relative;z-index:2;align-self:flex-start;background:linear-gradient(140deg,#f2d258 0%,#d49222 42%,#a8660e 80%,#8c5008 100%);box-shadow:0 0 0 .5px rgba(240,190,70,.42),0 0 0 1.2px rgba(0,0,0,.40),0 0 20px rgba(210,140,28,.30),0 4px 18px rgba(200,128,24,.40),0 2px 5px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,242,165,.42),inset 0 -1px 0 rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s}
.lc .bt:hover{transform:translateY(-2px);box-shadow:0 0 0 .5px rgba(240,190,70,.55),0 0 0 1.2px rgba(0,0,0,.40),0 0 28px rgba(210,140,28,.55),0 6px 24px rgba(200,128,24,.60),0 2px 5px rgba(0,0,0,.48),inset 0 1.5px 0 rgba(255,242,165,.42),inset 0 -1px 0 rgba(0,0,0,.18)}
.lc .nw{display:inline-block;padding:2px 9px;border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.6px;margin-left:8px;vertical-align:middle;background:rgba(200,169,110,.12);border:1px solid rgba(200,169,110,.25);color:var(--gold)}
.lc .bt svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;opacity:.5}
.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
@media(max-width:980px){.lg-grid{grid-template-columns:repeat(2,1fr);gap:40px}}
@media(max-width:580px){.lg-grid{grid-template-columns:1fr;gap:36px}.lc .glass{padding:30px 26px 28px;border-radius:22px}.lc .ic{width:44px;height:44px;font-size:19px;margin-bottom:20px;border-radius:13px}.lc .nm{font-size:16px}.lc .ds{font-size:12.5px;margin-bottom:20px}.lc .bt{padding:10px 22px;font-size:12px;border-radius:12px}.edge-top,.edge-bottom{height:2px}.edge-left,.edge-right{width:1.5px}}