/* TOCHKA_REFERENCE_HOME_20261102_V1
   Main screen based on the approved reference: sunlit hiker, forest-green
   atmosphere chooser, golden actions, five-icon navigation and feature tiles.
   PHOTO SOURCE is unchanged and stays the exact previously approved embedded
   TOCHKA_APPROVED_MALE_20261101 image; no stretched faces or overlay screenshot.
   Female atmosphere and application data/logic are untouched. */
body[data-gender="male"]{
  --ref-pine:#074a38;
  --ref-pine-dark:#063729;
  --ref-gold:#edc56e;
  --ref-cream:#fffaf0;
}
body[data-gender="male"] .app{
  background:#f9f5e9;
}
body[data-gender="male"] .intro-shell{
  background-color:#1f615d;
  border-bottom:0;
  --intro-overlay:linear-gradient(90deg,
    rgba(8,46,45,.40) 0%,
    rgba(8,52,51,.29) 38%,
    rgba(10,57,52,.09) 68%,
    transparent 90%);
}
body[data-gender="male"] .intro-shell::before{
  background-image:var(--theme-photo);
  background-size:cover;
  background-position:73% center;
  filter:brightness(1.035) saturate(1.09);
}
body[data-gender="male"] .intro-shell::after{background:var(--intro-overlay)}
body[data-gender="male"] .intro-shell .hero{
  min-height:clamp(540px,52vw,630px);
  padding:22px clamp(21px,4.6vw,56px) 36px;
}
body[data-gender="male"] .intro-shell .top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
body[data-gender="male"] .intro-shell .brand{gap:13px;align-items:center}
body[data-gender="male"] .intro-shell .logo{
  width:84px;height:84px;
  border:2px solid #f2cc72;
  box-shadow:0 0 0 2px #0a473d,0 5px 16px rgba(0,31,28,.26);
}
body[data-gender="male"] .intro-shell .brand b{
  color:#fffaf2;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:700;
  font-size:clamp(20px,2.65vw,32px);
  letter-spacing:2px;
  line-height:1.1;
  text-shadow:0 2px 7px rgba(7,36,35,.55);
}
body[data-gender="male"] .intro-shell .brand small{
  color:#fff7df;
  font-size:clamp(9px,1.1vw,12px);
  letter-spacing:2.1px;
  font-weight:650;
  text-transform:uppercase;
  text-shadow:0 1px 6px rgba(7,36,35,.55);
}
body[data-gender="male"] .intro-shell .switch{
  background:rgba(255,253,245,.97);
  border:1px solid #eddcc0;
  color:#182e25;
  box-shadow:0 5px 16px rgba(0,32,27,.18);
  font-size:12px;font-weight:750;
  padding:10px 13px;
  border-radius:24px;
}
body[data-gender="male"] .intro-shell .switch input{accent-color:#0b9568}
body[data-gender="male"] .intro-shell .hero-main{
  max-width:min(55%,560px);
  margin-top:35px;
}
body[data-gender="male"] .intro-shell .eyebrow{
  color:#fff9e8;
  font-size:clamp(10px,1.15vw,14px);
  font-weight:650;
  letter-spacing:2.2px;
  text-transform:uppercase;
}
body[data-gender="male"] .intro-shell .hero h1{
  color:#fffdf8;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(34px,4.6vw,57px);
  line-height:1.09;
  letter-spacing:-.5px;
  margin:21px 0 19px;
  max-width:660px;
  text-shadow:0 2px 9px rgba(8,42,44,.61),0 0 22px rgba(7,32,36,.19);
}
body[data-gender="male"] .intro-shell .hero h1 em{
  color:#f5cb70;
  font-style:normal;
}
body[data-gender="male"] .intro-shell .hero p{
  color:#fffaf0;
  max-width:345px;
  font-size:clamp(14px,1.25vw,17px);
  line-height:1.44;
  font-weight:500;
  text-shadow:0 1px 6px rgba(6,29,31,.76);
}
body[data-gender="male"] .intro-shell .hero .actions{
  margin-top:clamp(26px,4vw,42px);
  gap:12px;
}
body[data-gender="male"] .intro-shell .hero .actions .btn{
  min-height:52px;border-radius:27px;
  padding:11px 21px;
  font-size:clamp(12px,1.1vw,15px);
  font-weight:760;
  box-shadow:0 5px 16px rgba(5,38,29,.26);
  transition:transform .16s,filter .16s;
}
body[data-gender="male"] .intro-shell .hero .actions .btn:active{transform:translateY(1px)}
body[data-gender="male"] .intro-shell .hero .actions .btn.primary{
  background:linear-gradient(180deg,#ffe6a6,#f8ca66 72%,#e5ac43);
  border:1px solid #f9d98e;color:#253128;
}
body[data-gender="male"] .intro-shell .hero .actions .btn.outline{
  background:rgba(4,53,41,.84);
  border:1px solid rgba(255,250,234,.88);
  color:#fffdf6;
}
body[data-gender="male"] .intro-shell .genderbar{
  display:block;
  width:calc(100% - clamp(24px,5vw,64px));
  max-width:none;
  margin:0 auto 17px;
  padding:19px 23px 20px;
  border-radius:26px;
  border:1.5px solid rgba(248,214,143,.9);
  background:linear-gradient(120deg,rgba(3,58,42,.98),rgba(0,70,48,.96));
  box-shadow:0 9px 22px rgba(5,46,31,.20),inset 0 1px 0 rgba(255,248,221,.11);
  color:#fff9ed;
  backdrop-filter:blur(8px);
}
body[data-gender="male"] .intro-shell .genderbar b{
  display:block;
  color:#fffaf1;
  font:700 clamp(22px,2.5vw,33px)/1.15 Georgia,'Times New Roman',serif;
}
body[data-gender="male"] .intro-shell .genderbar p{
  margin:7px 0 17px;
  color:#f4f2e9;
  font-size:clamp(12px,1.23vw,16px);
  line-height:1.48;
}
body[data-gender="male"] .intro-shell .genderbtns{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
body[data-gender="male"] .intro-shell .genderbtn{
  min-height:49px;border-radius:24px;
  text-align:left;
  padding:10px 20px;
  font-size:clamp(13px,1.4vw,17px);
  color:#18362a;
  background:linear-gradient(180deg,#fffef7,#f1f4ed);
  border:1px solid rgba(255,245,222,.88);
  box-shadow:0 3px 11px rgba(2,25,18,.12);
}
body[data-gender="male"] .intro-shell #gender-male.active{
  background:linear-gradient(180deg,#ffe9ab,#f4c45b 78%,#ecaf42);
  border:1px solid #fbe4b1;
  color:#1c3025;
}
body[data-gender="male"] .intro-shell #gender-female.active{
  background:linear-gradient(180deg,#ffe9ab,#f4c45b);
  color:#1c3025;
}
body[data-gender="male"] .nav{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:5px;
  margin:0 11px 13px;
  padding:10px 11px;
  width:calc(100% - 22px);
  overflow-x:auto;
  scrollbar-width:thin;
  border:1.5px solid rgba(243,212,152,.95);
  border-radius:23px;
  background:linear-gradient(100deg,#053c2e,#005140 58%,#044233);
  box-shadow:0 7px 19px rgba(14,58,39,.20);
}
body[data-gender="male"] .nav button{
  flex:0 0 calc((100% - 20px)/5);
  min-width:0;
  min-height:78px;
  padding:6px 3px;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:5px;
  color:#fffaf1;
  white-space:normal;
  font-size:clamp(10px,1.1vw,15px);
  line-height:1.13;
  text-align:center;
  border:1px solid transparent;
  border-radius:15px;
  background:transparent;
}
body[data-gender="male"] .nav button:hover,
body[data-gender="male"] .nav button.active{
  color:#ffe2a0;
  border-color:rgba(233,199,127,.29);
  background:rgba(10,87,65,.45);
  box-shadow:none;
}
body[data-gender="male"] .nav button::before{
  content:"" !important;
  width:31px;height:31px;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  color:inherit;
}
body[data-gender="male"] #nav-home::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5cf81' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-8 9 8v11h-6v-7H9v7H3z'/%3E%3C/svg%3E")}
body[data-gender="male"] #nav-habits::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5cf81' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M3 21V12M8 21V8M13 21V4M18 21V11M22 21H2'/%3E%3C/svg%3E")}
body[data-gender="male"] #nav-breath::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5cf81' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v9m0 0-3-3m3 3 3-3M9 6c-3-1-5 1-6 6-1 5 0 8 4 8 3 0 4-2 5-5m3-9c3-1 5 1 6 6 1 5 0 8-4 8-3 0-4-2-5-5'/%3E%3C/svg%3E")}
body[data-gender="male"] #nav-nutrition::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5cf81' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8C7 4 3 8 3 13c0 4 2 8 5 8 2 0 3-1 4-1s2 1 4 1c3 0 5-4 5-8 0-5-4-9-9-5Zm0 0c0-4 2-6 4-6m-4 5c-2-3-5-3-7-2'/%3E%3C/svg%3E")}
body[data-gender="male"] #nav-preparation::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5cf81' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='17' rx='2'/%3E%3Cpath d='M7 2v6m10-6v6M3 10h18m-13 6 3 3 5-5'/%3E%3C/svg%3E")}
body[data-gender="male"] .nav button:not(#nav-home):not(#nav-habits):not(#nav-breath):not(#nav-nutrition):not(#nav-preparation)::before{display:none}
.home-design-traits{display:none}
body[data-gender="male"][data-current-tab="home"] .home-design-traits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 12px 16px;
  padding:20px 9px;
  border-radius:23px;
  border:1px solid #e5dac4;
  background:linear-gradient(135deg,#fffef7,#fbf6e8);
  box-shadow:0 5px 18px rgba(64,73,47,.12);
}
body[data-gender="male"] .home-design-traits .trait{
  min-width:0;text-align:center;
  padding:3px 13px;
  color:#1d2e29;
}
body[data-gender="male"] .home-design-traits .trait+.trait{
  border-left:1px solid #ded6c4;
}
body[data-gender="male"] .home-design-traits .trait-icon{
  display:block;
  margin:0 auto 7px;
  font-size:36px;
  font-family:Georgia,serif;
  color:#9b6721;
  line-height:1.1;
}
body[data-gender="male"] .home-design-traits .trait strong{
  display:block;
  font-size:clamp(12px,1.35vw,17px);
  line-height:1.21;
  font-weight:800;
}
body[data-gender="male"] .home-design-traits .trait small{
  display:block;
  margin-top:3px;
  color:#3e4540;
  font-size:clamp(10px,1vw,13px);
  line-height:1.23;
}
body[data-gender="male"][data-current-tab="home"] main.content{
  padding-top:10px;
}
body[data-gender="male"] .intro-shell .hero .btn:focus-visible,
body[data-gender="male"] .intro-shell .genderbtn:focus-visible,
body[data-gender="male"] .nav button:focus-visible{
  outline:3px solid #ffd987;outline-offset:3px;
}
@media(min-width:760px) and (orientation:landscape){
  body[data-gender="male"] .intro-shell::before{
    background-image:var(--theme-photo-tablet,var(--theme-photo));
    background-position:right center;
    background-size:cover;
  }
}
@media(max-width:759px){
  body[data-gender="male"] .intro-shell .hero{
    min-height:clamp(520px,115vw,650px);
    padding:18px 18px 28px;
  }
  body[data-gender="male"] .intro-shell::before{
    background-size:auto 100%;
    background-position:75% center;
  }
  body[data-gender="male"] .intro-shell .logo{
    width:62px;height:62px;
  }
  body[data-gender="male"] .intro-shell .brand{gap:9px}
  body[data-gender="male"] .intro-shell .brand b{
    font-size:clamp(17px,4.4vw,25px);
    letter-spacing:1.35px;
  }
  body[data-gender="male"] .intro-shell .brand small{
    font-size:8px;letter-spacing:1.25px;
  }
  body[data-gender="male"] .intro-shell .switch{
    padding:7px 9px;font-size:10px;
  }
  body[data-gender="male"] .intro-shell .hero-main{
    max-width:72%;margin-top:33px;
  }
  body[data-gender="male"] .intro-shell .hero h1{
    font-size:clamp(29px,6vw,41px);
    margin:13px 0;
  }
  body[data-gender="male"] .intro-shell .eyebrow{
    font-size:10px;letter-spacing:1.35px;
  }
  body[data-gender="male"] .intro-shell .hero p{
    max-width:270px;font-size:13px;line-height:1.42;
  }
  body[data-gender="male"] .intro-shell .hero .actions{
    margin-top:28px;gap:9px;
  }
  body[data-gender="male"] .intro-shell .hero .actions .btn{
    min-height:44px;padding:9px 14px;font-size:12px;
  }
  body[data-gender="male"] .intro-shell .genderbar{
    width:calc(100% - 20px);
    padding:17px 16px;
    border-radius:19px;
    margin-bottom:12px;
  }
  body[data-gender="male"] .intro-shell .genderbar b{font-size:24px}
  body[data-gender="male"] .intro-shell .genderbar p{font-size:13px}
  body[data-gender="male"] .intro-shell .genderbtns{grid-template-columns:1fr;gap:8px}
  body[data-gender="male"] .intro-shell .genderbtn{
    font-size:14px;min-height:45px;padding:9px 16px;
  }
  body[data-gender="male"] .nav{
    width:calc(100% - 12px);margin:0 6px 12px;
    padding:7px 5px;gap:1px;border-radius:20px;
  }
  body[data-gender="male"] .nav button{
    flex:0 0 calc((100% - 4px)/5);
    font-size:10px;min-height:68px;gap:5px;
    padding:4px 0;line-height:1.12;
  }
  body[data-gender="male"] .nav button::before{width:27px;height:27px}
  body[data-gender="male"][data-current-tab="home"] .home-design-traits{
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin:0 8px 14px;padding:12px 6px;
  }
  body[data-gender="male"] .home-design-traits .trait{padding:12px 7px}
  body[data-gender="male"] .home-design-traits .trait:nth-child(3){border-left:0}
  body[data-gender="male"] .home-design-traits .trait:nth-child(n+3){border-top:1px solid #ded6c4}
  body[data-gender="male"] .home-design-traits .trait-icon{font-size:31px}
  body[data-gender="male"] .home-design-traits .trait strong{font-size:13px}
  body[data-gender="male"] .home-design-traits .trait small{font-size:10px}
}
@media(max-width:400px){
  body[data-gender="male"] .intro-shell .hero-main{max-width:82%}
  body[data-gender="male"] .intro-shell .hero h1{font-size:30px}
  body[data-gender="male"] .intro-shell .hero p{max-width:218px}
  body[data-gender="male"] .intro-shell .topright{flex-direction:column;align-items:flex-end}
  body[data-gender="male"] .intro-shell .hero .actions .btn{font-size:11px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){
  body[data-gender="male"] .intro-shell .hero .actions .btn{transition:none}
}
/* REFERENCE_HOME_BOOT_VISUAL_PROOF_V2:
   In-app visible release indicator, only on the updated male main hero. */
.reference-release-label{display:none}
body[data-gender="male"] .intro-shell .reference-release-label{
  display:inline-block;
  max-width:100%;
  margin:11px 0 0;
  padding:6px 11px;
  color:#183e31;
  font-weight:800;
  font-size:11px;
  letter-spacing:.5px;
  background:rgba(255,240,196,.95);
  border:1px solid rgba(254,250,231,.92);
  border-radius:15px;
  box-shadow:0 2px 9px rgba(0,29,22,.22);
}
@media(max-width:759px){
 body[data-gender="male"] .intro-shell .reference-release-label{
   margin-top:8px;font-size:9px;padding:5px 8px;
 }
}
/* Ensure this release can be visually distinguished even when a stored
   preference was previously female or a photo override was set. */