/* PHYSIQUEPRO brand layer v0.2 — style.css-ийн дараа ачаална.
   Өнгө: Тэнгэр #11221F · Байгаль #167D73 · Хад #161A19 · Сүү #F5F3ED
   Фонт: Noto Sans (текст) + Noto Sans Condensed Black (гарчиг) */

:root{
  --pp-font:'Noto Sans',system-ui,-apple-system,"Segoe UI",sans-serif;
  --jade:#11221F;--jade-dark:#245C59;--ink:#161A19;--ivory:#F5F3ED;--muted:#59635F;--border:#DEDBD2;--tint:#E3ECEA;
  --accent:#11221F;--accent-hover:#245C59;--accent-tint:#E3ECEA;--on-accent:#FFFFFF;
  --accent-text:#11221F;--success:#167D73;
}

/* Цайвар горим */
body[data-theme]{
  --canvas:#F5F3ED;--surface:#FFFFFF;--surface-soft:#EEEBE3;
  --text:#161A19;--secondary:#59635F;--line:#DEDBD2;
  --accent:#11221F;--accent-hover:#245C59;--accent-tint:#E3ECEA;--on-accent:#FFFFFF;
  --accent-text:#11221F;--success:#167D73;
}

/* Бараан горим */
body[data-theme="dark"]{
  --canvas:#161A19;--surface:#1E2322;--surface-soft:#252B2A;
  --text:#F5F3ED;--secondary:#A9B0AC;--line:#2E3533;
  --accent:#11221F;--accent-hover:#2E7C74;--accent-tint:#132B29;--on-accent:#FFFFFF;
  --accent-text:#8FCFC6;--success:#2E9A8C;
  background:var(--canvas);color:var(--text);
}

/* Фонт */
body,input,select,textarea,button{font-family:var(--pp-font)!important}

/* Гарчиг: Noto Sans Condensed Black */
.home-copy h1,.home-section-head h2,main .page-title,.section-head h1,.wrap>header h1{
  font-family:var(--pp-font)!important;font-stretch:62.5%;font-weight:900!important;
  text-transform:uppercase;letter-spacing:0!important;line-height:.96!important;
}
.home-copy h1{font-size:clamp(48px,6vw,84px)!important;overflow-wrap:normal;word-break:keep-all}
.home-section-head h2{font-size:clamp(34px,5vw,56px)!important}
main .page-title,.section-head h1{font-size:clamp(34px,6vw,52px)!important}

/* Жижиг шошго (eyebrow) */
.eyebrow{letter-spacing:.16em;font-weight:700}

/* Товч: Тэнгэр + цагаан текст (6.8:1) */
.home-price-card .button,.home-copy .button{background:var(--accent)!important;color:var(--on-accent)!important}
.home-price-card .button:hover,.home-copy .button:hover{background:var(--accent-hover)!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent-text)!important;outline-offset:3px}

/* Бараан горимд өнгөт текстийг уншигдах болгох */
body[data-theme="dark"].landing :is(.eyebrow,.price-tag,.home-price strong){color:var(--accent-text)!important}
body[data-theme="dark"].landing .home-step-grid article>b{color:var(--canvas)!important}

/* Итгэлийн мөр: эможи → icon */
.home-trust span{display:inline-flex;align-items:center;gap:8px}
.pp-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Үнийн карт: хавтгай, гэрэлтэлтгүй */
.promo-card,.membership-plan.discounted{background:var(--surface)!important;box-shadow:none!important}
.home-price-card.featured{box-shadow:none!important}
.home-price-card.featured,.membership-plan.discounted{border:2px solid var(--accent)!important}
.price-tag{background:var(--accent)!important;color:var(--on-accent)!important}
.home-price del,.membership-price del{text-decoration-color:currentColor!important;color:var(--secondary)!important}
.home-price-card li::before{color:var(--success)!important}

/* 3 алхам: дугаар уншигдахуйц, гэрэлтэлтгүй */
.home-step-grid article>b{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;
  background:var(--text)!important;color:var(--canvas)!important;font-size:15px;font-weight:800;box-shadow:none!important;
}

/* Лого: бараан горимд тамгыг цайруулахгүй (цэнхэр дугуйтай тэмдэг) */
body[data-theme="dark"] header .brand-symbol,body[data-theme="dark"] .brand-symbol{filter:none!important}

/* Утасны доод цэс: идэвхтэй зүйл Тэнгэр */
.mobile-dock a[aria-current]{background:var(--accent-tint)!important;color:var(--accent-text)!important;font-weight:700}

/* ───────────── v0.3 · 3D товч ба гүнзгий карт ───────────── */
:root,body[data-theme]{
  --btn-top:#2E7C74;--btn-bottom:#11221F;--btn-edge:#0F2A28;
  --btn2-edge:#CFCBBF;--lift:0 10px 24px -12px rgba(22,26,25,.28);
  --card-shadow:0 1px 0 rgba(22,26,25,.04),0 14px 30px -18px rgba(22,26,25,.30);
}
body[data-theme="dark"]{
  --btn-edge:#081413;--btn2-edge:#0D1110;--lift:0 12px 26px -12px rgba(0,0,0,.65);
  --card-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 36px -20px rgba(0,0,0,.8);
}

/* Үндсэн товч: дарагдах мэдрэмжтэй */
.button:not(.quiet):not(.outline):not(.dark):not(.text-link),
.home-price-card .button,.home-copy .button{
  position:relative;border:0!important;
  background:linear-gradient(180deg,var(--btn-top),var(--btn-bottom))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 0 var(--btn-edge),var(--lift)!important;
  transform:translateY(0);transition:transform .09s ease,box-shadow .09s ease,filter .15s ease;
  margin-bottom:4px;
}
.button:not(.quiet):not(.outline):not(.dark):not(.text-link):hover,
.home-price-card .button:hover,.home-copy .button:hover{
  filter:brightness(1.05);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 0 var(--btn-edge),var(--lift)!important;
}
.button:not(.quiet):not(.outline):not(.dark):not(.text-link):active,
.home-price-card .button:active,.home-copy .button:active{
  transform:translateY(4px);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.25),0 0 0 var(--btn-edge)!important;
}

/* Хоёрдогч товч */
.button.quiet,.button.outline{
  background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;
  box-shadow:0 3px 0 var(--btn2-edge);transition:transform .09s ease,box-shadow .09s ease;margin-bottom:3px;
}
.button.quiet:hover,.button.outline:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--btn2-edge)}
.button.quiet:active,.button.outline:active{transform:translateY(3px);box-shadow:0 0 0 var(--btn2-edge)}
.button.dark{box-shadow:0 4px 0 #000;margin-bottom:4px;transition:transform .09s ease,box-shadow .09s ease}
.button.dark:active{transform:translateY(4px);box-shadow:none}

/* Карт: зөөлөн гүн */
.card,.panel,.course-card,.home-price-card,.membership-plan,.promo-card,.member-card,.profile-card,.result-card,.home-step-grid article{
  box-shadow:var(--card-shadow)!important;
}
.home-price-card,.course-card{transition:transform .2s ease,box-shadow .2s ease}
.home-price-card:hover,.course-card:hover{transform:translateY(-3px)}
.home-price-card.featured{box-shadow:0 0 0 1px var(--accent),var(--card-shadow)!important}

/* Chip, доод цэсийн идэвхтэй зүйл */
.chip{box-shadow:0 2px 0 var(--btn2-edge)}
.mobile-dock a[aria-current]{box-shadow:inset 0 2px 4px rgba(0,0,0,.12)}

@media (prefers-reduced-motion: reduce){
  .button,.home-price-card,.course-card{transition:none!important}
  .home-price-card:hover,.course-card:hover{transform:none}
}

/* ───────────── v0.5 · Шалгалтаар илэрсэн засвар ───────────── */
/* Доод цэс 5 зүйлтэй тул нэг мөрөнд багтаах (өмнө нь 5 дахь нь доош унаж байсан) */
.mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px}
.mobile-dock a{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Утсан дээр нүүрний гарчиг баруун тийш гарахгүй */
@media(max-width:480px){.home-copy h1{font-size:clamp(40px,12vw,56px)!important;overflow-wrap:anywhere}}
/* Видеоны дэвсгэр: хуучин ногоон биш */
.home-video-placeholder{background:var(--surface-soft)!important}
/* Профайл: "Профайл засах" товч утсан дээр тасрахгүй */
.skool-profile-top{flex-wrap:wrap;gap:12px}
@media(max-width:480px){.skool-profile-top>.button{width:100%;justify-content:center}}
/* v0.7 · Хэрэглэгчийн цэс утсан дээр: дэлгэцэнд багтах, гүйлгэх боломжтой, товч том */
@media(max-width:600px){
  .account-popover{position:fixed!important;top:72px!important;right:12px!important;left:12px!important;width:auto!important;
    max-height:calc(100dvh - 72px - 96px);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:60}
  .account-popover a,.account-popover button{min-height:44px;font-size:15px;display:flex!important;align-items:center}
  .account-popover [data-logout]{color:#B3412F!important}
  body[data-theme="dark"] .account-popover [data-logout]{color:#E8806F!important}
}
/* v0.8 · Тооцоолуур community дотор */
.pp-calc-shell{max-width:620px;margin:0 auto;padding:4px 0 110px}
#community-calculator{display:block;width:100%;height:1400px;border:0;background:transparent;color-scheme:normal}
/* v0.9 · Утсан дээрх тогтворжилт */
html{overflow-x:clip;scroll-behavior:auto!important;-webkit-text-size-adjust:100%}
body{overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}
/* Контент ачаалах агшинд footer дээш үсрэхгүй */
main#app{min-height:calc(100dvh - 140px)}
/* Толгой хэсгийн өндөр тогтмол */
.topbar{min-height:64px}
.top-actions{min-height:44px}
/* Хуруугаар дарахад "hover" хөдөлгөөн гацаж, карт/товч дээш доош хөдлөхгүй */
@media (hover:none){
  .home-price-card:hover,.course-card:hover{transform:none!important}
  .button:hover,.button.quiet:hover,.button.outline:hover{transform:none!important;filter:none!important}
}

/* ───────────── v1.0 · Тооцоолуур (минимал) ───────────── */
.ppc{max-width:560px;margin:0 auto;padding:8px 0 120px;display:flex;flex-direction:column;gap:16px}
.ppc-head{display:flex;flex-direction:column;gap:6px}.ppc-head .eyebrow{margin:0;text-transform:uppercase}.ppc-head .page-title{margin:0}
.ppc-sub{margin:0;color:var(--secondary)}
.ppc-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--card-shadow)}
.ppc svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ppc-setup{display:flex;flex-direction:column;gap:16px}
.ppc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ppc-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--secondary)}
.ppc input,.ppc select{height:48px;box-sizing:border-box;width:100%;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--canvas);color:var(--text);font:500 16px var(--pp-font)}
.ppc input::placeholder{color:var(--secondary);opacity:.7}
.ppc-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:12px;background:var(--canvas);border:1px solid var(--line)}
.ppc-seg button{height:40px;border:0;border-radius:9px;background:transparent;color:var(--secondary);font:700 14px var(--pp-font)}
.ppc-seg button[aria-checked="true"]{background:var(--accent);color:#fff;box-shadow:0 2px 0 var(--btn-edge)}
.ppc-wide{width:100%;height:52px;font-size:16px}
.ppc-profile{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 14px;border-radius:12px;border:1px dashed var(--line);background:transparent;color:var(--secondary);font:600 13px var(--pp-font);text-align:left}
.ppc-hero{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:18px;position:relative}
.ppc svg.ppc-ring{width:132px;height:132px;stroke:none;transform:rotate(-90deg);grid-row:1/3}
.ppc-ring circle{fill:none;stroke-width:10}.ppc-track{stroke:var(--line)}.ppc-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s ease}
.ppc-left{position:absolute;left:18px;top:18px;width:132px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ppc-left strong{font-stretch:62.5%;font-weight:900;font-size:36px;line-height:1;color:var(--text)}
.ppc-left span{font-size:11px;color:var(--secondary);margin-top:4px}
.ppc-hero.is-over .ppc-fill{stroke:#B3412F}body[data-theme="dark"] .ppc-hero.is-over .ppc-fill{stroke:#E8806F}
.ppc-stats{display:flex;flex-direction:column;gap:10px;margin:0}
.ppc-stats div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px}
.ppc-stats div:last-child{border:0;padding:0}
.ppc-stats dt{font-size:13px;color:var(--secondary)}.ppc-stats dd{margin:0;font-weight:800;font-size:17px;color:var(--text)}
.ppc-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ppc-macros div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:12px;background:var(--surface-soft)}
.ppc-macros b{font-size:17px;color:var(--text)}.ppc-macros span{font-size:12px;color:var(--secondary)}
.ppc-add{display:flex;flex-direction:column;gap:12px;padding:14px}
.ppc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--canvas);border:1px solid var(--line)}
.ppc-tabs button{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;background:transparent;color:var(--secondary);font:700 14px var(--pp-font)}
.ppc-tabs button[aria-selected="true"]{background:var(--surface);color:var(--text);box-shadow:0 2px 0 var(--btn2-edge)}
.ppc-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 52px;gap:8px}
.ppc-plus{height:48px!important;min-height:48px!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.ppc-plus svg{width:22px;height:22px;stroke-width:2.4}
.ppc-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ppc-log li{display:grid;grid-template-columns:36px minmax(0,1fr) auto 40px;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line)}
.ppc-ic{width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--secondary)}
.ppc-log li.burn .ppc-ic{color:var(--success)}
.ppc-name{display:flex;flex-direction:column;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppc-name small{font-weight:400;color:var(--secondary);font-size:12px}
.ppc-log b{font-size:15px;color:var(--text)}.ppc-log li.burn b{color:var(--success)}
.ppc-log li button{width:40px;height:40px;border:0;border-radius:20px;background:transparent;color:var(--secondary);display:flex;align-items:center;justify-content:center}
.ppc-log .ppc-empty{display:block;text-align:center;color:var(--secondary);padding:22px 8px;border:0}
.ppc-note{margin:0;font-size:12px;color:var(--secondary);text-align:center}
.ppc-note .text-link{background:none;border:0;color:var(--accent-text);font:600 12px var(--pp-font);text-decoration:underline;padding:4px}
@media(max-width:380px){.ppc-hero{grid-template-columns:112px 1fr}.ppc svg.ppc-ring,.ppc-left{width:112px;height:112px}.ppc-left strong{font-size:30px}}
.ppc-head,.ppc-head *{background:transparent!important;box-shadow:none!important;border:0!important}
/* v1.1 · Тооцоолуур: хурдан товч, зөвшөөрөл, судалгаа */
.ppc-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ppc-chips::-webkit-scrollbar{display:none}
.ppc-chip{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--canvas);color:var(--text);font:600 14px var(--pp-font);box-shadow:0 2px 0 var(--btn2-edge);transition:transform .08s ease}
.ppc-chip span{font-weight:400;font-size:12px;color:var(--secondary);white-space:nowrap}
.ppc-chip:active{transform:translateY(2px);box-shadow:none}
.ppc-consent{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:12px;border-radius:12px;background:var(--surface-soft);font-size:13px;line-height:1.5;color:var(--secondary)}
.ppc-consent input{width:20px!important;height:20px!important;margin-top:2px;accent-color:var(--accent)}
.ppc-consent b{display:block;color:var(--text);font-size:14px}
.ppc-admin{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;border:1px dashed var(--line);background:transparent;color:var(--secondary);font:700 14px var(--pp-font)}
.ppc-insights{display:flex;flex-direction:column;gap:12px}
.ppc-insights h3{margin:6px 0 0;font-size:15px}
.ppc-insights table{width:100%;border-collapse:collapse;font-size:13px}
.ppc-insights th,.ppc-insights td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}
.ppc-insights th{color:var(--secondary);font-weight:600}
.ppc-skeleton,.ppc-error{text-align:center;color:var(--secondary)}
.ppc button:disabled{opacity:.6}
body>header{z-index:50}
.ppc-head{position:static!important;top:auto!important;z-index:auto!important}

