/* TOCHKA_PREMIUM_ATMOSPHERES_20261101_V1
   Approved visual direction: rich emerald/gold male hero, sunrise/sky/light scroll,
   soft ivory/forest-green/champagne female, original images and app logic intact.
   Deliberately loaded LAST after male-dawn.css to avoid stale cascade overrides.
   Rollback: remove this stylesheet link; backup branch before-premium-atmospheres. */

body[data-gender="male"]{
  --premium-emerald:#0d3d32;
  --premium-gold:#e3bf80;
  --premium-ivory:#f8f6ee;
}

/* MEN: deep yet luminous emerald hero and visible sunset, using the ORIGINAL photo. */
body[data-gender="male"] .intro-shell{
  background-color:#0c392f;
  --intro-overlay:
    radial-gradient(ellipse at 87% 9%,rgba(248,192,103,.09) 0%,transparent 49%),
    linear-gradient(92deg,rgba(4,37,32,.98) 0%,rgba(7,49,40,.94) 31%,rgba(7,51,41,.66) 62%,rgba(7,41,34,.17) 100%),
    linear-gradient(0deg,rgba(6,45,35,.22),transparent 39%);
  border-bottom:2px solid #d7b57d;
  color:#fff8eb;
}
body[data-gender="male"] .intro-shell::before{
  filter:brightness(.99) saturate(.99) contrast(1.03);
}
body[data-gender="male"] .intro-shell::after{background:var(--intro-overlay)}
body[data-gender="male"] .intro-shell .brand b{
  color:#fff2d6;
  text-shadow:0 2px 9px rgba(3,26,21,.33);
}
body[data-gender="male"] .intro-shell .brand small{color:#f0d4a3}
body[data-gender="male"] .intro-shell .logo{
  border:2px solid #edcb87;
  box-shadow:0 7px 22px rgba(2,28,22,.42),0 0 0 1px rgba(255,235,173,.59),0 0 0 6px rgba(23,118,80,.14);
}
body[data-gender="male"] .intro-shell .brand::before{
  background:radial-gradient(circle,rgba(54,146,98,.30) 0%,rgba(44,109,82,.14) 45%,transparent 76%);
}
body[data-gender="male"] .intro-shell .eyebrow{
  color:#f4dfb3;
  text-shadow:0 1px 5px rgba(0,22,17,.30);
}
body[data-gender="male"] .intro-shell .hero h1{
  color:#fffaf1;
  text-shadow:0 3px 16px rgba(0,26,20,.35);
}
body[data-gender="male"] .intro-shell .hero h1 em{color:#ebbf78}
body[data-gender="male"] .intro-shell .hero p{
  color:#f0f2e8;
  text-shadow:0 2px 8px rgba(1,27,21,.34);
}
body[data-gender="male"] .intro-shell .switch{
  background:rgba(252,246,230,.92);
  color:#265044;
  border:1px solid rgba(224,189,123,.89);
  box-shadow:0 6px 19px rgba(1,31,24,.22);
}
body[data-gender="male"] .intro-shell .btn.primary{
  background:linear-gradient(110deg,#be8d45,#f6dca1 54%,#c69759);
  color:#173e32;
  border:1px solid #f3dcaf;
}
body[data-gender="male"] .intro-shell .btn.outline{
  background:rgba(5,53,42,.72);
  color:#fff8e9;
  border:1px solid rgba(233,208,158,.85);
  box-shadow:0 6px 20px rgba(3,29,22,.22);
}
body[data-gender="male"] .intro-shell .genderbar{
  position:relative;
  background:linear-gradient(128deg,rgba(5,56,45,.96) 0%,rgba(13,66,53,.95) 57%,rgba(9,49,42,.95) 100%);
  border:1.7px solid rgba(226,190,124,.92);
  box-shadow:0 16px 42px rgba(0,31,25,.28),inset 0 1px 0 rgba(249,224,168,.19);
}
body[data-gender="male"] .intro-shell .genderbar b{color:#fff5e4}
body[data-gender="male"] .intro-shell .genderbar p{color:#e0e9e1}
body[data-gender="male"] .intro-shell .genderbar::after{
  content:"";
  position:absolute;
  right:28px;
  top:26px;
  width:144px;
  height:57px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%2058%22%20fill%3D%22none%22%20stroke%3D%22%23E2BE7E%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2049%2038%2018%2051%2031%2073%207%2096%2034%20111%2022%20144%2049%22%2F%3E%3Cpath%20d%3D%22m62%2019%2011-12%2013%2018m-48-7%206%207%207-3m46%2014%2014-14%209%2010%22%2F%3E%3Cpath%20d%3D%22M9%2053h132%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  opacity:.76;
  pointer-events:none;
}
body[data-gender="male"] .intro-shell .genderbar>div{position:relative;z-index:1}
body[data-gender="male"] .intro-shell .genderbtn{
  color:#f8f4e7;
  background:linear-gradient(110deg,rgba(12,74,58,.88),rgba(18,76,65,.9));
  border:1px solid rgba(158,201,170,.55);
  box-shadow:0 5px 14px rgba(2,35,28,.20);
}
body[data-gender="male"] .intro-shell #gender-male.active{
  color:#163f32;
  background:linear-gradient(105deg,#c49550,#f2d59c 54%,#c89b5f);
  border:1.7px solid #ffe4a8;
  box-shadow:0 6px 18px rgba(0,35,25,.24),inset 0 1px 0 rgba(255,249,217,.55);
}
body[data-gender="male"] .intro-shell #gender-female{
  background:rgba(12,68,56,.83);
  color:#f1f6ed;
  border-color:rgba(170,207,178,.48);
}

/* MEN: the rest of the journey stays LIGHT, with daylight and mountains.
   The existing mountain photo only spans the upper part; transparent scenic
   layers fade gently to ivory, sage and sunshine across the long scroll. */
body[data-gender="male"] .app{background:#f7f5ed;color:#2b493d}
body[data-gender="male"] .nav{
  background:linear-gradient(100deg,#164739,#255a49 58%,#326852);
  border-bottom:2px solid rgba(225,184,116,.86);
  box-shadow:0 5px 19px rgba(13,55,40,.12);
}
body[data-gender="male"] .nav button{color:#f7f4e8}
body[data-gender="male"] .nav button.active,
body[data-gender="male"] .nav button:hover{
  color:#274e3c;
  background:linear-gradient(125deg,#e8c894,#f8e7c4);
  border-color:#ddb679;
}
body[data-gender="male"] main.content{
  background-color:#f7f5ec;
  background-image:
    radial-gradient(ellipse 55% 18% at 82% 8%,rgba(247,204,122,.24),transparent 88%),
    radial-gradient(ellipse 68% 20% at 5% 37%,rgba(158,198,155,.20),transparent 92%),
    radial-gradient(ellipse 58% 18% at 90% 69%,rgba(245,208,147,.19),transparent 94%),
    linear-gradient(180deg,rgba(235,244,224,.41) 0%,rgba(250,247,234,.61) 240px,rgba(251,249,240,.87) 760px,#f8f7f0 1250px,#f3f6ec 62%,#faf7ed 100%),
    var(--male-scenic-bg,linear-gradient(145deg,#e1eddd,#f6e4c4));
  background-position:center,center,center,center,62% top;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 960px;
  background-repeat:no-repeat;
  color:#2f5041;
}
body[data-gender="male"] .panel,
body[data-gender="male"] .resource{
  background:linear-gradient(140deg,rgba(255,253,245,.94),rgba(241,248,237,.93));
  color:#2b4a3e;
  border:1px solid rgba(185,158,111,.52);
  box-shadow:0 10px 26px rgba(39,72,49,.105);
  backdrop-filter:blur(9px);
}
body[data-gender="male"] .sectionhead h2,
body[data-gender="male"] .day-title,
body[data-gender="male"] .panel h3,
body[data-gender="male"] .resource h4{color:#204e3b}
body[data-gender="male"] .panel p,
body[data-gender="male"] .resource p{color:#546f60}
body[data-gender="male"] .day{
  background:rgba(255,254,247,.88);
  border-color:#d4d3bf;
  color:#345646;
}
body[data-gender="male"] .day.current{
  background:linear-gradient(140deg,#155541,#28715b);
  border-color:#c9ac71;
  color:#fff5e3;
  box-shadow:0 9px 20px rgba(35,96,67,.15);
}
body[data-gender="male"] .day.current span,
body[data-gender="male"] .day.current em{color:#f6e7c5}
body[data-gender="male"] .preview-note{
  background:rgba(236,245,233,.90);
  border:1px solid #d4dfca;
  color:#4b6a5b;
}
body[data-gender="male"] .mood-item{border-color:rgba(217,182,115,.80)}
body[data-gender="male"] .day-cover{border:1.5px solid rgba(220,188,130,.86)}
body[data-gender="male"] .day-cover::after{
  inset:27% 0 0;
  background:linear-gradient(to bottom,transparent,rgba(6,37,29,.45) 46%,rgba(4,30,24,.90) 100%);
}
body[data-gender="male"] .day-cover b{
  color:#fff7e8;
  text-shadow:0 2px 8px rgba(0,0,0,.69);
}
body[data-gender="male"] .footer{background:#f6f5ed;border-color:#dfd3b9;color:#627569}
body[data-gender="male"] .footer b{color:#20533e}

/* WOMEN: proposed airy premium version — champagne, ivory, lush dark green, gold. */
body[data-gender="female"] .intro-shell{
  background-color:#f8f3e6;
  --intro-overlay:
    radial-gradient(ellipse at 87% 2%,rgba(72,112,72,.19) 0%,transparent 42%),
    linear-gradient(90deg,rgba(255,253,243,.98) 0%,rgba(255,251,237,.92) 35%,rgba(249,246,227,.61) 62%,rgba(241,232,199,.08) 100%),
    linear-gradient(0deg,rgba(50,102,69,.18),transparent 42%);
  border-bottom:2px solid rgba(204,173,116,.76);
}
body[data-gender="female"] .intro-shell::before{
  background-position:65% 42%;
  filter:brightness(1.08) saturate(1.02) contrast(1.03);
}
body[data-gender="female"] .intro-shell::after{background:var(--intro-overlay)}
body[data-gender="female"] .intro-shell .brand b{color:#194f3b}
body[data-gender="female"] .intro-shell .brand small{color:#a47e46}
body[data-gender="female"] .intro-shell .logo{
  border:2px solid #d7b57c;
  box-shadow:0 6px 20px rgba(47,91,66,.17),0 0 0 1px rgba(212,174,103,.6),0 0 0 5px rgba(81,146,103,.08);
}
body[data-gender="female"] .intro-shell .eyebrow{color:#3a6954}
body[data-gender="female"] .intro-shell .hero h1{color:#143f33}
body[data-gender="female"] .intro-shell .hero h1 em{color:#b18446}
body[data-gender="female"] .intro-shell .hero p{color:#526b5d}
body[data-gender="female"] .intro-shell .btn.primary{
  background:linear-gradient(105deg,#c89550,#f2d69d 54%,#d1a66c);
  border:1px solid #f1dcae;
  color:#234737;
}
body[data-gender="female"] .intro-shell .btn.outline{
  background:rgba(252,250,235,.87);
  color:#255c47;
  border:1px solid rgba(69,123,90,.72);
}
body[data-gender="female"] .intro-shell .genderbar{
  position:relative;
  background:linear-gradient(135deg,rgba(255,253,239,.96) 0%,rgba(251,248,230,.94) 68%,rgba(245,247,226,.94) 100%);
  border:1.7px solid rgba(206,174,111,.82);
  box-shadow:0 14px 34px rgba(57,92,66,.14),inset 0 1px 0 rgba(255,255,255,.86);
}
body[data-gender="female"] .intro-shell .genderbar b{color:#224d3d}
body[data-gender="female"] .intro-shell .genderbar p{color:#647569}
body[data-gender="female"] .intro-shell .genderbar::after{
  content:"";
  position:absolute;
  right:21px;
  top:11px;
  width:153px;
  height:130px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20170%20145%22%20fill%3D%22none%22%20stroke%3D%22%23B28B50%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%20126C73%2099%2094%2055%20135%2012%22%2F%3E%3Cpath%20d%3D%22M69%2091C47%2093%2036%2079%2038%2064c20%200%2031%208%2031%2027ZM89%2068c-7-21%200-37%2015-43%206%2018%200%2031-15%2043ZM112%2040c14-3%2024-15%2023-28-16%201-26%2010-23%2028ZM52%20107c-24%204-35-5-38-21%2019-3%2035%205%2038%2021Z%22%2F%3E%3Cpath%20d%3D%22M73%2090c18%202%2028%2013%2026%2029-20-3-28-14-26-29ZM35%20120c-1%2012%208%2018%2023%2018%200-11-10-19-23-18Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  opacity:.67;
  pointer-events:none;
}
body[data-gender="female"] .intro-shell .genderbar>div{position:relative;z-index:1}
body[data-gender="female"] .intro-shell .genderbtn{
  background:linear-gradient(110deg,rgba(255,252,242,.99),rgba(249,242,225,.98));
  color:#285446;
  border:1px solid rgba(201,176,133,.75);
  box-shadow:0 4px 12px rgba(88,97,68,.09);
}
body[data-gender="female"] .intro-shell #gender-female.active{
  background:linear-gradient(100deg,#176047,#257858 50%,#0e533e);
  color:#fff5e4;
  border:1.7px solid #d5b981;
  box-shadow:0 7px 19px rgba(17,79,55,.19),inset 0 1px 0 rgba(249,228,175,.17);
}
body[data-gender="female"] .nav{
  background:rgba(255,251,236,.97);
  border-bottom:1px solid #dac9a5;
  box-shadow:0 4px 17px rgba(71,97,69,.08);
}
body[data-gender="female"] .nav button{color:#446b5b}
body[data-gender="female"] .nav button.active,
body[data-gender="female"] .nav button:hover{
  background:linear-gradient(120deg,#f8eacb,#e6efe2);
  color:#1f6047;
}
body[data-gender="female"] main.content{
  background:
    radial-gradient(ellipse 62% 18% at 90% 4%,rgba(227,200,139,.19),transparent),
    radial-gradient(ellipse 70% 28% at 7% 42%,rgba(169,203,162,.15),transparent),
    linear-gradient(180deg,#faf8ec 0%,#fffdf5 30%,#f5f8ef 72%,#fcf9ef 100%);
  color:#2e5143;
}
body[data-gender="female"] .panel,
body[data-gender="female"] .resource{
  background:linear-gradient(140deg,rgba(255,254,248,.98),rgba(249,249,234,.96));
  border:1px solid rgba(211,190,148,.63);
  box-shadow:0 10px 25px rgba(50,94,65,.085);
}
body[data-gender="female"] .day.current{
  background:linear-gradient(125deg,#236f54,#1d604b);
  border-color:#c9ad7b;
}
body[data-gender="female"] .mood-item{border-color:rgba(201,173,123,.74)}
body[data-gender="female"] .day-cover{border-color:rgba(207,180,131,.73)}
body[data-gender="female"] .day-cover b{color:#fff9ec;text-shadow:0 2px 8px rgba(0,0,0,.7)}
body[data-gender="female"] .footer{background:#fffcf2;border-color:#ddceb2}

/* Slight restraint on small phones: decorative line art never masks headings. */
@media(max-width:850px){
  body[data-gender="male"] .intro-shell .genderbar::after{width:98px;height:45px;top:23px;right:19px;opacity:.48}
  body[data-gender="female"] .intro-shell .genderbar::after{width:88px;height:95px;top:8px;right:9px;opacity:.32}
}
@media(max-width:520px){
  body[data-gender="male"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,rgba(4,36,30,.97) 0%,rgba(8,51,40,.91) 39%,rgba(7,52,41,.62) 68%,rgba(9,41,36,.27) 100%);
  }
  body[data-gender="male"] main.content{
    background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 740px;
    background-position:center,center,center,center,62% top;
  }
  body[data-gender="male"] .intro-shell .genderbar::after{width:83px;opacity:.35}
  body[data-gender="female"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,rgba(255,253,243,.98) 0%,rgba(255,251,237,.93) 34%,rgba(249,246,227,.66) 58%,rgba(241,232,199,.13) 100%);
  }
  body[data-gender="female"] .intro-shell::before{background-position:61% 39%}
  body[data-gender="female"] .intro-shell .genderbar::after{width:72px;height:83px;opacity:.29}
}
@media(prefers-reduced-motion:reduce){
  body[data-gender="male"] .intro-shell *,
  body[data-gender="female"] .intro-shell *{transition:none!important}
}


/* TOCHKA_PREMIUM_ATMOSPHERES_20261101_V2: polished gold, richer emerald, daylight below. */
/* Final visual layer: preserve photos and navigation. Rich jewel-tone headers,
   warm daylight in the long reading area, zero dark-scrolling backgrounds. */

/* Male: greater emerald depth, with actual daylight and the mountain sunrise
   still visible through the right side of the original photograph. */
body[data-gender="male"] .intro-shell{
  background-color:#073c31;
  --intro-overlay:
    radial-gradient(ellipse 39% 26% at 82% 35%,rgba(252,208,117,.13) 0%,rgba(246,197,112,.035) 68%,transparent 100%),
    linear-gradient(90deg,rgba(3,31,27,.98) 0%,rgba(3,46,38,.94) 28%,rgba(6,58,44,.74) 54%,rgba(5,47,39,.29) 75%,rgba(6,44,35,.06) 100%),
    linear-gradient(0deg,rgba(4,40,31,.26),transparent 43%);
  border-bottom:2px solid #e1ba71;
}
body[data-gender="male"] .intro-shell::before{
  background-position:69% 43%;
  filter:brightness(1.09) saturate(1.10) contrast(1.035);
}
body[data-gender="male"] .intro-shell .brand b{color:#fff6e0}
body[data-gender="male"] .intro-shell .brand small{color:#f0d69b}
body[data-gender="male"] .intro-shell .eyebrow{color:#f3e2b7}
body[data-gender="male"] .intro-shell .hero h1{color:#fffaf0;text-shadow:0 4px 13px #00191155}
body[data-gender="male"] .intro-shell .hero h1 em{color:#f3c46f}
body[data-gender="male"] .intro-shell .hero p{color:#f0f2e9;text-shadow:0 1px 7px #00221a66}
body[data-gender="male"] .intro-shell .logo{
  border:2px solid #edc97f;
  box-shadow:0 8px 26px rgba(0,25,18,.43),0 0 0 1px rgba(255,235,175,.76),0 0 0 7px rgba(21,124,88,.16);
}
body[data-gender="male"] .intro-shell .brand::before{
  background:radial-gradient(circle,rgba(28,137,97,.39),rgba(25,102,76,.18) 49%,transparent 78%);
}
body[data-gender="male"] .intro-shell .genderbar{
  background:linear-gradient(138deg,rgba(3,53,42,.97),rgba(8,75,58,.96) 53%,rgba(2,46,37,.98));
  border:1.7px solid rgba(232,192,114,.94);
  box-shadow:0 17px 40px rgba(0,28,19,.32),inset 0 1px 0 rgba(255,234,186,.15),inset 0 0 0 1px rgba(255,217,144,.08);
}
body[data-gender="male"] .intro-shell .genderbar::before{
  background:linear-gradient(90deg,transparent,#f9d38c,transparent);
}
body[data-gender="male"] .intro-shell .genderbar b{color:#fff9e8}
body[data-gender="male"] .intro-shell .genderbar p{color:#e6eee2}

/* Glossy, champagne-to-gold buttons: visible rich yellow instead of matte tan. */
body[data-gender="male"] .intro-shell .btn.primary,
body[data-gender="female"] .intro-shell .btn.primary{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff0c5 0%,#f4d98f 27%,#e9b75e 57%,#ca913f 100%);
  color:#173c31;
  border:1.5px solid #ffe9b4;
  box-shadow:inset 0 1px 0 rgba(255,255,245,.88),inset 0 -2px 0 rgba(151,96,34,.12),0 9px 21px rgba(37,39,18,.20);
  text-shadow:0 1px 0 rgba(255,250,221,.32);
}
body[data-gender="male"] .intro-shell .btn.primary::before,
body[data-gender="female"] .intro-shell .btn.primary::before,
body[data-gender="male"] .intro-shell #gender-male.active::before{
  content:"";
  position:absolute;
  top:1px;left:2%;right:2%;height:43%;
  background:linear-gradient(180deg,rgba(255,255,244,.44),rgba(255,255,236,0));
  border-radius:inherit;
  pointer-events:none;
}
body[data-gender="male"] .intro-shell .btn.outline{
  background:linear-gradient(180deg,rgba(17,81,61,.9),rgba(2,42,35,.92));
  color:#fff9ed;
  border:1.5px solid #e8c98d;
  box-shadow:inset 0 1px 0 rgba(255,246,200,.14),0 8px 17px rgba(0,25,19,.23);
}
body[data-gender="male"] .intro-shell .genderbtn{
  background:linear-gradient(155deg,#115944,#073f34);
  border:1px solid rgba(179,215,183,.63);
  color:#f5f7ec;
}
body[data-gender="male"] .intro-shell #gender-male.active{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#ffefc0 0%,#f2d185 30%,#e9b65b 65%,#c68d3c 100%);
  color:#143b2e;
  border:1.7px solid #ffdfa3;
  box-shadow:inset 0 1px 0 rgba(255,253,233,.82),0 8px 19px rgba(0,25,18,.25);
}
body[data-gender="male"] .intro-shell #gender-female{
  background:linear-gradient(115deg,#135844,#073b31);
  color:#f5f6ec;
  border-color:#759b80;
}
body[data-gender="male"] .nav{
  background:linear-gradient(110deg,#063b30,#145643 56%,#245f49);
  border-bottom:2px solid #d8b474;
}

/* Male scrolldown: light skies, dawn, sunrays, mountain photograph at the top,
   then repeated very light forest-sage and warm champagne transitions. */
body[data-gender="male"] .app{background:#f8f7f0;color:#244438}
body[data-gender="male"] main.content{
  background-color:#faf8f0;
  background-image:
    radial-gradient(ellipse 52% 17% at 83% 3%,rgba(255,207,110,.26),transparent 85%),
    radial-gradient(ellipse 59% 17% at 10% 26%,rgba(174,213,164,.20),transparent 84%),
    radial-gradient(ellipse 60% 17% at 88% 59%,rgba(245,212,146,.20),transparent 87%),
    linear-gradient(180deg,rgba(240,246,230,.48) 0%,rgba(247,249,237,.60) 320px,rgba(252,250,242,.87) 1000px,#fbfaf3 28%,#f2f7ee 66%,#fffaf1 100%),
    var(--male-scenic-bg,linear-gradient(150deg,#f7e8c8,#e7f1e1));
  background-position:center,center,center,center,63% top;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 1020px;
  background-repeat:no-repeat;
  color:#315445;
}
body[data-gender="male"] .panel,
body[data-gender="male"] .resource{
  background:linear-gradient(150deg,rgba(255,254,249,.96),rgba(240,247,236,.95));
  border:1px solid rgba(195,167,116,.58);
  box-shadow:0 10px 28px rgba(38,79,52,.10);
  color:#2c4c3e;
}
body[data-gender="male"] .day.current{
  background:linear-gradient(125deg,#0b5a42,#247454);
  border-color:#d9b36d;
  box-shadow:0 7px 18px rgba(37,103,70,.17);
  color:#fff8e9;
}
body[data-gender="male"] .preview-note{
  background:rgba(238,247,232,.92);
  border:1px solid #ccddc7;
  color:#466a54;
}

/* Female: deepen the forest-green/gold accents without sacrificing the sunny,
   ivory-white photographic scene and readable dark headline. */
body[data-gender="female"] .intro-shell{
  background-color:#faf2db;
  --intro-overlay:
    radial-gradient(ellipse 48% 38% at 99% 9%,rgba(8,71,40,.28) 0%,rgba(24,91,51,.08) 55%,transparent 95%),
    linear-gradient(90deg,rgba(255,252,239,.975) 0%,rgba(255,249,230,.91) 36%,rgba(255,244,207,.55) 62%,rgba(21,88,53,.08) 100%),
    linear-gradient(0deg,rgba(20,92,61,.20),transparent 37%);
  border-bottom:2px solid #dcb778;
}
body[data-gender="female"] .intro-shell::before{
  filter:brightness(1.07) saturate(1.15) contrast(1.05);
  background-position:64% 43%;
}
body[data-gender="female"] .intro-shell .brand b{color:#174b38}
body[data-gender="female"] .intro-shell .hero h1{color:#153d32}
body[data-gender="female"] .intro-shell .hero h1 em{color:#b0823f}
body[data-gender="female"] .intro-shell .logo{
  border:2px solid #dfba78;
  box-shadow:0 6px 20px rgba(34,88,59,.19),0 0 0 1px rgba(226,183,106,.73),0 0 0 6px rgba(66,128,78,.10);
}
body[data-gender="female"] .intro-shell .genderbar{
  background:linear-gradient(130deg,rgba(255,253,238,.97),rgba(251,246,222,.965) 58%,rgba(244,247,225,.96));
  border:1.7px solid rgba(207,172,105,.87);
  box-shadow:0 15px 33px rgba(47,101,62,.17),inset 0 1px 0 rgba(255,255,253,.92);
}
body[data-gender="female"] .intro-shell .genderbar b{color:#184d3c}
body[data-gender="female"] .intro-shell .genderbar::before{
  background:linear-gradient(90deg,transparent,#d4ab67,transparent);
}
body[data-gender="female"] .intro-shell .genderbtn{
  background:linear-gradient(180deg,#fffef7,#f4edda);
  border-color:#d5c19d;
  box-shadow:0 5px 14px rgba(69,93,52,.12),inset 0 1px 0 #fff;
  color:#244b3e;
}
body[data-gender="female"] .intro-shell #gender-female.active{
  background:linear-gradient(180deg,#237c58 0%,#0d6245 50%,#084b37 100%);
  color:#fff8e9;
  border:1.7px solid #d9b77c;
  box-shadow:inset 0 1px 0 rgba(240,233,177,.15),0 8px 20px rgba(19,83,53,.24);
}
body[data-gender="female"] .nav{
  background:linear-gradient(115deg,#fffae9,#fff9e6 56%,#eaf1df);
  border-bottom:1px solid #d6bd8d;
}
body[data-gender="female"] .nav button.active,
body[data-gender="female"] .nav button:hover{
  background:linear-gradient(125deg,#f7e6bc,#eef3e0);
  color:#145b41;
}
body[data-gender="female"] main.content{
  background:
    radial-gradient(ellipse 58% 19% at 95% 3%,rgba(236,196,109,.24),transparent),
    radial-gradient(ellipse 72% 26% at 8% 42%,rgba(143,204,148,.16),transparent),
    linear-gradient(180deg,#fcf6e6,#fffdf5 31%,#f1f7e9 74%,#fdf9ef);
}
body[data-gender="female"] .panel,
body[data-gender="female"] .resource{
  border-color:rgba(206,171,111,.62);
  box-shadow:0 11px 27px rgba(35,94,57,.11);
}
body[data-gender="female"] .day.current{
  background:linear-gradient(145deg,#0f6448,#277e5b);
  color:#fffaf0;
  border-color:#d8b87f;
}
@media(max-width:520px){
  body[data-gender="male"] .intro-shell{
    --intro-overlay:
      radial-gradient(ellipse 40% 20% at 89% 38%,rgba(255,207,124,.15),transparent 100%),
      linear-gradient(90deg,rgba(3,33,27,.98) 0%,rgba(5,47,38,.94) 36%,rgba(7,57,45,.71) 62%,rgba(7,46,37,.24) 100%);
  }
  body[data-gender="male"] main.content{
    background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 780px;
    background-position:center,center,center,center,61% top;
  }
  body[data-gender="female"] .intro-shell{
    --intro-overlay:
      radial-gradient(ellipse 38% 28% at 100% 9%,rgba(5,74,46,.17),transparent 98%),
      linear-gradient(90deg,rgba(255,253,241,.98) 0%,rgba(255,249,230,.94) 38%,rgba(255,244,207,.67) 66%,rgba(26,90,51,.11) 100%);
  }
}


/* PREMIUM_REAL_SCENES_FINAL_20261101: photo positioning, sunlit lower scroll */
/* Composition of the newly embedded standalone photos: a hiker facing sunrise
   and a woman in profile. Text is live HTML, not baked into the photographs. */
body[data-gender="male"] .intro-shell{
  background-color:#063d32;
  --intro-overlay:
    radial-gradient(ellipse at 84% 24%,rgba(255,196,89,.08),transparent 37%),
    linear-gradient(90deg,rgba(1,36,29,.93) 0%,rgba(2,44,34,.84) 35%,rgba(3,47,37,.36) 65%,rgba(1,42,34,.04) 100%);
}
body[data-gender="male"] .intro-shell::before{
  background-position:center center;
  filter:saturate(1.10) contrast(1.055) brightness(1.025);
}
body[data-gender="female"] .intro-shell{
  background-color:#fbf2df;
  --intro-overlay:
    linear-gradient(90deg,rgba(255,252,237,.95) 0%,rgba(255,251,236,.86) 38%,rgba(250,246,220,.34) 67%,rgba(245,235,197,.01) 100%);
}
body[data-gender="female"] .intro-shell::before{
  background-position:center center;
  filter:brightness(1.03) saturate(1.065);
}
body[data-gender="male"] main.content{
  /* Only the top few hundred pixels reveal the real sunrise/mountain photo.
     The rest stays light sage and ivory for comfortable long-form reading. */
  background-color:#f9f8f0;
  background-image:
    radial-gradient(ellipse 56% 17% at 87% 3%,rgba(255,218,137,.22),transparent 91%),
    radial-gradient(ellipse 66% 21% at 10% 36%,rgba(166,208,157,.16),transparent 90%),
    radial-gradient(ellipse 55% 18% at 88% 77%,rgba(243,204,144,.15),transparent 90%),
    linear-gradient(180deg,
      rgba(250,247,230,.80) 0%,
      rgba(249,247,231,.84) 280px,
      rgba(252,249,239,.94) 680px,
      #fbf9f2 1130px,
      #f1f7eb 65%,
      #faf8f0 100%),
    var(--male-scenic-bg,linear-gradient(135deg,#e7f1e6,#fbefd0));
  background-position:center,center,center,center,64% top;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 1000px;
  background-repeat:no-repeat;
}
body[data-gender="male"] .panel,
body[data-gender="male"] .resource{
  background:linear-gradient(145deg,rgba(255,253,245,.96),rgba(242,249,239,.96));
  border:1px solid #ddcfaf;
  box-shadow:0 9px 24px rgba(35,80,52,.095);
}
body[data-gender="male"] .preview-note{
  background:rgba(245,249,240,.94);
  border-color:#d6dfcd;
}
body[data-gender="female"] main.content{
  background:
    radial-gradient(ellipse at 87% 3%,rgba(244,205,124,.20),transparent 57%),
    linear-gradient(180deg,#faf8ed 0%,#fffdf5 34%,#f2f7e9 72%,#fcf8ee 100%);
}
@media(max-width:850px){
  body[data-gender="male"] .intro-shell::before{
    background-size:auto 100%;
    background-position:78% center;
  }
  body[data-gender="female"] .intro-shell::before{
    background-size:auto 100%;
    background-position:77% center;
  }
}
@media(max-width:520px){
  body[data-gender="male"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,
      rgba(1,35,28,.98) 0%,
      rgba(2,43,33,.88) 37%,
      rgba(3,49,36,.47) 67%,
      rgba(3,45,37,.08) 100%);
  }
  body[data-gender="male"] .intro-shell::before{
    background-size:auto 100%;
    background-position:79% center;
  }
  body[data-gender="female"] .intro-shell{
    --intro-overlay:linear-gradient(90deg,
      rgba(255,253,237,.97) 0%,
      rgba(255,248,227,.90) 36%,
      rgba(251,245,216,.53) 67%,
      rgba(255,247,221,.04) 100%);
  }
  body[data-gender="female"] .intro-shell::before{
    background-size:auto 100%;
    background-position:77% center;
  }
  body[data-gender="male"] main.content{
    background-position:center,center,center,center,68% top;
    background-size:100% 100%,100% 100%,100% 100%,100% 100%,auto 800px;
  }
}