:root{--bg:#020b12;--text:#f8f9fc;--muted:#acd0eb;--line:#315166;--gold:#ffe082;--tg-safe-top:0px;--tg-safe-right:0px;--tg-safe-bottom:0px;--tg-safe-left:0px;color-scheme:dark}
*{box-sizing:border-box}html{font-size:16px}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fff0aa;outline-offset:3px}button:active{filter:brightness(1.12)}
.app{max-width:960px;margin:0 auto;padding:var(--tg-safe-top) max(12px,var(--tg-safe-right)) calc(var(--nav-height,100px) + 16px) max(12px,var(--tg-safe-left))}.screen{display:none}.screen.active{display:block}.screen:not(#homeScreen){padding-top:18px}
.brand{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;margin:0 -12px 14px;overflow:hidden;min-height:clamp(228px,49vw,455px);padding:0 20px 16px;background:#020b12}.brand-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}.brand:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(transparent,#020b12);z-index:-1;pointer-events:none}.brand-copy{position:relative;z-index:1;padding:0 8px}.brand-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.85rem,6.3vw,3.7rem);font-weight:400;line-height:1.14;color:#fff0bd;margin:0;letter-spacing:-.025em;text-shadow:0 2px 12px #000}.brand-copy p{font-size:clamp(.875rem,2.5vw,1.4rem);line-height:1.35;color:#c8e6f4;margin:8px 0 0;text-shadow:0 2px 10px #000}
.home-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.menu-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #8e825b;border-radius:24px;background:radial-gradient(ellipse at 30% 0%,#152631 0,transparent 65%),linear-gradient(135deg,#071724,#02101b);color:var(--text);padding:16px;text-align:left;box-shadow:inset 0 1px 0 #ffe29630,0 5px 16px #0005}.menu-card .art,.menu-card .decoration{pointer-events:none;user-select:none}.card-inner{position:relative;display:flex;align-items:center;gap:12px;height:100%;z-index:1}.card-copy{flex:1;min-width:0}.card-copy b{display:block;font-size:clamp(1.125rem,2.6vw,1.75rem);line-height:1.22;font-weight:700;overflow-wrap:anywhere}.card-copy small{display:block;font-size:clamp(.875rem,2vw,1.2rem);line-height:1.3;margin-top:6px;color:var(--muted)}.chev{flex:0 0 auto;font-size:2rem;line-height:1;color:#fff1b4}.art{display:block;flex:0 0 auto;width:clamp(46px,10vw,90px);height:clamp(46px,10vw,90px);overflow:hidden;}.decoration{position:absolute;z-index:0;height:100%;top:0;width:21%;opacity:.75}.decoration.left{left:0}.decoration.right{right:0;transform:scaleX(-1)}
.menu-card.half{grid-column:span 3;min-height:148px}.menu-card.third{grid-column:span 2;min-height:142px;border-color:#466d81;padding:12px}.menu-card.wide{grid-column:1/-1;min-height:105px}.menu-card.role-social .card-inner,.menu-card.role-quantum .card-inner,.menu-card.third .card-inner{flex-direction:column;align-items:flex-start;gap:8px}.menu-card.role-social .art,.menu-card.role-quantum .art{align-self:center}.menu-card.role-social .art{width:clamp(126px,24vw,260px);height:clamp(40px,8vw,75px);}.menu-card.role-quantum .art{height:clamp(40px,8vw,75px)}.menu-card.third .art{align-self:center;width:clamp(38px,8vw,74px);height:clamp(38px,8vw,74px)}.menu-card.third .card-copy b{font-size:clamp(1rem,2.6vw,1.7rem)}.menu-card.third .chev,.menu-card.role-social .chev,.menu-card.role-quantum .chev{position:absolute;right:-2px;bottom:0;font-size:1.7rem}.menu-card.third .card-copy,.menu-card.role-social .card-copy,.menu-card.role-quantum .card-copy{width:100%;padding-right:12px}.menu-card.third small{font-size:clamp(.875rem,2vw,1.15rem)}
.menu-card.role-session,.menu-card.role-meditation,.menu-card.role-vibration{border-color:#e9bd54;background:radial-gradient(ellipse at 8% 0%,#60451970 0,transparent 65%),linear-gradient(105deg,#122129,#06131b 60%,#10202a);box-shadow:inset 0 0 15px #ffc54520,0 0 12px #ffcb4a18}.menu-card.role-session{box-shadow:inset 0 0 8px #ffc54580,0 0 10px #ffcb4a55}.menu-card.role-session .card-inner{justify-content:center}.menu-card.role-session .card-copy{flex:0 1 auto}.menu-card.role-session b{font-size:clamp(1.3rem,3.5vw,2.15rem)}.menu-card.wide .art{width:clamp(55px,13vw,130px);height:clamp(55px,11vw,100px)}.menu-card.role-vibration .art{width:clamp(70px,20vw,210px);}.menu-card.role-energy .art,.menu-card.role-health .art{width:clamp(38px,9vw,105px);height:clamp(62px,12vw,115px)}
.menu-card.ai-entry{grid-column:1/-1;border:2px solid #ffe9a0;border-radius:40px;padding:20px 24px;min-height:116px;background:#f5c34b url("/assets/cta.png?v=122") center/100% 100% no-repeat;box-shadow:inset 0 0 5px #fff9d7,inset 0 -4px 10px #d99019,0 0 17px #ffbf3260;color:#120e03}.menu-card.ai-entry .card-inner{justify-content:center;text-align:center;gap:12px}.menu-card.ai-entry .card-copy{flex:0 1 auto}.menu-card.ai-entry b{font-size:clamp(1.5rem,4.8vw,2.6rem);font-weight:800;line-height:1.2;overflow-wrap:normal}.menu-card.ai-entry small{color:#261b09;font-size:clamp(.875rem,1.8vw,1.125rem);letter-spacing:.12em;text-transform:uppercase;margin-top:10px}.menu-card.ai-entry .chev{color:#171004;font-size:2.6rem}.menu-card.ai-entry .decoration{opacity:.7}
.home-extra{grid-column:1/-1;display:grid;gap:12px}.menu-status{font-size:1rem;line-height:1.4;text-align:center;color:var(--muted);margin-top:12px}.menu-status:empty{display:none}.menu-status button{margin:10px auto 0;display:block}.more-btn{font-size:1rem;min-height:46px}
.bottom{width:min(960px,100%);padding:8px max(12px,var(--tg-safe-right)) calc(8px + var(--tg-safe-bottom)) max(12px,var(--tg-safe-left));background:linear-gradient(180deg,#020b1200,#020b12 25%)}.nav{border-color:#264c63;border-radius:30px;padding:5px}.nav button{overflow-wrap:anywhere;font-size:1rem;line-height:1.15;min-height:68px;padding:8px 3px;color:#b0cbea;border-radius:24px}.nav button i{font-size:0;margin:0 auto 5px;width:26px;height:26px}.nav svg{width:100%;height:100%}.nav button.active{color:#ffe076;background:linear-gradient(120deg,#4a3b1e,#252b20);box-shadow:inset 0 0 0 1px #b18c3b80}.nav button.active svg{filter:drop-shadow(0 0 5px #ffd04c70)}
.page-title h2{font-size:1.75rem}.page-title p,.search-card p{font-size:1rem;line-height:1.45}.back-btn{flex:0 0 46px;width:46px;height:46px}.child-card{min-height:74px}.child-card b{display:block;font-size:1.125rem;line-height:1.35;overflow:visible}.child-card small{font-size:.9375rem;line-height:1.3}.child-card .mini-ico{font-size:1rem}.section-search input,.query{font-size:1.125rem}.search-card h2{font-size:1.75rem}.answer-box{font-size:1.125rem}.result-title b{font-size:1rem}.play,.fav{width:46px;height:46px;flex-basis:46px}.fav{font-size:1.7rem}.result{gap:8px}.video-head b{font-size:1rem}.video-close{min-width:44px;min-height:44px}.video-fallback{font-size:1rem}.toast{font-size:1rem;line-height:1.35;white-space:normal;text-align:center;max-width:calc(100% - 24px);width:max-content;bottom:calc(100px + var(--tg-safe-bottom))}.block-title{font-size:1.125rem}.favorites-empty{font-size:1rem;line-height:1.5}
@media(max-width:540px){.home-grid{gap:8px}.brand{margin-bottom:14px}.menu-card{border-radius:19px;padding:12px}.menu-card.ai-entry{border-radius:28px;padding:19px 12px;min-height:108px}.menu-card.ai-entry b{font-size:1.5rem}.menu-card.ai-entry .chev{font-size:1.8rem}.menu-card.ai-entry small{letter-spacing:.07em}.menu-card.half{padding:12px 10px}.menu-card.third{padding:12px 8px}.menu-card.role-energy .card-inner,.menu-card.role-health .card-inner{flex-wrap:wrap;gap:5px}.menu-card.role-energy .art,.menu-card.role-health .art{width:34px;height:46px}.menu-card.role-energy .card-copy,.menu-card.role-health .card-copy{flex-basis:100%;padding-right:10px}.menu-card.role-energy .chev,.menu-card.role-health .chev{position:absolute;right:0;bottom:0;font-size:1.5rem}.menu-card.role-energy b,.menu-card.role-health b{font-size:1rem}.menu-card.role-social b,.menu-card.role-quantum b{font-size:1.125rem}.menu-card.wide{min-height:105px}.menu-card.wide .card-inner{gap:8px}.child-grid.dense{grid-template-columns:1fr}.nav button{font-size:.9375rem}.menu-card .decoration{width:19%;opacity:.6}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Screen compositing removes the atlas's uniform black backdrop on navy cards.
   No CSS masks: card-inner does not isolate artwork from the card surface. */
.card-inner{z-index:auto}
.art,.decoration,.panel-ribbon{mix-blend-mode:screen;pointer-events:none}
.art{display:block;position:relative;overflow:hidden;flex:0 0 auto;width:clamp(48px,10vw,94px);height:clamp(48px,10vw,94px)}
.menu-card.role-social .art{width:clamp(145px,30vw,290px);max-width:100%;height:clamp(52px,10vw,92px)}
.menu-card.role-quantum .art{width:clamp(52px,10vw,94px);height:clamp(52px,10vw,92px)}
.menu-card.third .art{width:clamp(48px,10vw,88px);max-width:100%;height:clamp(52px,10vw,92px)}
.menu-card.wide .art{width:clamp(64px,12vw,120px);height:clamp(62px,11vw,104px)}
.menu-card.role-vibration .art{width:clamp(80px,20vw,185px);height:clamp(62px,12vw,112px)}
.menu-card.role-energy .art,.menu-card.role-health .art{width:clamp(60px,11vw,104px);height:clamp(62px,12vw,112px)}
.decoration{position:absolute;z-index:0;bottom:-10%;top:auto;width:clamp(75px,18vw,160px);height:120%;opacity:.8;overflow:hidden}.decoration.left{left:-12px}.decoration.right{right:-12px;transform:scaleX(-1)}
.panel-ribbon{position:absolute;right:-15%;bottom:-20%;width:75%;height:140%;opacity:.48;overflow:visible}.menu-card.third .panel-ribbon{width:110%;right:-28%;opacity:.4}.menu-card.wide .panel-ribbon{width:43%;height:155%;bottom:-33%;right:-4%}
.menu-card.role-social .card-inner,.menu-card.role-quantum .card-inner,.menu-card.third .card-inner{gap:6px}
@media(max-width:540px){.menu-card.role-energy .art,.menu-card.role-health .art{width:44px;height:49px}.menu-card .decoration{width:78px;opacity:.75}.menu-card.wide .art{width:60px;height:60px}.menu-card.role-vibration .art{width:78px}.menu-card.role-social .art{height:50px}.menu-card.role-quantum .art{height:50px}.menu-card.third .art{height:48px}.menu-card.ai-entry{min-height:112px}.brand{min-height:228px}}

/* v13.8 — ONLY «Азбука здоровья».
   Keep the approved live card layout, and add a subtle magical glow/sparkles
   around the book without changing the card size or typography. */
.menu-card.role-health.health-wide{
  min-height:105px;
  padding:16px;
  border:1px solid #e9bd54;
  border-radius:24px;
  background:radial-gradient(ellipse at 8% 0%,#60451970 0,transparent 65%),linear-gradient(105deg,#122129,#06131b 60%,#10202a);
  box-shadow:inset 0 0 15px #ffc54520,0 0 12px #ffcb4a18;
  overflow:hidden;
}
.menu-card.role-health.health-wide::before{
  content:"";
  position:absolute;
  left:34px;
  top:16px;
  width:92px;
  height:42px;
  border-radius:999px;
  background:radial-gradient(circle at 18% 70%, rgba(255,213,102,.58) 0 3px, transparent 4px),
             radial-gradient(circle at 46% 18%, rgba(255,236,165,.95) 0 3px, transparent 4px),
             radial-gradient(circle at 72% 48%, rgba(255,208,82,.75) 0 2.5px, transparent 3.5px),
             radial-gradient(circle at 88% 20%, rgba(255,240,180,.82) 0 2px, transparent 3px),
             radial-gradient(ellipse at 42% 68%, rgba(255,189,82,.34), rgba(255,189,82,0) 64%);
  filter:drop-shadow(0 0 8px rgba(255,204,92,.55));
  pointer-events:none;
  z-index:0;
}
.menu-card.role-health.health-wide .card-inner{
  min-height:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
}
.menu-card.role-health.health-wide .art{
  display:block;
  width:clamp(64px,12vw,120px);
  height:clamp(62px,11vw,104px);
  flex:0 0 auto;
  filter:drop-shadow(0 0 10px rgba(255,204,92,.26));
}
.menu-card.role-health.health-wide .panel-ribbon{display:block}
.menu-card.role-health.health-wide .decoration{display:none}
.menu-card.role-health.health-wide .card-copy{
  flex:1 1 auto;
  flex-basis:auto;
  min-width:0;
  padding-right:0;
}
.menu-card.role-health.health-wide .card-copy b{
  display:block;
  font-size:clamp(1.125rem,2.6vw,1.75rem);
  line-height:1.22;
  font-weight:700;
  overflow-wrap:anywhere;
}
.menu-card.role-health.health-wide .card-copy small{
  display:block;
  font-size:clamp(.875rem,2vw,1.2rem);
  line-height:1.3;
  margin-top:6px;
  color:var(--muted);
}
.menu-card.role-health.health-wide .chev{
  display:block;
  position:static;
  right:auto;
  bottom:auto;
  flex:0 0 auto;
  font-size:2rem;
  line-height:1;
  color:#fff1b4;
}
@media(max-width:540px){
  .menu-card.role-health.health-wide{
    min-height:105px;
    padding:12px;
    border:1px solid #e9bd54;
    border-radius:19px;
  }
  .menu-card.role-health.health-wide::before{
    left:22px;
    top:12px;
    width:78px;
    height:36px;
  }
  .menu-card.role-health.health-wide .card-inner{
    min-height:0;
    padding:0;
    gap:8px;
    flex-wrap:nowrap;
  }
  .menu-card.role-health.health-wide .art{
    width:60px;
    height:60px;
  }
  .menu-card.role-health.health-wide .card-copy{
    flex:1 1 auto;
    flex-basis:auto;
    padding-right:0;
  }
  .menu-card.role-health.health-wide .card-copy b{
    font-size:1.125rem;
    line-height:1.22;
  }
  .menu-card.role-health.health-wide .card-copy small{
    font-size:.875rem;
    line-height:1.3;
    margin-top:6px;
  }
  .menu-card.role-health.health-wide .chev{
    position:static;
    right:auto;
    bottom:auto;
    font-size:2rem;
  }
}




/* SBG_HEALTH_REPAINT_FIX_13909_START */
/* ONLY «Азбука здоровья»: repaint background to remove the inner-card look. Keep native size and typography. */
.menu-card.role-health.health-wide{
  background:#06131b url("/assets/health-button-bg-clean.png?v=13909") center/100% 100% no-repeat !important;
  box-shadow:none !important;
}
.menu-card.role-health.health-wide::before{display:none !important;}
.menu-card.role-health.health-wide .card-inner{opacity:1 !important;}
.menu-card.role-health.health-wide .art{visibility:hidden !important; opacity:0 !important;}
.menu-card.role-health.health-wide .panel-ribbon,
.menu-card.role-health.health-wide .decoration{display:none !important;}
/* show the native chevron so there is no fake inner button */
.menu-card.role-health.health-wide .chev{visibility:visible !important; opacity:1 !important;}
/* SBG_HEALTH_REPAINT_FIX_13909_END */

/* SBG_HEALTH_TEXT_CENTER_13910_START */
/* ONLY «Азбука здоровья»: center the existing live text. No size or font changes. */
.menu-card.role-health.health-wide .card-copy{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto !important;
}
.menu-card.role-health.health-wide .card-copy b,
.menu-card.role-health.health-wide .card-copy small{
  width:100% !important;
  text-align:center !important;
}
/* SBG_HEALTH_TEXT_CENTER_13910_END */

/* SBG_MEDITATION_TEXT_CENTER_13911_START */
/* ONLY «Медитации "Астральный госпиталь"»: center the existing live text. */
.menu-card.role-meditation.wide .card-copy{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 auto !important;
}
.menu-card.role-meditation.wide .card-copy b,
.menu-card.role-meditation.wide .card-copy small{
  width:100% !important;
  text-align:center !important;
}
/* SBG_MEDITATION_TEXT_CENTER_13911_END */



/* SBG_SEARCH_PLAY_TRUE_CENTER_13917_START */
/* ONLY search-results Play icon. The circle itself is unchanged.
   Replace the font glyph with a geometric CSS triangle.
   For a right-pointing triangle the area centroid is 1/3 of its width from the base,
   so translateX(-33.333%) centers the triangle by its visual/geometric centroid. */
#results .play{
  position:relative !important;
  font-size:0 !important;
  line-height:0 !important;
}
#results .play::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:0 !important;
  height:0 !important;
  border-top:6px solid transparent !important;
  border-bottom:6px solid transparent !important;
  border-left:10px solid currentColor !important;
  transform:translate(-33.333%, -50%) !important;
  transform-origin:center !important;
  pointer-events:none !important;
}
/* SBG_SEARCH_PLAY_TRUE_CENTER_13917_END */

/* SBG_HOME_CARDS — две карточки в ряд под «Как поднять вибрации».
   Повторяют поведение карточки «Что такое квантовая терапия?»: значок сверху,
   подпись по центру, стрелка в правом нижнем углу. Своих размеров не вводят. */
.menu-card.role-reviews .card-inner,
.menu-card.role-suggest .card-inner{flex-direction:column;align-items:center;
  justify-content:center;text-align:center;gap:6px}
.menu-card.role-reviews .art,
.menu-card.role-suggest .art{align-self:center;width:clamp(46px,9vw,80px);height:50px}
.menu-card.role-reviews .card-copy,
.menu-card.role-suggest .card-copy{width:100%;padding-right:12px}
.menu-card.role-reviews b,
.menu-card.role-suggest b{font-size:1.125rem}
.menu-card.role-reviews .chev,
.menu-card.role-suggest .chev{position:absolute;right:-2px;bottom:0;font-size:1.7rem}