/* ───────────── v1.2 · Тогтвортой дэлгэц + цэвэр бараан дэвсгэр ───────────── */
/* iPhone-ийн хаягийн мөр нуугдах/гарахад өндөр өөрчлөгдөж "үсэрдэг" байсныг зогсооно (dvh → svh) */
main#app{min-height:calc(100svh - 140px)!important}
html,body{overflow-anchor:none}
.ppc-skeleton{min-height:420px;display:flex;align-items:center;justify-content:center}

/* Бараан горим: ногоовтор саарал биш, цэвэр гүн хар (Тэнгэр хөхтэй зохицно) */
body[data-theme="dark"]{
  --canvas:#111316;--surface:#191C20;--surface-soft:#20242A;--line:#2A2F36;
  --text:#F5F3ED;--secondary:#A4AAB2;
  --btn2-edge:#07080A;
  background:#111316;
}
body[data-theme="dark"] :is(header,.topbar,#nav,.mobile-dock){background-color:#111316}
/* v1.3 · Хоолны цэс, хайлт */
.ppc-sec{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ppc-sec h2{margin:0;font-size:18px}
.ppc-ghost{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--text);font:600 13px var(--pp-font)}
.ppc-hint{margin:4px 0 10px;font-size:13px;color:var(--secondary)}
.ppc-menu{display:flex;flex-direction:column;gap:10px}
.ppc-meal{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--card-shadow)}
.ppc-meal-h{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}
.ppc-meal-t{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text)}
.ppc-meal b{color:var(--text);font-size:14px;white-space:nowrap}
.ppc-meal ul{list-style:none;margin:10px 0 0;padding:0}
.ppc-meal li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}
.ppc-meal li b{font-weight:600;color:var(--secondary)}
.ppc-swap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.ppc-swap label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--secondary);font-weight:700}
.ppc .ppc-swap select{height:40px;padding:0 8px;font-size:13px;border-radius:8px}
.ppc-eat{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--accent);background:transparent;color:var(--accent-text);font:800 13px var(--pp-font);box-shadow:0 2px 0 var(--btn2-edge)}
.ppc-eat.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.ppc-meal.is-done{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;background:var(--surface-soft);box-shadow:none}
.ppc-meal.is-done .ppc-meal-t{color:var(--secondary);font-weight:700}
.ppc-meal.is-done .ppc-meal-t svg{color:var(--success)}
.ppc-helper:empty{display:none}
.ppc-sugg{display:flex;flex-direction:column;gap:6px}
.ppc-sugg button,.ppc-unknown button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:var(--canvas);color:var(--text);font:600 14px var(--pp-font);text-align:left}
.ppc-sugg span,.ppc-unknown span{font-weight:400;font-size:12px;color:var(--secondary)}
.ppc-unknown p{margin:0 0 8px;font-size:13px;color:var(--secondary)}
.ppc-unknown>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.ppc-unknown button{flex-direction:column;align-items:flex-start;gap:2px}
.ppc-picked{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-soft);font-weight:700;color:var(--text)}
.ppc-picked label,.ppc-kcal{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--secondary);font-weight:600}
.ppc-picked input{width:84px!important;height:40px!important;text-align:right}
.ppc-kcal{flex:1;position:relative}.ppc-kcal em,.ppc-picked em{font-style:normal}
.ppc-row2{grid-template-columns:1fr auto!important}
.ppc-row:has(.ppc-min){grid-template-columns:1fr 84px}
.ppc .ppc-plus{width:auto!important;padding:0 18px!important;gap:6px;font-weight:800}
.ppc-add .ppc-row{grid-template-columns:1fr}
.ppc-add .ppc-row:has(.ppc-min){grid-template-columns:1fr 84px}
.ppc-add .ppc-row.ppc-row2{grid-template-columns:1fr auto}
.ppc-swapd{margin-top:8px}
.ppc-swapd summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:36px;font-size:13px;font-weight:700;color:var(--accent-text)}
.ppc-swapd summary::-webkit-details-marker{display:none}
.ppc-swapd summary::before{content:'⇄';margin-right:6px}

/* ───────────── v2.0 · Хувийн дасгалжуулалт ───────────── */
.pco{max-width:600px;margin:0 auto;padding:8px 0 120px;display:flex;flex-direction:column;gap:14px}
.pco-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px}
.pco-card h2{margin:0;font-size:20px}.pco-card h2 small{font-size:12px;color:var(--secondary);font-weight:600}.pco-card h3{margin:0;font-size:16px}
.pco-card .eyebrow{margin:0}
.pco-sub{margin:0;color:var(--secondary);font-size:14px;line-height:1.55}
.pco-contract{max-height:260px;overflow-y:auto;padding:14px;border-radius:12px;background:var(--canvas);border:1px solid var(--line);font-size:13px;line-height:1.65;color:var(--text)}
.pco-check{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:14px;color:var(--text)}
.pco-check input{width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}
.pco-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--secondary)}
.pco input:not([type=checkbox]),.pco select{height:48px;box-sizing:border-box;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--canvas);color:var(--text);font:500 16px var(--pp-font)}
.pco-pad{position:relative}
.pco-pad canvas{display:block;width:100%;height:160px;border-radius:12px;background:#FFFFFF;border:1px dashed var(--line);touch-action:none}
.pco-pad .text-link{position:absolute;right:8px;top:8px;background:none;border:0;color:#11221F;font:700 13px var(--pp-font);padding:6px}
.pco-err{margin:0;color:#E8806F;font-size:13px;min-height:1em}
body[data-theme="light"] .pco-err{color:#B3412F}
.pco-wide{width:100%;height:52px;font-size:16px}
.pco-prices{display:flex;flex-direction:column;gap:10px}
.pco-pay{display:flex!important;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 18px!important}
.pco-pay b{font-size:17px}
.pco-days{display:flex;align-items:baseline;gap:8px}.pco-days strong{font-stretch:62.5%;font-weight:900;font-size:56px;line-height:1}.pco-days span{color:var(--secondary)}
.pco-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.pco-bar i{display:block;height:8px;background:var(--accent);border-radius:4px}
.pco-link{align-self:center;background:none;border:0;color:var(--accent-text);font:600 13px var(--pp-font);text-decoration:underline;min-height:44px}
.pco-inv{display:grid;grid-template-columns:1fr;gap:8px}
.pco-link-box{display:grid;grid-template-columns:1fr auto;gap:8px}
.pco-list{list-style:none;margin:0;padding:0}
.pco-list li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--text)}
.pco-list small{display:block;font-weight:400;color:var(--secondary);font-size:12px}
.pco-dot{width:10px;height:10px;border-radius:5px;background:var(--line)}.pco-dot.on{background:var(--success)}
.pco-list .text-link{background:none;border:0;color:var(--accent-text);font:600 13px var(--pp-font);min-height:40px}

/* ═════════════ v3.0 · Шинэ UI: өдөр "Гүн Байгаль", шөнө "Шөнийн тэнгэр" · 3 төрлийн товч ═════════════ */
body[data-theme]{
  --head:#11221F;--head-2:#11221F;--on-head:#F2F5F3;
  --canvas:#F2F5F3;--surface:#FFFFFF;--surface-soft:#E8EEEC;--line:#DCE4E1;
  --text:#13201E;--secondary:#5B6B67;
  --primary:#11221F;--primary-hover:#245C59;--on-primary:#FFFFFF;
  --accent:#11221F;--accent-hover:#245C59;--accent-tint:#E3ECEA;--accent-text:#11221F;--on-accent:#FFFFFF;
  --success:#167D73;--danger:#B3412F;
  --card-shadow:0 1px 2px rgba(17,34,31,.05),0 10px 24px -18px rgba(17,34,31,.35);
  --btn-shadow:0 8px 16px -10px rgba(17,34,31,.7);
  background:var(--canvas);color:var(--text);
}
body[data-theme="dark"]{
  --head:#081211;--head-2:#11221F;--on-head:#F2F5F3;
  --canvas:#0B1716;--surface:#11221F;--surface-soft:#17302C;--line:#24403B;
  --text:#F2F5F3;--secondary:#A3B5B0;
  --primary:#2E7C74;--primary-hover:#38908A;--on-primary:#FFFFFF;
  --accent:#2E7C74;--accent-hover:#38908A;--accent-tint:#17302C;--accent-text:#8FCFC6;
  --success:#3FB3A4;--danger:#E8806F;
  --card-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 14px 30px -20px rgba(0,0,0,.8);
  --btn-shadow:0 8px 18px -10px rgba(42,107,192,.8);
  background:var(--canvas);color:var(--text);
}
/* Хуучин ногоовтор/3D утгуудыг дарна */
body[data-theme] :is(header,.topbar,#nav){background-color:var(--head)!important}
body[data-theme]>header{background:var(--head)!important;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px)!important;background-size:10px 10px!important;color:var(--on-head);border:0!important}
body[data-theme]>header :is(a,button,small,.header-note,#nav a){color:var(--on-head)}
body[data-theme]>header #nav a[aria-current],body[data-theme]>header #nav a.active{color:#FFFFFF!important}
body[data-theme] .brand-wordmark{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important}
body[data-theme] .brand-symbol{filter:none!important}
body[data-theme]>header :is(.profile,[data-mode-toggle],.account-menu>summary){background:rgba(255,255,255,.12)!important;border-color:transparent!important;color:var(--on-head)!important}

/* ── 1 · Үндсэн товч ── */
.button:not(.quiet):not(.outline):not(.dark):not(.text-link),.home-price-card .button,.home-copy .button,.ppc-plus,.pco-pay:not(.quiet){
  background:var(--primary)!important;color:var(--on-primary)!important;border:0!important;border-radius:14px!important;
  min-height:48px;box-shadow:var(--btn-shadow)!important;filter:none!important;margin-bottom:0!important;transition:transform .08s ease,background-color .15s ease!important}
.button:not(.quiet):not(.outline):not(.dark):not(.text-link):hover,.ppc-plus:hover,.pco-pay:not(.quiet):hover{background:var(--primary-hover)!important;transform:none!important}
.button:active,.ppc-plus:active,.pco-pay:active,.ppc-chip:active,.ppc-eat:active{transform:scale(.98)!important}
/* ── 2 · Хоёрдогч товч ── */
.button.quiet,.button.outline,.button.dark,.pco-pay.quiet,.ppc-ghost,.ppc-admin,.ppc-profile{
  background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;margin-bottom:0!important;transform:none}
body[data-theme]>header .button.quiet{background:rgba(255,255,255,.12)!important;color:var(--on-head)!important;border-color:transparent!important}
/* ── 3 · Pill ── */
.chip,.ppc-chip,.ppc-eat,.ppc-seg button,.ppc-tabs button,.ppc-sugg button,.ppc-unknown button,.pco-list .text-link{border-radius:999px!important;box-shadow:none!important}
.chip,.ppc-chip{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important}
.chip.active,.chip[aria-pressed="true"],.chip.on{background:var(--head)!important;color:var(--on-head)!important;border-color:var(--head)!important}
.ppc-eat{border:1px solid var(--primary)!important;color:var(--primary)!important;background:transparent!important}
body[data-theme="dark"] .ppc-eat{color:var(--accent-text)!important;border-color:var(--accent)!important}
.ppc-eat.on{background:var(--primary)!important;color:#fff!important}
.ppc-seg,.ppc-tabs{border-radius:999px!important;background:var(--surface-soft)!important;border:0!important}
.ppc-seg button[aria-checked="true"],.ppc-tabs button[aria-selected="true"]{background:var(--head)!important;color:var(--on-head)!important}
.ppc-sugg button,.ppc-unknown button{border-radius:16px!important;background:var(--surface-soft)!important;border:0!important}
/* Картууд */
.card,.panel,.course-card,.home-price-card,.membership-plan,.promo-card,.member-card,.profile-card,.result-card,.home-step-grid article,.ppc-card,.pco-card,.ppc-meal{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--card-shadow)!important}
.home-price-card:hover,.course-card:hover{transform:none!important}
/* Жижиг шошго + том утга */
.eyebrow{color:var(--secondary)!important;letter-spacing:.14em}
.ppc-stats dt,.ppc-macros span,.pco-list small{color:var(--secondary)!important}
/* Цагираг, график, ✓: Тэнгэр хөх */
.ppc-fill{stroke:var(--accent)!important}.ppc-track{stroke:var(--surface-soft)!important}
.pco-bar i{background:var(--accent)!important}
.ppc-log li.burn b,.home-price-card li::before{color:var(--success)!important}
/* Доод цэс: толгойн өнгөтэй */
.mobile-dock{background:var(--head)!important;border-top:0!important}
.mobile-dock a{color:rgba(255,255,255,.62)!important;background:transparent!important}
.mobile-dock a[aria-current]{color:#FFFFFF!important;background:rgba(255,255,255,.12)!important;box-shadow:none!important}
/* Миний хуудсууд: бараан толгой + дээш давхцсан хуудас */
.ppc-head,.pco>.ppc-head{position:relative!important;background:var(--head)!important;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px)!important;background-size:10px 10px!important;
  box-shadow:0 0 0 100vmax var(--head)!important;clip-path:inset(0 -100vmax)!important;padding:14px 0 52px!important;margin-top:-8px!important;border:0!important}
.ppc-head *,.pco>.ppc-head *{background:transparent!important;color:var(--on-head)!important}
.ppc-head .eyebrow{color:rgba(255,255,255,.7)!important}
.ppc-head+*{margin-top:-44px!important;position:relative;z-index:1}
.ppc-sub{color:rgba(255,255,255,.75)!important}
/* Аккаунт цэс */
.account-popover{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:18px!important}
.account-popover a,.account-popover button{color:var(--text)!important}
.account-popover [data-logout]{color:var(--danger)!important}
/* Талбарууд */
.ppc input,.ppc select,.pco input:not([type=checkbox]),.pco select{background:var(--surface-soft)!important;border:1px solid transparent!important;border-radius:12px!important;color:var(--text)!important}
.ppc input:focus,.pco input:focus{border-color:var(--accent)!important;outline:none}
/* Community хуудсуудын гарчиг ч мөн бараан толгой дээр */
main > .section-head{position:relative!important;background:var(--head)!important;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px)!important;background-size:10px 10px!important;
  box-shadow:0 0 0 100vmax var(--head)!important;clip-path:inset(0 -100vmax)!important;padding:14px 0 48px!important;margin-top:-8px!important;border:0!important;color:var(--on-head)}
main > .section-head :is(h1,p,.muted,.page-title,span){color:var(--on-head)!important}
main > .section-head p,main > .section-head .muted{opacity:.75}
main > .section-head+*{margin-top:-36px!important;position:relative;z-index:1}
main > .section-head :is(.button,button){background:rgba(255,255,255,.12)!important;color:var(--on-head)!important;border-color:transparent!important;box-shadow:none!important}
main > .section-head :is(.chip,.pill,.badge,.count,span[class]:not(.eyebrow)){background:rgba(255,255,255,.14)!important;color:var(--on-head)!important;border-color:transparent!important}
/* v3.1 · Зөвхөн ногоон гэр бүл: цэнхэр өнгийг бүрэн хассан */
.home-video-placeholder button,.ppc-chip.on,.pco-dot.on{background:var(--primary)!important}
.home-video-placeholder{background:var(--surface-soft)!important}
/* v3.2 · Калорийн цагираг: тоо цагирагийн яг төвд (ирмэгээс хамаарахгүй) */
.ppc-hero{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:18px!important}
.ppc svg.ppc-ring{grid-column:1;grid-row:1;margin:0!important;align-self:center}
.ppc-left{position:static!important;grid-column:1;grid-row:1;width:132px!important;height:132px!important;align-self:center;justify-self:center;z-index:1}
.ppc-stats{grid-column:2;grid-row:1}
.ppc-left strong{font-variant-numeric:tabular-nums}
@media(max-width:380px){.ppc-hero{grid-template-columns:112px minmax(0,1fr)!important}.ppc-left{width:112px!important;height:112px!important}}
/* v3.3 · Цэгэн хээг бүрэн хассан: толгой, хуудасны толгой цэвэр нэг өнгө */
body[data-theme]>header,.ppc-head,.pco>.ppc-head,main > .section-head{background-image:none!important}

/* ═════════════ v3.5 · 3 өнгө: ХАР #111413 · ЦАГААН #FFFFFF · НОГООН #11221F (бусад нь эдгээрийн тунгалаг хувилбар) ═════════════ */
body[data-theme]{
  --head:#11221F;--head-2:#11221F;--on-head:#FFFFFF;
  --canvas:#FFFFFF;--surface:#FFFFFF;--surface-soft:#F1F4F4;--line:#E4EAEA;
  --text:#111413;--secondary:#6A6E6D;
  --primary:#11221F;--primary-hover:#11221F;--on-primary:#FFFFFF;
  --accent:#11221F;--accent-hover:#11221F;--accent-tint:#F1F4F4;--accent-text:#11221F;--on-accent:#FFFFFF;
  --success:#11221F;--danger:#B3412F;
  --card-shadow:0 1px 2px rgba(17,20,19,.05),0 10px 24px -18px rgba(17,20,19,.3);
  --btn-shadow:0 8px 16px -10px rgba(17,34,31,.6);
  background:#FFFFFF;color:#111413;
}
body[data-theme="dark"]{
  --head:#11221F;--on-head:#FFFFFF;
  --canvas:#111413;--surface:#1F2221;--surface-soft:#292C2B;--line:#323534;
  --text:#FFFFFF;--secondary:#A9AAAA;
  --primary:#FFFFFF;--primary-hover:#FFFFFF;--on-primary:#111413;
  --accent:#FFFFFF;--accent-tint:#292C2B;--accent-text:#FFFFFF;--on-accent:#111413;
  --success:#FFFFFF;--danger:#E8806F;
  --card-shadow:0 14px 30px -20px rgba(0,0,0,.8);--btn-shadow:none;
  background:#111413;color:#FFFFFF;
}
.button:not(.quiet):not(.outline):not(.dark):not(.text-link):hover,.ppc-plus:hover,.pco-pay:not(.quiet):hover{filter:brightness(1.08)!important}
body[data-theme="dark"] .ppc-eat.on{background:#FFFFFF!important;color:#111413!important}
body[data-theme="dark"] .ppc-seg button[aria-checked="true"],body[data-theme="dark"] .ppc-tabs button[aria-selected="true"]{background:#FFFFFF!important;color:#111413!important}
.pco-pad .text-link{color:#11221F!important}

/* ═════════════ v3.8 · Утасны UX (Apple HIG / WCAG 2.2 судалгаан дээр) ═════════════ */
@media (max-width:800px){
  /* 1 · Толгой нэг мөр (103px → ~60px): контентын талбай томорно */
  body>header #nav{display:none!important}
  body>header .brand-lockup small{display:none!important}
  body>header .topbar{min-height:60px!important;padding-top:6px!important;padding-bottom:6px!important}
  body>header .brand-wordmark{width:128px!important}
  body>header .brand-symbol{height:34px!important}
  /* 2 · Дарах талбай ≥ 44px */
  body>header :is(.profile,[data-mode-toggle],.account-menu>summary,.button){min-width:44px!important;min-height:44px!important}
  body>header .brand{min-height:44px;display:inline-flex;align-items:center}
  .chip,.ppc-chip,.pco-list .text-link,.text-link{min-height:44px}
  /* 3 · Уншигдах хэмжээ: доод тал нь 12px шошго, 13–15px текст */
  .eyebrow{font-size:12px!important;letter-spacing:.1em!important}
  small,.muted,.course-meta,.ppc-name small,.pco-list small,.ppc-stats dt,.ppc-macros span,.ppc-note{font-size:13px!important}
  body{font-size:15px}
  /* 4 · iPhone автоматаар томруулахаас сэргийлж талбар бүр 16px */
  input,select,textarea{font-size:16px!important}
  /* 5 · Гарчгийн хэсэг нягт */
  main > .section-head{padding:10px 0 40px!important}
  .ppc-head,.pco>.ppc-head{padding:10px 0 46px!important}
  main .page-title,.section-head h1{font-size:34px!important}
  /* 6 · iPhone-ийн доод зурвасаас (home bar) зай */
  .mobile-dock{padding-bottom:max(6px,env(safe-area-inset-bottom))!important}
  .mobile-dock a{font-size:11px!important;min-height:48px}
}
@media (max-width:800px){
  .ppc-eat,.ppc-seg button,.ppc-tabs button,.ppc .ppc-swap select,.ppc-ghost,.ppc-log li button,.ppc-swapd summary{min-height:44px!important}
  .ppc-log li button{min-width:44px!important}
  .calendar-grid :is(small,span),.leaderboard :is(small,span){font-size:13px}
}
/* v3.8 · Толгой ба гарчгийн бараан хэсгийн хоорондох цагаан зураасыг арилгав */
main > .section-head{margin-top:-23px!important}
.ppc>.ppc-head,.pco>.ppc-head{margin-top:-31px!important}

/* ═════════════ v3.9 · Товчны нэгдсэн дүрэм (веб 48/40 · утас 52/44) ═════════════ */
.button,.ppc-plus,.pco-pay,.ppc-ghost,.ppc-admin{min-height:48px!important;height:auto!important}
.pco-pay{padding-top:0!important;padding-bottom:0!important}
.chip,.ppc-chip,.ppc-eat,.ppc-seg button,.ppc-tabs button{min-height:40px!important;height:40px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex;align-items:center;justify-content:center}
.ppc-chip{height:auto!important}
.text-link,a.text-link,button.text-link,.pco-link{color:var(--accent-text)!important;text-decoration:underline!important;text-underline-offset:3px;background:none!important;border:0!important;display:inline-flex;align-items:center;min-height:44px}
@media (max-width:800px){
  .button,.ppc-plus,.pco-pay,.ppc-ghost,.ppc-admin{min-height:52px!important}
  .chip,.ppc-eat,.ppc-seg button,.ppc-tabs button{min-height:44px!important;height:44px!important}
  body>header :is(.button){min-height:44px!important}
}

/* v3.9 · Icon загвар C */
.ppi{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mobile-dock .ppi{width:24px;height:24px}
[data-mode-toggle] .ppi{width:20px;height:20px}
.account-chevron .ppi{width:16px;height:16px;vertical-align:middle}
.ppi-inline{display:inline-flex;vertical-align:-0.2em;margin:0 .1em}
.ppi-inline .ppi{width:1.1em;height:1.1em;stroke-width:2.2}
.home-price-card li::before,.membership-plan li::before{content:''!important;display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-3px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* v4.0 · Шинэ F лого (өргөн, зузаан): толгойд цагаанаар */
body[data-theme]>header .brand-symbol,body[data-theme] .brand-symbol{filter:brightness(0) invert(1)!important;height:34px!important;width:auto}
body[data-theme]>header .brand-wordmark{filter:brightness(0) invert(1)!important;width:210px!important;height:auto}
body[data-theme]>header .brand{gap:12px}
footer .brand-wordmark{width:180px!important}
body[data-theme="dark"] footer .brand-wordmark{filter:brightness(0) invert(1)!important}
@media(max-width:800px){body[data-theme]>header .brand-wordmark{width:156px!important}body[data-theme]>header .brand-symbol{height:30px!important}}
/* v4.1 · Текст: Inter (гарчиг Noto Sans Condensed хэвээр) */
:root{--pp-font:'Inter','Noto Sans',system-ui,-apple-system,"Segoe UI",sans-serif}
/* v4.1 · Лого + "| COMMUNITY" тайлбар мөр (B) */
body>header .brand{display:inline-flex!important;align-items:center;gap:12px}
body>header .brand-lockup{display:inline-flex!important;align-items:center;gap:12px}
body>header .brand-lockup small{display:inline-flex!important;align-items:center;align-self:stretch;padding-left:12px;border-left:1.5px solid rgba(255,255,255,.35);
  font:700 11px/1 var(--pp-font)!important;letter-spacing:.22em!important;color:rgba(255,255,255,.75)!important;text-transform:uppercase;margin:0!important}
.landing body>header .brand-lockup small,body.landing>header .brand-lockup small{display:inline-flex!important}
@media(max-width:800px){body>header .brand-lockup small{font-size:9px!important;letter-spacing:.16em!important;padding-left:9px}body>header .brand-lockup{gap:9px}body>header .brand-wordmark{width:128px!important}}
body>header .brand-lockup{flex-direction:row!important;flex-wrap:nowrap!important}
body>header .brand-lockup small{align-self:center!important;height:18px;white-space:nowrap}
@media(max-width:800px){body>header .brand-lockup small{height:14px}}
/* v4.2 · Утас: сар/нар товч аватар цэс рүү, толгойд лого | COMMUNITY */
.pp-theme-item{display:none}
@media(max-width:800px){
  body>header [data-mode-toggle]{display:none!important}
  body>header .brand-wordmark{width:118px!important}
  body>header .brand-lockup small{font-size:9px!important;letter-spacing:.14em!important}
  .account-popover .pp-theme-item{display:flex!important;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}
  .account-popover .pp-theme-item .ppi{width:20px;height:20px}
}
/* Аватар цэсний текст толгойн цагаан өнгийг өвлөхгүй */
body>header .account-popover :is(a,button,b,span,.pp-theme-item){color:var(--text)!important}
body>header .account-popover .account-identity span{color:var(--secondary)!important}
body>header .account-popover [data-logout]{color:var(--danger)!important}
/* v4.3 · Лого харьцаа: тэмдэг = бичвэрийн өндрийн 1.8 дахин */
body[data-theme]>header .brand-symbol{height:35px!important}
body[data-theme]>header .brand-wordmark{width:210px!important}
@media(max-width:800px){body[data-theme]>header .brand-symbol{height:23px!important}body[data-theme]>header .brand-wordmark{width:132px!important}}

/* Preserve reviewed fixes and keep logo artwork readable. */
body[data-theme] header .brand-symbol,body[data-theme] header .brand-wordmark{filter:none!important}
body[data-theme] footer .brand-wordmark{filter:none!important}
body[data-theme="dark"] footer .brand-wordmark{filter:brightness(0) invert(1)!important}
.pco textarea{width:100%;font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}
.landing .top-actions{display:flex!important;width:auto!important;margin-left:0!important;flex-wrap:nowrap!important}
.landing .top-actions>:not([data-mode-toggle]){display:none!important}
.landing .landing-nav{margin-left:auto}.landing .topbar{gap:12px!important}
@media(max-width:800px){body.landing>header [data-mode-toggle]{display:inline-flex!important}body>header .brand{min-width:0;gap:8px!important}body>header .brand-lockup{gap:7px!important}body>header .brand-lockup small{letter-spacing:.08em!important;padding-left:7px!important}}

/* v4.4 · Аватар цэсний мөр бүр ижил хэмжээтэй */
body>header .account-popover > :is(a,button){display:flex!important;align-items:center;gap:12px;min-height:44px!important;height:auto!important;padding:0 12px!important;margin:0!important;
  font:500 15px/1.2 var(--pp-font)!important;border-radius:10px;text-align:left;width:100%;box-sizing:border-box;background:none;border:0}
body>header .account-popover > :is(a,button):hover{background:var(--surface-soft)!important}
body>header .account-popover .ppi{width:20px!important;height:20px!important;flex:none;color:var(--secondary)}
body>header .account-popover [data-logout] .ppi{color:currentColor}
@media(min-width:801px){body>header .account-popover .pp-theme-item{display:none!important}}
body>header .account-popover .pp-theme-item{gap:12px!important}

/* v4.5 · Ангилал засварлагч */
.pp-cat-list{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.pp-cat-row{display:grid;grid-template-columns:1fr 44px 44px 44px;gap:6px}
.pp-cat-row input{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);padding:0 14px;font:500 16px var(--pp-font);color:var(--text)}
.pp-cat-btn{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:700 16px var(--pp-font)}
.pp-cat-del{color:var(--danger)}
/* v4.5 · Тайлбар мөр логоны үсгийн хэлбэрээр, бичвэрийн төвтэй тэгш */
body>header .brand-lockup small{height:auto!important;align-self:center!important;padding-left:12px!important;display:inline-flex!important;align-items:center;line-height:0!important}
body>header .brand-lockup small .pp-desc{display:block;height:11px;width:auto;opacity:.78}
@media(max-width:800px){body>header .brand-lockup small{padding-left:9px!important}body>header .brand-lockup small .pp-desc{height:7.5px}}
body>header .brand-lockup small{border-left:0!important;padding-left:0!important;gap:12px}
body>header .brand-lockup small::before{content:'';display:block;width:1.5px;height:20px;background:rgba(255,255,255,.35)}
@media(max-width:800px){body>header .brand-lockup small{gap:9px}body>header .brand-lockup small::before{height:13px}}

.pp-cat-row{grid-template-columns:minmax(0,1fr) 44px 44px 44px}.pp-cat-row input{min-width:0;width:100%}

/* v4.7 · Хоолны цэсний шинэ карт */
.ppc-meal.pp2{padding:18px;display:flex;flex-direction:column;gap:14px}
.pp2-h{display:flex;justify-content:space-between;align-items:flex-start}
.pp2-h h3{margin:2px 0 0;font-size:18px;color:var(--text)}
.pp2-time{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--secondary);text-transform:uppercase}
.pp2-k{text-align:right}.pp2-k strong{display:block;font-family:'Noto Sans',sans-serif;font-stretch:62.5%;font-weight:900;font-size:30px;line-height:1;color:var(--text)}.pp2-k span{font-size:12px;color:var(--secondary)}
.pp2-mac{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pp2-mac span{position:relative;display:block;padding:8px 10px;border-radius:10px;background:var(--surface-soft);font-size:12px;font-weight:600;color:var(--text);overflow:hidden}
.pp2-mac i{position:absolute;left:0;bottom:0;height:3px;background:var(--primary);border-radius:2px}
body[data-theme="dark"] .pp2-mac i{background:#FFFFFF}
.pp2-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pp2-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto 40px;align-items:center;gap:10px;padding:6px 0}
.pp2-ic{width:40px;height:40px;border-radius:12px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;font-size:20px}
.pp2-n{display:flex;flex-direction:column;min-width:0}.pp2-n b{font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp2-n small{font-size:12px;color:var(--secondary)}
.pp2-q{font-weight:800;font-size:14px;color:var(--text);background:var(--surface-soft);border-radius:999px;padding:6px 10px;white-space:nowrap}
.pp2-sw{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:16px;font-weight:700}
.pp2-eat{width:100%;justify-content:center;gap:8px;display:flex!important;align-items:center}
.pp2-eat .ppi,.pp2-eat svg{width:18px;height:18px}
.pp2-mac span{display:flex!important;flex-direction:column;gap:2px;padding:8px 10px 10px!important}
.pp2-mac em{font-style:normal;font-size:11px;font-weight:600;color:var(--secondary)}.pp2-mac b{font-size:15px;color:var(--text)}
.pp2-list li{grid-template-columns:40px minmax(0,1fr) auto 40px!important}
.pp2-n small{white-space:normal;overflow:visible;line-height:1.45}
.ppc-picked small{display:block;font-size:12px;font-weight:400;color:var(--secondary);line-height:1.45}
.pp2-q{font-size:13px!important}
.pp2-n b{color:var(--text)!important;font-weight:700}
/* v4.8 · Үндсэн калорийн самбар */
.ppc .ppc-hero{display:none!important}
.pph{background:var(--head);color:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 36px -24px rgba(17,34,31,.9)}
.pph-top{display:grid;grid-template-columns:168px minmax(0,1fr);gap:20px;align-items:center}
.pph-ring{position:relative;width:168px;height:168px}
.pph-svg{display:block;transform:rotate(-90deg)}.pph-svg circle{fill:none}
.pph-track{stroke:rgba(255,255,255,.14)}.pph-fill{stroke:#FFFFFF;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.pph.over .pph-fill,.pph-mini.over .pph-fill{stroke:#E8806F}
.pph-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pph-c strong{font-family:'Noto Sans',sans-serif;font-stretch:62.5%;font-weight:900;font-size:46px;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pph-c span{font-size:12px;color:rgba(255,255,255,.7);margin-top:4px}
.pph-stats{margin:0;display:flex;flex-direction:column;gap:12px}
.pph-stats div{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.pph-stats div:last-child{border:0;padding:0}
.pph-stats dt{font-size:13px;color:rgba(255,255,255,.7)}.pph-stats dd{margin:0;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}
.pph-water{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"l b" "c c";gap:12px;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.pph-wl{grid-area:l;display:flex;align-items:center;gap:10px}.pph-wl .ppi{width:24px;height:24px;stroke:#fff}
.pph-wl b{display:block;font-size:15px}.pph-wl span{font-size:13px;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.pph-cups{grid-area:c;display:flex;gap:5px}.pph-cups i{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.14)}.pph-cups i.on{background:#fff}
.pph-wb{grid-area:b;justify-self:end;display:flex;gap:8px}
.pph-wb button,.pph-mini button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font:700 14px var(--pp-font)}
.pph-wb button:first-child{width:40px;padding:0}
/* Доош гүйлгэхэд тогтох жижиг самбар */
.pph-mini{position:fixed;left:50%;transform:translate(-50%,-140%);width:min(560px,calc(100% - 24px));z-index:40;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;border-radius:18px;background:var(--head);color:#fff;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}
.pph-mini.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.pph-mini .pph-svg{flex:none}
.pph-mt{display:flex;flex-direction:column;line-height:1.1}.pph-mt b{font-size:18px;font-variant-numeric:tabular-nums}.pph-mt span{font-size:11px;color:rgba(255,255,255,.7)}
.pph-mw{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.pph-mw .ppi{width:16px;height:16px;stroke:#fff}
@media(max-width:380px){.pph-top{grid-template-columns:140px 1fr}.pph-ring{width:140px;height:140px}.pph-ring .pph-svg{width:140px;height:140px}.pph-c strong{font-size:38px}}
@media (prefers-reduced-motion:reduce){.pph-mini{transition:none}}
.ppc svg.pph-s168{width:168px!important;height:168px!important}
.ppc svg.pph-s34{width:34px!important;height:34px!important}
body[data-theme="dark"] .pph{border:1px solid rgba(255,255,255,.08)}
@media(max-width:380px){.ppc svg.pph-s168{width:140px!important;height:140px!important}}

/* ═════════════ v5.0 ═════════════ */
/* Бэхэлсэн, сургалтын бүлэглэл хасагдсан: бүх сургалт нэг жагсаалтад */
.course-section-filters,.course-card .content-card-meta,.lesson-pinned-shortcuts,.content-pin,.section-pin-label{display:none!important}
/* Нийтлэл хураагдах */
.post-text.pp-clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.post-text.pp-clamp.pp-open{display:block;-webkit-line-clamp:unset;overflow:visible}
.pp-more{background:none;border:0;padding:6px 0;min-height:36px;color:var(--accent-text);font:700 14px var(--pp-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* QPay хүлээлт */
.pp-pay-wait{display:flex;align-items:center;gap:10px;justify-content:center;font-size:14px;color:var(--secondary)}
.pp-pay-wait span{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--primary);animation:ppspin 1s linear infinite}
@keyframes ppspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pp-pay-wait span{animation:none}}
/* Сургалт доторх хэсэг, хичээлийн засварлагч */
.pp-cm{margin:14px 10px 10px;padding:14px;border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}
.pp-cm-h{display:flex;justify-content:space-between;align-items:baseline}.pp-cm-h small{color:var(--secondary);font-size:12px}
.pp-cm-sec{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--surface-soft)}
.pp-cm-sh,.pp-cm-l,.pp-cm-add{display:grid;gap:6px;align-items:center}
.pp-cm-sh{grid-template-columns:1fr 36px 36px}.pp-cm-l{grid-template-columns:1fr 32px 32px 110px}.pp-cm-add{grid-template-columns:1fr auto}
.pp-cm input,.pp-cm select{height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:0 10px;font:500 14px var(--pp-font);min-width:0}
.pp-cm-sh input{font-weight:800}
.pp-cm button{height:36px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:700 13px var(--pp-font);padding:0 10px;cursor:pointer}
.pp-cm-add button{background:var(--primary);color:var(--on-primary);border-color:transparent}
.pp-cm-none{font-size:13px;color:var(--secondary)}
.pp-cm{margin:22px 0 0;padding:22px;border-radius:20px;border:1.5px dashed var(--line)}
.pp-cm-h b{font-size:18px}
.pp-cm-sec{padding:14px;gap:8px}
.pp-cm-sh{grid-template-columns:minmax(0,1fr) 40px 40px}.pp-cm-l{grid-template-columns:minmax(0,1fr) 40px 40px minmax(140px,240px)}
.pp-cm input,.pp-cm select,.pp-cm button{height:42px}
@media(max-width:700px){.pp-cm{padding:14px}.pp-cm-l{grid-template-columns:minmax(0,1fr) 40px 40px;}.pp-cm-l select{grid-column:1 / -1}}

.pp-cm>summary{cursor:pointer;list-style:none}.pp-cm>summary::-webkit-details-marker{display:none}.pp-cm:not([open])>.pp-cm-h{margin:0}.pp-cm>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Course reading and editing share the same quiet, two-column classroom. */
body[data-theme] .pp-classroom{display:grid;grid-template-columns:290px minmax(0,1fr);gap:32px;align-items:start}
body[data-theme] .pp-classroom-sidebar{min-width:0;padding:10px 0;position:sticky;top:150px}
.pp-course-heading{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;padding:0 12px}
body[data-theme] .pp-course-heading h2{font-family:inherit;font-size:20px;line-height:1.4;font-weight:700;letter-spacing:0;margin:4px 0;overflow-wrap:anywhere}
.pp-course-heading .classroom-actions>summary{border:0;border-radius:50%;width:38px;height:38px;background:var(--surface-soft)}
.pp-course-progress{position:relative;margin:18px 12px 24px;height:20px;border-radius:20px;background:var(--surface-soft);overflow:hidden}
.pp-course-progress .progress{margin:0;height:20px;border:0;background:transparent;border-radius:20px}
.pp-course-progress>span{position:absolute;inset:0;padding-left:12px;line-height:20px;font-size:11px;font-weight:700;color:var(--text);background:transparent}
.pp-course-progress .progress>span{background:var(--accent-tint)}
.pp-course-outline{padding-bottom:24px}.pp-folder{margin-bottom:12px}.pp-folder-head{display:flex;align-items:center;gap:8px;padding:0 8px}
body[data-theme] .pp-folder-toggle{display:flex;align-items:center;gap:9px;text-align:left;min-height:42px;background:transparent;color:var(--text);font-weight:650;flex:1;min-width:0;padding:6px;font-size:14px}
.pp-folder-toggle>span:last-child{overflow-wrap:anywhere}.pp-folder-head .classroom-actions>summary{height:30px;width:30px;font-size:21px;border:0;background:transparent}
body[data-theme] .pp-classroom .lesson-link{display:flex;width:100%;align-items:flex-start;gap:10px;text-align:left;min-height:46px;padding:12px 16px;margin:3px 0;border-radius:9px;background:transparent;color:var(--secondary);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body[data-theme] .pp-classroom .lesson-link:hover{background:var(--surface-soft)}
body[data-theme] .pp-classroom .lesson-link.active{background:var(--accent-tint);color:var(--text);font-weight:600}
.pp-page-symbol{flex:0 0 18px;opacity:.65}.pp-empty-folder{font-size:12px;color:var(--secondary);padding:0 16px}.pp-mobile-outline{display:none}
body[data-theme] .pp-classroom-stage{padding:36px 40px;min-height:560px;margin:0;min-width:0;overflow:visible;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.pp-classroom-stage .lesson-heading{align-items:flex-start;gap:20px;margin:0 0 28px}
body[data-theme] .pp-classroom-stage .lesson-heading h1{font-family:inherit;font-weight:700;font-size:29px;line-height:1.35;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere}
.pp-page-tools{display:flex;gap:12px;align-items:center;flex-shrink:0}.pp-page-tools .lesson-complete-icon{color:var(--secondary);width:34px;height:34px;border-width:2px}.pp-page-tools .lesson-complete-icon.done{color:var(--on-accent)}
.pp-page-tools .classroom-actions>summary{width:34px;height:34px;border:0;background:transparent}
.pp-lesson-body,.pp-editable{font-size:16px;line-height:1.85;overflow-wrap:anywhere;white-space:normal}
.pp-lesson-body img.pp-lesson-image,.pp-editable img.pp-lesson-image{display:block;max-width:100%;width:auto;height:auto;max-height:720px;object-fit:contain;margin:20px auto;border-radius:10px}.pp-editable img.pp-lesson-image{cursor:pointer}.pp-editable img.pp-lesson-image.is-selected{outline:3px solid var(--accent);outline-offset:3px}.pp-lesson-image-settings{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:14px 0}.pp-lesson-image-settings[hidden]{display:none}.pp-lesson-image-settings label{flex:1 1 240px}.pp-lesson-image-settings input{display:block;width:100%;margin-top:6px}.pp-lesson-image-settings button{flex:0 0 auto}
.pp-lesson-body p,.pp-editable p{margin:0 0 20px}.pp-lesson-body h2,.pp-editable h2{font-family:inherit;font-weight:700;font-size:23px;line-height:1.4;margin:28px 0 16px}.pp-lesson-body h3,.pp-editable h3{font-size:19px;margin:24px 0 12px}.pp-lesson-body a,.pp-editable a{color:var(--accent-text);text-decoration:underline}.pp-lesson-body blockquote,.pp-editable blockquote{border-left:3px solid var(--accent);padding:8px 18px;margin:18px 0;background:var(--surface-soft)}
.pp-classroom-stage video,.pp-classroom-stage iframe{width:100%;aspect-ratio:16/9;border-radius:9px;margin-bottom:24px}.pp-material{display:block;margin:24px 0}.pp-page-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:16px}.pp-course-empty{padding:70px 0;text-align:center;color:var(--secondary)}
.pp-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pp-editor-heading h2{font-size:22px;margin:0}.pp-text-editor{border:1px solid var(--line);border-radius:10px;overflow:hidden}.pp-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px;background:var(--surface-soft);border-bottom:1px solid var(--line)}
body[data-theme] .pp-editor-toolbar select{width:auto;max-width:130px;border:0;background:transparent;padding:6px;font-size:13px;min-height:36px}
body[data-theme] .pp-editor-toolbar button{background:transparent;color:var(--text);border-radius:6px;width:34px;height:36px;font-size:15px}.pp-editor-toolbar button:hover{background:var(--surface)}.pp-editable{min-height:260px;padding:20px;outline:0}.pp-editable:focus{box-shadow:inset 0 0 0 2px var(--accent)}
.pp-page-media{margin-top:20px}.pp-page-media>summary{cursor:pointer;color:var(--secondary);font-size:14px;padding:8px 0}.pp-course-trash-link{margin-top:28px}.classroom-action-menu hr{border:0;border-top:1px solid var(--line);margin:6px 8px}body[data-theme] .classroom-action-menu .pp-danger{color:#c74747}
@media(max-width:850px){body[data-theme] .pp-classroom{grid-template-columns:240px minmax(0,1fr);gap:20px}body[data-theme] .pp-classroom-stage{padding:26px}}
@media(max-width:700px){body[data-theme] .pp-classroom{grid-template-columns:minmax(0,1fr);gap:16px}body[data-theme] .pp-classroom-sidebar{position:static;padding:0}.pp-course-heading{padding:0}.pp-course-progress{margin:14px 0}.pp-mobile-outline{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 14px;font-size:14px}.pp-course-outline{display:none;padding:12px 0 0}.pp-course-outline.open{display:block}body[data-theme] .pp-classroom-stage{padding:24px 20px;min-height:360px}.pp-classroom-stage .lesson-heading{flex-wrap:nowrap;margin-bottom:24px}body[data-theme] .pp-classroom-stage .lesson-heading h1{font-size:23px}.pp-page-tools{gap:6px}.pp-page-footer{align-items:flex-start;flex-direction:column}.pp-page-footer .button{width:100%}.pp-editable{padding:14px}.pp-course-heading h2{font-size:18px}}


/* ═════════════ v5.1 · Багцын карт (Skool маяг) ═════════════ */
.pp-plans{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin-inline:auto;align-items:start}
@media(max-width:800px){.pp-plans{grid-template-columns:1fr}}
.pp-plan{display:flex!important;flex-direction:column;align-items:stretch;gap:0;padding:34px 30px 30px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:var(--surface)!important;box-shadow:var(--card-shadow)!important;text-align:center;position:relative}
.pp-plan .discount-flag,.pp-plan .price-tag{order:0;align-self:center;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;padding:5px 12px;border-radius:999px;background:var(--surface-soft);color:var(--text);position:static!important;transform:none!important}
.pp-plan .membership-price,.pp-plan .home-price{order:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 6px;margin:0}
.pp-plan .membership-price h2,.pp-plan .home-price strong{margin:0;font:800 46px/1 var(--pp-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}
.pp-plan .membership-price del,.pp-plan .home-price del{flex-basis:100%;font-size:16px;color:var(--secondary)}
.pp-plan .membership-price>strong{flex-basis:100%;font-size:14px;color:var(--accent-text)}
.pp-plan .pp-per{font:700 18px var(--pp-font);color:var(--secondary)}
.pp-plan .home-price small{flex-basis:100%;font-size:13px;color:var(--secondary)}
.pp-plan>.eyebrow{order:2;margin:10px 0 4px;font:800 20px/1.2 var(--pp-font)!important;letter-spacing:0!important;color:var(--text)!important;text-transform:none}
.pp-plan .discount-until{order:3;font-size:13px;color:var(--secondary);margin:2px 0 0}
.pp-feat{order:4;list-style:none;margin:26px 0 28px;padding:0;display:flex;flex-direction:column;gap:14px;text-align:left}
.pp-feat li{position:relative;padding-left:38px;font-size:16px;line-height:1.35;color:var(--text);min-height:26px;display:flex;align-items:center}
.pp-feat li::before{content:'';position:absolute;left:0;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:var(--primary)}
.pp-feat li::after{content:'';position:absolute;left:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--on-primary);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-plan>button.button{order:5;width:100%;margin:0}
.pp-note{order:6;margin:14px 0 0;font-size:14px;color:var(--secondary)}.pp-note b{color:var(--accent-text)}
.pp-plan.selected-plan{outline:3px solid var(--primary);outline-offset:2px}
/* v5.1 засвар */
.pp-feat li::before{-webkit-mask:none!important;mask:none!important;display:block!important;margin-right:0!important;vertical-align:baseline!important}
.pp-plans{align-items:stretch!important}
.pp-plan>button.button{margin-top:auto!important}
.pp-feat{margin-bottom:28px!important}
/* v5.1 · нүүр хуудасны карт */
.home-price-card.featured.pp-plan{border:1px solid var(--line)!important;box-shadow:var(--card-shadow)!important;transform:none!important}
.pp-plan .home-price{flex-direction:row!important;align-items:baseline!important}
.pp-plan .discount-flag,.pp-plan .price-tag{position:absolute!important;top:-13px;left:50%;transform:translateX(-50%)!important;margin:0!important;white-space:nowrap;background:var(--primary);color:var(--on-primary)}
.pp-feat li{border:0!important}
.pp-plan .home-price small{display:block}
/* v5.2 · Үнийн доорх 2 тайлбар мөр эргэн орсон */
.pp-plan .pp-desc{order:3;margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--secondary);text-align:center}
.pp-plan .pp-desc:first-of-type{margin-top:10px;font-weight:700;color:var(--text)}
.pp-plan .pp-desc+.pp-feat,.pp-plan .discount-until+.pp-desc{}
.pp-feat{margin-top:22px!important}

.pp-note:empty{display:none}
.pp-levels-page{max-width:1120px;margin:0 auto}.pp-level-overview{position:relative;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:50px;padding:44px!important;margin-bottom:0!important}.pp-level-settings{position:absolute;right:18px;top:16px;display:grid;place-items:center;min-width:36px;min-height:36px;color:var(--secondary)}.pp-level-settings svg{width:20px;height:20px}.pp-level-person{text-align:center;min-width:0}.pp-level-portrait{position:relative;display:block;width:160px;height:160px;margin:0 auto 22px;padding:5px;border-radius:50%;background:conic-gradient(var(--accent) var(--level-progress),var(--line) 0)}.pp-level-portrait .avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:5px solid var(--surface);border-radius:50%;object-fit:cover;font-size:40px}.pp-level-shield{position:absolute;right:2px;bottom:0;display:grid;place-items:center;width:38px;height:44px;background:var(--accent);color:var(--on-accent);font-size:21px;font-weight:800;border:3px solid var(--surface);border-radius:9px 9px 17px 17px}.pp-level-person h2{font-family:inherit;font-size:21px;margin:0 0 8px;line-height:1.4;overflow-wrap:anywhere}.pp-level-person>p{font-size:13px;margin:4px 0;color:var(--secondary)}.pp-level-points{display:block;font-size:12px;color:var(--secondary);margin:9px 0}.pp-level-next{font-size:12px;line-height:1.6;color:var(--secondary)}.pp-level-next b{color:var(--accent-text)}.pp-level-help{display:inline-block;position:relative;vertical-align:middle;text-align:left;margin-left:4px}.pp-level-help summary{list-style:none;cursor:pointer;border:1px solid var(--secondary);border-radius:50%;display:inline-grid;place-items:center;width:17px;height:17px;font-size:11px}.pp-level-help summary::-webkit-details-marker{display:none}.pp-level-help p{position:absolute;z-index:3;top:16px;left:auto;right:0;width:250px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--card-shadow);padding:14px;border-radius:12px;font-size:12px;line-height:1.7}.pp-level-ladder{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--level-rows),auto);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0;column-gap:36px;row-gap:20px}.pp-level-ladder li{display:flex;align-items:center;gap:12px;min-width:0}.pp-level-circle{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--secondary);font-size:14px;font-weight:750}.pp-level-circle svg{width:18px;height:18px}.pp-level-ladder .reached .pp-level-circle{background:var(--accent-tint);color:var(--accent-text)}.pp-level-ladder .current .pp-level-circle{background:var(--accent);color:var(--on-accent)}.pp-level-ladder b{display:block;font-size:14px;line-height:1.4;color:var(--text)}.pp-level-ladder li>div>span{display:block;font-size:11px;color:var(--secondary);margin-top:3px;overflow-wrap:anywhere}.pp-level-ladder small{display:block;font-size:11px;color:var(--secondary);margin-top:3px}.pp-level-update{font-size:12px;color:var(--secondary);margin:16px 0 20px}.pp-leaderboard-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.pp-rank-card{padding:20px!important;margin:0!important;min-width:0}.pp-rank-card h2{font-family:inherit;font-size:16px;line-height:1.4;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.pp-rank-card ol{list-style:none;margin:0;padding:0;display:grid;gap:5px}.pp-rank-card li{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 5px;border-radius:9px;min-width:0}.pp-rank-card li.is-me{background:var(--accent-tint)}.pp-rank-medal{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;font-size:11px;color:var(--secondary);font-weight:750}.pp-rank-medal.rank-1{background:#f6e8b5;color:#705913}.pp-rank-medal.rank-2{background:#e5e8eb;color:#525961}.pp-rank-medal.rank-3{background:#eee0d5;color:#79553d}.pp-rank-member{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:var(--text);text-decoration:none}.pp-rank-member .avatar{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover;font-size:11px;display:flex;align-items:center;justify-content:center}.pp-rank-member>span{font-size:12px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-rank-member small{font-size:10px;display:block;color:var(--secondary);font-weight:400}.pp-rank-points{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent-text);flex:none}.pp-my-rank,.pp-level-footnote{font-size:12px;color:var(--secondary);line-height:1.7}.pp-my-rank{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}.pp-level-footnote{margin:20px 0}@media(max-width:950px){.pp-level-overview{gap:28px;padding:34px!important;grid-template-columns:210px minmax(0,1fr)}.pp-level-ladder{column-gap:18px}.pp-rank-card{padding:15px!important}.pp-rank-card li{gap:6px}.pp-rank-member{gap:6px}}@media(max-width:700px){.pp-level-overview{grid-template-columns:1fr;gap:30px;padding:30px 20px!important}.pp-level-person{padding:0 10px}.pp-level-portrait{width:140px;height:140px}.pp-level-ladder{column-gap:14px;row-gap:18px}.pp-level-ladder li{gap:8px;align-items:flex-start}.pp-level-circle{width:30px;height:30px}.pp-level-ladder b{font-size:12px}.pp-level-ladder li>div>span,.pp-level-ladder small{font-size:11px!important;line-height:1.5}.pp-leaderboard-columns{grid-template-columns:1fr;gap:16px}.pp-rank-card{padding:20px!important}.pp-rank-member>span{font-size:14px}.pp-rank-points{font-size:14px}.pp-rank-member .avatar{width:36px;height:36px}.pp-level-help summary{min-height:22px;min-width:22px}.pp-level-update{font-size:11px}}
.invite-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.member-invites form>input{max-width:600px}.invite-created{margin-top:24px;display:block}.invite-created p{margin:8px 0}.invite-created input,.invite-row input{width:100%;font-size:12px;min-width:0}.invite-created button{margin-top:10px}.invite-list{display:grid;gap:14px}.invite-row{display:flex;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line,#e3e5e4);border-radius:16px}.invite-row>div:first-child{min-width:0;flex:1}.invite-row p{margin:8px 0}.invite-row small{display:block;color:var(--muted,#6b706d);margin-bottom:12px;overflow-wrap:anywhere}.invite-row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.invite-landing{max-width:580px;margin:40px auto}.invite-landing .notice{display:block;margin:24px 0}.invite-landing .notice p{margin:10px 0 0}.member-invites .section-head{align-items:center}.member-invites .section-head h2{margin:0}@media(max-width:650px){.invite-fields{grid-template-columns:1fr;gap:0}.invite-row{flex-direction:column;gap:8px}.invite-landing{margin:24px auto}}

.pp-level-portrait{text-decoration:none}.pp-level-ladder b .ppi-inline{display:inline-flex;vertical-align:-.15em;margin-left:3px}.pp-level-ladder b .ppi-inline svg{width:14px;height:14px}
/* One horse grows with the member. The atlas has five columns and two rows. */
.pp-horse-sprite{display:block!important;width:100%;aspect-ratio:1;background-image:url('/assets/horse-evolution-approved-v5.png');background-repeat:no-repeat;background-size:500% 200%;background-position:var(--horse-x) var(--horse-y);flex:none}
.pp-horse-heading{margin:8px 0 24px}.pp-horse-heading h1{font-family:inherit;font-size:clamp(24px,3vw,34px);line-height:1.3;margin:8px 0}.pp-horse-heading p{color:var(--secondary);font-size:14px;margin:0;line-height:1.7}
.pp-horse-journey{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface);margin-bottom:24px;box-shadow:var(--card-shadow)}
.pp-horse-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 70%,#365746 0%,#1d3530 45%,#11221f 80%);padding:20px 28px;min-width:0;color:white;overflow:hidden}.pp-horse-scene:before{content:'';position:absolute;z-index:-1;width:70%;height:65%;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 22px #ffffff04,0 0 0 50px #ffffff03}.pp-horse-scene .pp-horse-sprite{width:min(100%,340px);filter:drop-shadow(0 14px 12px #0007)}.pp-horse-scene-label{font-size:10px;letter-spacing:2px;color:#c5d7cf}.pp-horse-stage-badge{position:relative;margin-top:-15px;margin-bottom:12px;border:1px solid #d8be7c77;border-radius:100px;padding:7px 16px;font-size:12px;color:#ead49e;background:#11221fcc;font-weight:700}.pp-horse-story{padding:40px;align-self:center;min-width:0}.pp-horse-story h2{font-family:inherit;font-size:32px;line-height:1.2;margin:10px 0}.pp-horse-story>p{font-size:14px;color:var(--secondary);line-height:1.7}.pp-horse-progress-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;font-size:12px}.pp-horse-progress-label>span{text-align:right;color:var(--secondary)}.pp-horse-progress{height:9px;background:var(--line);border-radius:100px;overflow:hidden;margin:10px 0}.pp-horse-progress>span{display:block;height:100%;background:linear-gradient(90deg,#3d7960,#b6ca87);border-radius:100px}.pp-horse-next{margin-bottom:20px!important}.pp-horse-next strong{color:var(--accent-text)}
.pp-level-ladder .pp-horse-tier{position:relative;appearance:none;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:2px;width:58px;height:58px;flex:none;cursor:pointer;color:var(--text)}.pp-horse-tier>.pp-horse-sprite{width:100%;height:100%}.pp-horse-tier>span:last-child{position:absolute;bottom:-4px;right:-4px;background:var(--surface);border:1px solid var(--line);font-size:10px;border-radius:50%;display:grid;place-items:center;width:20px;height:20px}.pp-level-ladder .locked .pp-horse-tier{filter:grayscale(.8);opacity:.7}.pp-level-ladder .current .pp-horse-tier{border:2px solid #bba266;background:#e9e0ca}.pp-level-ladder .current .pp-horse-tier>span:last-child{background:#11221f;color:white;border-color:#11221f}.pp-horse-tier:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pp-horse-preview{text-align:center}.pp-horse-preview .pp-horse-scene{border-radius:18px}.pp-horse-preview p{line-height:1.7}.pp-horse-preview .badge{margin:10px 0}
.pp-horse-celebration{position:fixed;border:1px solid #b79c57;padding:42px 28px;max-width:620px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:24px;background:#11221f;color:white;text-align:center;box-shadow:0 24px 100px #0007}.pp-horse-celebration::backdrop{background:#06130de0;backdrop-filter:blur(8px)}.pp-horse-celebration .eyebrow{color:#ddc382}.pp-horse-celebration h1{font-family:inherit;font-size:30px;margin:15px 0}.pp-horse-celebration p{line-height:1.7}.pp-horse-celebration .muted{color:#b9cbc4}.pp-horse-close{position:absolute;top:10px;right:12px;width:36px;height:36px;background:transparent;color:#d9e5df;border:0;font-size:26px;cursor:pointer}.pp-horse-evolution{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;margin-top:20px}.pp-horse-evolution>div{min-width:0}.pp-horse-before{opacity:.45}.pp-horse-after{animation:pp-horse-arrive 1.8s ease-out both}.pp-horse-evolution>div>span:last-child{font-size:13px;color:#dcc486}.pp-horse-after .pp-horse-sprite{filter:drop-shadow(0 0 15px #dac06855)}.pp-horse-celebration-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}.pp-horse-celebration-actions .button{background:#dec68c;color:#11221f;border:1px solid #dec68c}.pp-horse-celebration-actions .quiet{background:transparent;color:#dec68c}.stage-10:after{content:'';position:absolute;z-index:-1;inset:8%;border-radius:50%;border:1px solid #e2c77a50;box-shadow:0 0 45px #e8c76d33;animation:pp-horse-aura 3s ease-in-out infinite}
@keyframes pp-horse-arrive{0%{transform:translateY(20px) scale(.8);opacity:0}100%{transform:none;opacity:1}}@keyframes pp-horse-aura{50%{opacity:.5;transform:scale(.95)}}
.stage-8 .pp-horse-stage-badge{border-color:#cad5d8;color:#e2e9eb}.stage-9 .pp-horse-stage-badge,.stage-10 .pp-horse-stage-badge{border-color:#d8bc6b;color:#f1da9c;box-shadow:0 0 16px #d8bc6b33}.pp-level-ladder .tier-8{border-color:#a4b0b6}.pp-level-ladder .tier-9,.pp-level-ladder .tier-10{border-color:#c5a85f}.pp-horse-scene.stage-10{background:radial-gradient(ellipse at center,#425131 0%,#1e352c 50%,#11221f 90%)}.pp-horse-scene.stage-10 .pp-horse-sprite{animation:pp-horse-glow 4s ease-in-out infinite}@keyframes pp-horse-glow{50%{filter:drop-shadow(0 0 12px #e4b94b77)}}
@media(max-width:700px){.pp-horse-journey{grid-template-columns:1fr;border-radius:20px}.pp-horse-scene{padding:20px}.pp-horse-scene .pp-horse-sprite{width:270px}.pp-horse-story{padding:26px}.pp-horse-story h2{font-size:28px}.pp-horse-heading{margin-top:4px}.pp-level-ladder .pp-horse-tier{width:46px;height:46px}.pp-level-ladder li{align-items:center}.pp-horse-celebration{padding:42px 20px 28px}.pp-horse-celebration h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.pp-horse-after,.stage-10:after,.pp-horse-scene.stage-10 .pp-horse-sprite{animation:none}}


body[data-theme] dialog.pp-horse-celebration{background:#11221f!important;color:#fff!important;border:1px solid #b79c57;padding:42px 28px;max-width:620px;width:calc(100% - 32px);border-radius:24px}body[data-theme] dialog.pp-horse-celebration h1{color:#fff!important}body[data-theme] dialog.pp-horse-celebration p{color:#b9cbc4!important}body[data-theme] dialog.pp-horse-celebration .eyebrow{color:#ddc382!important}body[data-theme] dialog.pp-horse-celebration .pp-horse-celebration-actions .button{background:#dec68c!important;color:#11221f!important;border-color:#dec68c!important}body[data-theme] dialog.pp-horse-celebration .pp-horse-celebration-actions .quiet{background:transparent!important;color:#dec68c!important}@media(max-width:700px){body[data-theme] dialog.pp-horse-celebration{padding:42px 20px 28px}}

/* The full movie appears only in large Khiimori scenes. */
.pp-horse-motion{width:min(100%,360px);min-width:0;margin:12px auto 20px;flex:none}
.pp-horse-motion-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:18px;background:#11221f}
.pp-horse-motion-frame>.pp-horse-sprite{position:absolute;inset:0;width:100%!important;height:100%;animation:none!important;filter:none!important}
.pp-horse-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;border-radius:inherit}
.pp-horse-motion.is-ready .pp-horse-video{opacity:1}
.pp-horse-motion.is-ready .pp-horse-motion-frame>.pp-horse-sprite{visibility:hidden}
.pp-horse-motion.has-error .pp-horse-video{display:none}
.pp-horse-motion.has-error .pp-horse-motion-frame>.pp-horse-sprite{visibility:visible}
.pp-horse-motion-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}
body[data-theme] .pp-horse-motion-controls button{appearance:none;min-height:40px;border:1px solid #b89c58;border-radius:100px;padding:8px 14px;background:#162a23;color:#f4df9d;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.pp-horse-motion-controls button:focus-visible{outline:3px solid #efce79;outline-offset:3px}
.pp-horse-motion-status{display:block;font-size:12px;color:#e1d5b8;line-height:1.5;margin-top:5px}
.pp-horse-motion.has-error .pp-horse-motion-controls{display:none}
.pp-horse-celebration.is-khiimori .pp-horse-evolution{display:block;margin-top:10px}
.pp-horse-celebration.is-khiimori .pp-horse-before,.pp-horse-celebration.is-khiimori .pp-horse-evolution>span{display:none}
.pp-horse-celebration.is-khiimori .pp-horse-motion{width:min(100%,360px);margin:0 auto 8px}
.pp-horse-celebration.is-khiimori h1{margin:12px 0}
.pp-horse-celebration.is-khiimori .pp-horse-celebration-actions{margin-top:14px}
@media(max-width:700px){.pp-horse-motion{width:min(100%,300px)}.pp-horse-celebration.is-khiimori .pp-horse-motion{width:min(100%,280px)}.pp-horse-motion-controls button{min-height:44px}}

body[data-theme] dialog.pp-horse-celebration.is-khiimori{padding:30px 24px 24px}
.pp-horse-celebration.is-khiimori .pp-horse-motion{width:min(100%,320px,calc(100dvh - 350px))}
.pp-horse-celebration.is-khiimori .pp-horse-after>span{display:none}
.pp-horse-celebration.is-khiimori p{margin:8px 0}
.pp-horse-celebration.is-khiimori .pp-horse-close{z-index:2}
@media(max-width:700px){body[data-theme] dialog.pp-horse-celebration.is-khiimori{padding:36px 16px 20px}.pp-horse-celebration.is-khiimori .pp-horse-motion{width:min(100%,280px,calc(100dvh - 360px))}}

.pp-horse-preview .pp-horse-scene:has(.pp-horse-motion){padding:16px}
.pp-horse-preview .pp-horse-motion{width:min(100%,300px,calc(100dvh - 330px));margin:0 auto}

/* Admin membership dashboard */
.pp-dashboard{min-width:0}.pp-dash-welcome{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 22px}.pp-dash-welcome h2{font-size:23px;margin:0 0 8px}.pp-dash-welcome p{margin:0;color:var(--secondary)}.pp-dash-welcome>div:last-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pp-dash-welcome small{color:var(--secondary);white-space:nowrap}.pp-dash-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.pp-dash-card{appearance:none;text-align:left;color:var(--text);font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:9px;padding:22px!important;margin:0!important;min-width:0}.pp-dash-card strong{font-size:36px;line-height:1.2}.pp-dash-card>span{font-weight:700}.pp-dash-card small{color:var(--secondary);font-size:12px}.pp-dash-card:hover{border-color:var(--accent)}.pp-dash-middle{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp-dash-middle>.panel{margin:0;min-width:0}.pp-dash-money h2{font-size:34px;margin:12px 0 6px}.pp-dash-money>p{margin:0;color:var(--secondary)}.pp-dash-money dl,.pp-dash-detail dl{margin:22px 0}.pp-dash-money dl>div,.pp-dash-detail dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.pp-dash-money dd,.pp-dash-detail dd{margin:0;font-weight:700;text-align:right}.pp-dash-money>small{font-size:11px;line-height:1.6;color:var(--secondary)}.pp-dash-growth h2{font-size:19px;margin:12px 0}.pp-dash-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:22px}.pp-dash-bars>div{display:flex;flex-direction:column;align-items:center;gap:8px}.pp-dash-bars b{font-size:13px}.pp-dash-bars small{font-size:10px;color:var(--secondary)}.pp-dash-bar-track{display:flex;align-items:flex-end;height:115px;width:100%;border-radius:6px;background:var(--surface-soft);overflow:hidden}.pp-dash-bar-track i{display:block;width:100%;background:#387b64;border-radius:6px 6px 0 0}.pp-dash-pills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.pp-dash-pills button{font:inherit;font-size:12px;border:1px solid var(--line);color:var(--text);background:var(--surface);padding:10px 15px;border-radius:100px;cursor:pointer}.pp-dash-pills b{margin-left:10px}.pp-dash-members{min-width:0}.pp-dash-members h2{margin:0;font-size:21px}.pp-dash-search{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:12px;align-items:end;margin:20px 0}.pp-dash-search input,.pp-dash-search select{margin:0;width:100%}.pp-dash-search label{font-size:12px;margin-bottom:8px}.pp-dash-search .button{min-height:44px}.pp-dash-table{overflow-x:auto}.pp-dash-table table{width:100%;border-collapse:collapse;min-width:740px;text-align:left;font-size:13px}.pp-dash-table th{color:var(--secondary);font-size:11px;font-weight:600;padding:13px 10px;white-space:nowrap;background:var(--surface-soft)}.pp-dash-table td{border-bottom:1px solid var(--line);padding:14px 10px;vertical-align:middle;white-space:nowrap}.pp-dash-table td:first-child{white-space:normal;min-width:180px;max-width:260px;overflow-wrap:anywhere}.pp-dash-table small,.pp-dash-payment small{display:block;font-size:11px;color:var(--secondary);margin-top:5px}.pp-dash-status{display:inline-block;border-radius:100px;padding:5px 9px;background:var(--surface-soft);color:var(--secondary);font-size:11px;white-space:nowrap}.pp-dash-status.is-active,.pp-dash-status.is-permanent{background:#e3f1e7;color:#215e3e}.pp-dash-status.is-expired{background:#fceae4;color:#9a432c}.pp-dash-status.is-admin{background:#e8eafb;color:#454a8a}.pp-dash-paging{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--secondary)}.pp-dash-paging>div{display:flex;gap:10px;align-items:center}.pp-dash-empty{text-align:center;padding:32px;color:var(--secondary);line-height:1.8}.pp-dash-detail h2{margin-bottom:6px}.pp-dash-detail>p{overflow-wrap:anywhere}.pp-dash-payment{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.pp-dash-detail>a{margin-top:20px}.pp-dashboard [disabled]{opacity:.5;cursor:wait}
@media(max-width:1150px){.pp-dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-dash-welcome{align-items:flex-start;flex-direction:column}.pp-dash-middle{grid-template-columns:1fr}.pp-dash-search{grid-template-columns:1fr 160px}.pp-dash-search>.button{grid-column:1/-1}}
@media(max-width:600px){.pp-dash-cards{gap:10px}.pp-dash-card{padding:16px!important}.pp-dash-card strong{font-size:30px}.pp-dash-card>span{font-size:13px}.pp-dash-welcome h2{font-size:20px}.pp-dash-welcome p{font-size:13px}.pp-dash-money h2{font-size:28px}.pp-dash-search{grid-template-columns:1fr}.pp-dash-members .section-head{gap:12px;align-items:flex-start;flex-direction:column}.pp-dash-bars{gap:7px}.pp-dash-paging>div{width:100%;justify-content:space-between}.pp-dash-paging .button{min-height:44px}.pp-dash-middle>.panel,.pp-dash-members{padding:18px!important}}

/* Lesson attachments */
.pp-resource-editor{margin:24px 0}.pp-resource-list{display:grid;gap:14px;margin-bottom:16px}.pp-resource-row{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:18px;min-width:0}.pp-resource-row-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pp-resource-row label{display:block;margin-top:12px}.pp-resource-row input,.pp-resource-row select,.pp-resource-row textarea{width:100%;max-width:100%;margin-top:7px}.pp-resource-row small{color:var(--secondary);font-size:12px}.pp-resource-add{position:relative;display:inline-block}.pp-resource-add>summary{list-style:none;cursor:pointer;padding:12px 20px;border:1px solid var(--text);border-radius:8px;font-weight:700}.pp-resource-add>summary::-webkit-details-marker{display:none}.pp-resource-menu{position:absolute;z-index:10;bottom:calc(100% + 8px);left:0;width:270px;max-width:75vw;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0002;padding:8px}.pp-resource-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:14px 12px;font:inherit;color:var(--text);border-radius:7px;cursor:pointer}.pp-resource-menu button:hover{background:var(--surface-soft)}.pp-lesson-resources{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.pp-lesson-resources>h2{font-size:18px}.pp-resource-view{display:block;border:1px solid var(--line);border-radius:10px;margin:10px 0;overflow:hidden}.pp-resource-view>summary{padding:16px;cursor:pointer;font-weight:600;overflow-wrap:anywhere}.pp-resource-link{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px;text-decoration:none;color:var(--text)}.pp-resource-link span{overflow-wrap:anywhere;min-width:0}.pp-resource-link small{white-space:nowrap;color:var(--secondary)}.pp-transcript{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;padding:0 18px 20px;max-height:600px;overflow:auto}.pp-resource-view>article{border:0;box-shadow:none;margin:0}.pp-resource-view>p{padding:0 18px 14px}

/* Public lesson example and already-published member stories */
.home-lesson-preview,.home-results{scroll-margin-top:110px}.home-preview-video{max-width:900px;margin:26px auto;border-radius:18px;overflow:hidden;background:#11221f}.home-preview-video :is(video,iframe){display:block;width:100%;aspect-ratio:16/9;max-height:560px;border:0;object-fit:contain}.home-lesson-preview>.tiny{margin-bottom:22px}.home-results .results-section{margin:0;padding:0;border:0}.home-results .results-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.home-results .result-card{min-width:0}.home-results .result-photos img{height:310px;object-fit:contain}.home-results .result-copy{overflow-wrap:anywhere}.home-preview-admin{margin-top:24px}.home-preview-admin .checkbox-label{display:flex;gap:10px;align-items:center;margin:20px 0}.home-preview-admin .checkbox-label input{width:auto}.home-preview-admin .form-footer{flex-wrap:wrap}.home-preview-admin .home-preview-video{margin-bottom:0}.home-results h2{font-size:clamp(27px,4vw,40px)}
@media(max-width:700px){.home-results .results-grid{grid-template-columns:1fr}.home-results .result-photos img{height:250px}.home-preview-video{border-radius:12px}.home-results .result-copy{padding:20px}}

/* Responsive portrait hero and opposite-direction member result gallery. */
.home-portrait{position:relative;isolation:isolate;overflow:hidden;background:#11221f;color:#fff}.home-portrait-image,.home-portrait-shade{position:absolute;inset:0;z-index:-1}.home-portrait-image img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-desktop-x,50%) center}.home-portrait-shade{background:linear-gradient(90deg,rgba(6,17,14,.94) 0%,rgba(6,17,14,.72) 45%,rgba(6,17,14,.4) 100%),linear-gradient(0deg,#11221f 0%,transparent 70%)}.home-portrait .home-hero{min-height:720px;padding:100px 0 85px;position:relative;gap:60px}.home-portrait .home-copy h1{color:#fff!important;font-size:clamp(48px,5.2vw,76px)!important;line-height:1.04!important;max-width:620px;text-wrap:balance}.home-portrait .home-copy p{color:#d6dedb!important;line-height:1.75;max-width:520px}.home-portrait .home-copy .eyebrow{color:#aee1c5!important;letter-spacing:.13em}.home-portrait .home-video{border:1px solid #ffffff38!important;background:#0c1713!important;box-shadow:0 24px 70px #0005;border-radius:22px;align-self:center}.home-portrait .home-video :is(iframe,video){display:block;width:100%;aspect-ratio:16/9;border:0;max-height:none}.home-hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.home-portrait .home-copy .button{margin:0;background:#d7f4dd!important;color:#123226!important;border-color:#d7f4dd!important}.hero-login{color:#fff!important;border:1px solid #ffffff45;border-radius:999px;padding:13px 22px;font-weight:650}.home-results-flow{padding:72px 0 42px;overflow:hidden;background:#101b17;color:#fff}.home-results-flow .home-section-head{padding:0 20px}.home-results-flow h2{color:#fff!important}.home-results-flow .eyebrow{color:#aee1c5!important}.home-results-flow .home-section-head p,.home-results-flow .tiny{color:#a8b9b0!important}.results-motion-toggle{border:1px solid #ffffff35;background:transparent;color:#d3e7da;border-radius:99px;padding:9px 16px;font:inherit;font-size:12px;cursor:pointer;margin-top:8px}.results-flow-window{overflow:hidden;margin:16px 0;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.results-flow-track{display:flex;width:max-content;animation:results-drift 65s linear infinite;will-change:transform}.results-flow-track.reverse{animation-direction:reverse;animation-duration:75s}.results-flow-group{display:flex;gap:16px;padding-right:16px;min-width:100vw;flex-shrink:0}.results-flow-group>div{display:flex;flex:1}.result-slide{display:flex;flex-direction:column;flex:1;min-width:340px;width:clamp(340px,32vw,500px);padding:0;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;background:#1c2822;color:white;text-align:left;cursor:pointer;font:inherit}.result-slide-images{display:flex;height:280px;background:#0c120f}.result-slide-images>span{position:relative;flex:1;min-width:0}.result-slide img{width:100%;height:100%;object-fit:contain;display:block}.result-slide small{position:absolute;bottom:12px;left:12px;background:#0d1712d9;padding:5px 9px;border-radius:6px;font-size:11px;color:#fff}.result-slide-caption{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 17px;min-height:60px}.result-slide-caption b{font-size:16px;color:#fff!important}.result-slide-caption>span{font-size:11px;color:#b8c8bf!important;text-align:right;max-width:55%}.home-results-flow:is(.is-paused,.is-hidden,.is-offscreen) .results-flow-track{animation-play-state:paused}.home-results-flow.is-paused .results-flow-window{overflow-x:auto;scrollbar-width:thin}.results-footnote{text-align:center;padding:16px 20px 0}.results-text-stories{max-width:1080px;margin:24px auto;display:flex;gap:16px;padding:0 20px;flex-wrap:wrap}.results-text-stories button{flex:1;min-width:240px;background:#1c2822;border:1px solid #ffffff20;color:white;border-radius:16px;padding:25px;text-align:left;cursor:pointer}.results-text-stories button span{display:block;margin-top:10px;font-size:12px}.result-story-detail .result-photos{display:flex;gap:12px}.result-story-detail figure{flex:1;min-width:0;margin:0}.result-story-detail img{width:100%;max-height:60vh;object-fit:contain}.result-story-detail figcaption{font-size:12px;margin-top:8px}.home-hero-admin{margin-top:24px}.hero-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero-admin-preview{height:180px;max-width:400px;background:#11221f;border-radius:12px;overflow:hidden;margin:12px 0}.hero-admin-preview.mobile{height:250px;max-width:160px}.hero-admin-preview img{width:100%;height:100%;object-fit:cover}.home-hero-admin input[type=range]{padding:0;accent-color:#28583c}.home-hero-admin .checkbox-label{display:flex;gap:10px;align-items:center;margin:16px 0}.home-hero-admin input[type=checkbox]{width:auto}
@keyframes results-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.home-portrait-image img{object-position:var(--hero-mobile-x,50%) top}.home-portrait-shade{background:linear-gradient(0deg,#11221f 2%,rgba(9,23,17,.88) 35%,rgba(9,23,17,.12) 84%)}.home-portrait .home-hero{min-height:0;grid-template-columns:1fr;width:calc(100% - 36px);padding:clamp(240px,65vw,400px) 0 32px;gap:28px}.home-portrait .home-copy h1{font-size:clamp(36px,10.4vw,62px)!important;line-height:1.04!important;max-width:650px;text-wrap:balance;overflow-wrap:break-word;word-break:normal}.home-portrait .home-copy p{font-size:15px!important;line-height:1.65;max-width:540px}.home-portrait .home-copy .eyebrow{font-size:10px}.home-hero-actions{gap:15px;margin-top:20px}.home-portrait .home-video{width:100%;border-radius:16px}.home-results-flow{padding-top:46px}.result-slide{min-width:290px;width:290px}.result-slide-images{height:230px}.results-flow-group{gap:12px;padding-right:12px}.results-flow-track{animation-duration:55s}.results-flow-track.reverse{animation-duration:65s}.result-slide-caption{padding:12px;gap:8px}.result-slide-caption b{font-size:14px}.hero-upload-grid{grid-template-columns:1fr}.home-results-flow .home-section-head h2{font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.results-flow-track{animation:none!important;transform:none!important}.results-flow-window{overflow-x:auto}.results-flow-track>.results-flow-group[aria-hidden=true],.results-flow-group>div[aria-hidden=true]{display:none}.results-motion-toggle{display:none}.results-flow-group{min-width:0}}

/* Desktop introduction stays below the copy, leaving the portrait visible. */
@media (min-width:801px){
  .home-portrait .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:start;column-gap:60px;row-gap:28px;padding:56px 0;min-height:780px}
  .home-portrait .home-copy{grid-column:1;grid-row:1}
  .home-portrait .home-video{grid-column:1;grid-row:2;justify-self:start;align-self:start;width:100%;max-width:460px}
}

/* Keep mobile landing controls separate from the logo. */
@media(max-width:800px){
  body.landing>header .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  body.landing>header .brand{grid-column:1;min-width:0}
  body.landing>header .landing-nav{grid-column:2;margin:0;white-space:nowrap}
  body.landing>header .top-actions{grid-column:3;margin:0!important;gap:0}
  body.landing>header .landing-nav .button{padding-left:12px;padding-right:12px}
}
@media(max-width:600px){
  body[data-theme].landing>header .brand-lockup small{display:none!important}
  body[data-theme].landing>header .brand-wordmark{width:clamp(100px,32vw,132px)!important}
}

/* Preview only: recessed video frame with a circulating #00E5FF light. */
body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video){
  position:relative;
  isolation:isolate;
  padding:10px;
  border:1px solid #00E5FF!important;
  background:#04140c!important;
  box-shadow:0 0 0 2px #06363F,0 0 18px #00E5FF68,0 0 45px #00E5FF35,0 26px 65px #0009;
}
body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video)::before{
  content:"";
  position:absolute;
  z-index:0;
  left:-60%;
  top:50%;
  width:220%;
  aspect-ratio:1;
  background:conic-gradient(from 0deg,transparent 0deg,#092E35 110deg,#00E5FF 160deg,#B9FAFF 180deg,#00E5FF 199deg,#0A323A 255deg,transparent 360deg);
  transform:translateY(-50%) rotate(0deg);
  animation:home-video-orbit 8s linear infinite;
  pointer-events:none;
}
body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  box-shadow:inset 0 3px 3px #B9FAFF55,inset 0 -7px 13px #00170dab;
  pointer-events:none;
}
body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video) :is(video,iframe,.home-video-placeholder){position:relative;z-index:1;border:1px solid #06363F;border-radius:13px;box-shadow:0 7px 17px #000b}
@keyframes home-video-orbit{to{transform:translateY(-50%) rotate(360deg)}}
@media(max-width:800px){
  body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video){padding:7px;box-shadow:0 0 0 2px #06363F,0 0 14px #00E5FF55,0 16px 38px #0009}
  body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video) :is(video,iframe,.home-video-placeholder){border-radius:9px}
}
@media(prefers-reduced-motion:reduce){body.landing :is(.home-portrait .home-video,.home-lesson-preview .home-preview-video)::before{animation:none;transform:translateY(-50%) rotate(170deg)}}


.pp-page-image-upload{display:grid;gap:10px;margin:12px 0 18px}.pp-page-image-upload label{margin:0}.pp-page-image-upload .tiny{margin:0}.pp-page-image-upload [data-room-main-image-remove]{justify-self:start}.pp-page-image-upload [data-room-main-image-remove][hidden]{display:none}.pp-page-image-preview[hidden]{display:none}.pp-page-image-preview{display:flex;align-items:center;justify-content:center;min-height:150px;max-height:300px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.pp-page-image-preview img{display:block;max-width:100%;max-height:300px;object-fit:contain}.pp-page-video-upload{padding-top:14px;border-top:1px solid var(--line)}.pp-lesson-main-image{display:block;width:auto;max-width:100%;max-height:720px;object-fit:contain;margin:0 auto 20px;border-radius:12px}