/* Moonya post-onboarding guide. Strictly scoped to .mpg-* and guide anchors. */
:root{
  --mpg-navy:#08245f;
  --mpg-blue:#1853b7;
  --mpg-violet:#7547dc;
  --mpg-cyan:#21bee9;
  --mpg-ink:#101a32;
  --mpg-muted:#66728c;
  --mpg-line:#e2e9f5;
  --mpg-soft:#f4f7fd;
  --mpg-green:#0b9b68;
  --mpg-green-soft:#e7f8f1;
  --mpg-amber:#ad6800;
  --mpg-amber-soft:#fff5df;
  --moonya-guide-stack-height:88px;
  --moonya-guide-panel-width:0px;
}

body.theme-mono.moonya-v2 .moonya-activation-path{
  position:relative;
  isolation:isolate;
  width:100%;
  min-width:0;
  margin:26px 0 30px;
  overflow:hidden;
  border:1px solid rgba(33,82,176,.12);
  border-radius:28px;
  background:
    radial-gradient(circle at 3% -35%,rgba(33,190,233,.14),transparent 35%),
    radial-gradient(circle at 96% 0%,rgba(117,71,220,.11),transparent 31%),
    #fff;
  box-shadow:0 22px 58px rgba(10,45,112,.09),inset 0 1px 0 rgba(255,255,255,.9);
}
body.theme-mono.moonya-v2 .moonya-activation-path::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--mpg-cyan),#367be3 46%,var(--mpg-violet));
}
body.theme-mono.moonya-v2 .moonya-activation-path[aria-busy="true"] .mpg-step.is-loading .mpg-step-node{
  background:linear-gradient(100deg,#eef2f9 25%,#fff 45%,#eef2f9 65%);
  background-size:220% 100%;
  animation:mpgShimmer 1.3s linear infinite;
}
@keyframes mpgShimmer{to{background-position:-220% 0}}

.mpg-path-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
  padding:25px 27px 17px;
}
.mpg-path-heading{min-width:0;max-width:760px}
.mpg-eyebrow,.mpg-path-heading>.mpg-eyebrow{
  display:block;
  margin:0 0 7px;
  color:#5f42be;
  font-size:10px;
  font-weight:850;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mpg-path-heading h2{
  margin:0;
  color:var(--mpg-ink);
  font-family:"Bricolage Grotesque","Inter",sans-serif;
  font-size:clamp(21px,2vw,29px);
  font-weight:790;
  line-height:1.12;
  letter-spacing:-.035em;
}
.mpg-path-heading p{
  max-width:760px;
  margin:8px 0 0;
  color:var(--mpg-muted);
  font-size:12.5px;
  line-height:1.6;
}
.mpg-path-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.mpg-progress-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(68,91,151,.11);
  border-radius:999px;
  color:#4d5871;
  background:rgba(244,247,253,.9);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.mpg-link-btn,.mpg-icon-btn,.mpg-btn,.mpg-step button,.mpg-start-row,.mpg-lesson-tab,.mpg-panel-progress button,.mpg-launcher,.mpg-coach-close{
  font:inherit;
  -webkit-tap-highlight-color:transparent;
}
.mpg-link-btn{
  min-height:38px;
  padding:8px 10px;
  border:0;
  border-radius:10px;
  color:#315ba9;
  background:transparent;
  font-size:11.5px;
  font-weight:800;
  cursor:pointer;
}
.mpg-link-btn:hover{background:#edf3ff;color:#123f94}
.mpg-icon-btn{
  display:inline-grid;
  width:40px;
  height:40px;
  place-items:center;
  flex:0 0 auto;
  padding:0;
  border:1px solid var(--mpg-line);
  border-radius:12px;
  color:#52617e;
  background:#fff;
  cursor:pointer;
}
.mpg-icon-btn svg{width:17px;height:17px}
.mpg-icon-btn:hover{border-color:#b9c8e5;color:var(--mpg-blue);background:#f7f9fd}
.mpg-btn{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 16px;
  border:1px solid transparent;
  border-radius:13px;
  font-size:12px;
  font-weight:820;
  line-height:1.2;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;
}
.mpg-btn svg{width:16px;height:16px}
.mpg-btn:hover{transform:translateY(-1px)}
.mpg-btn-primary{
  color:#fff;
  background:linear-gradient(115deg,#154da7 0%,#2967cf 52%,#7547db 100%);
  box-shadow:0 10px 24px rgba(31,82,180,.2),inset 0 1px 0 rgba(255,255,255,.18);
}
.mpg-btn-primary:hover{box-shadow:0 14px 30px rgba(31,82,180,.27),inset 0 1px 0 rgba(255,255,255,.18)}
.mpg-btn-secondary{border-color:#d6e0f1;color:#174a9f;background:#fff}
.mpg-btn-secondary:hover{background:#f3f7ff}

.mpg-track-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity}
.mpg-track-scroll::-webkit-scrollbar{display:none}
.mpg-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(112px,1fr));
  gap:0;
  min-width:520px;
  margin:0;
  padding:14px 25px 21px;
  list-style:none;
}
.mpg-step{position:relative;min-width:0;scroll-snap-align:center}
.mpg-step::before{
  content:"";
  position:absolute;
  z-index:0;
  top:21px;
  right:50%;
  width:100%;
  height:2px;
  background:#e4eaf4;
}
.mpg-step:first-child::before{display:none}
.mpg-step.is-complete::before,.mpg-step.is-complete+.mpg-step::before{background:linear-gradient(90deg,#18ad83,#40c7c4)}
.mpg-step button{
  position:relative;
  z-index:1;
  display:flex;
  width:100%;
  min-height:96px;
  align-items:center;
  flex-direction:column;
  gap:9px;
  padding:0 7px;
  border:0;
  border-radius:16px;
  color:inherit;
  background:transparent;
  text-align:center;
  cursor:pointer;
}
.mpg-step button:hover{background:rgba(241,245,252,.76)}
.mpg-step-node{
  display:grid;
  width:43px;
  height:43px;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #d9e1ef;
  border-radius:15px;
  color:#7b879d;
  background:#fff;
  box-shadow:0 6px 16px rgba(9,43,120,.06);
}
.mpg-step-node svg{width:19px;height:19px}
.mpg-step.is-complete .mpg-step-node{border-color:#bce8d7;color:#087653;background:var(--mpg-green-soft);box-shadow:none}
.mpg-step.is-current .mpg-step-node,.mpg-step.is-attention .mpg-step-node{
  border-color:transparent;
  color:#fff;
  background:linear-gradient(145deg,#1864c7,#7848dd);
  box-shadow:0 0 0 5px rgba(57,99,201,.09),0 10px 22px rgba(45,85,175,.2);
}
.mpg-step.is-attention .mpg-step-node{background:linear-gradient(145deg,#df8b17,#bd6112)}
.mpg-step.is-loading .mpg-step-node,.mpg-step.is-unavailable .mpg-step-node{color:#a4adbd;background:#f5f7fb;box-shadow:none}
.mpg-step.is-optional .mpg-step-node{border-style:dashed;color:#7d6ca9;background:#faf8ff;box-shadow:none}
.mpg-step-copy{display:block;min-width:0}
.mpg-step-copy b{display:flex;min-width:0;align-items:center;justify-content:center;gap:5px;color:#29344c;font-size:11.5px;font-weight:800;line-height:1.25}
.mpg-step-copy b em{padding:2px 5px;border-radius:999px;color:#7255b4;background:#f0ebfb;font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase}
.mpg-step-copy small{display:block;margin-top:3px;color:#8a94a8;font-size:9.5px;font-weight:750;line-height:1.2}
.mpg-step.is-complete .mpg-step-copy small{color:#16825e}
.mpg-step.is-current .mpg-step-copy small{color:#315db3}
.mpg-step.is-attention .mpg-step-copy small{color:#a55c0b}

.mpg-path-focus{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:16px;
  margin:0 18px 18px;
  padding:16px 18px;
  border:1px solid rgba(58,98,184,.1);
  border-radius:20px;
  background:linear-gradient(105deg,rgba(238,246,255,.95),rgba(247,244,255,.95));
}
.mpg-focus-index{
  color:#4c68ab;
  font-family:"JetBrains Mono",monospace;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.mpg-path-focus>div{min-width:0}
.mpg-path-focus>div>span{display:block;margin-bottom:3px;color:#6c78a0;font-size:8.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.mpg-path-focus>div>b{display:block;color:#132445;font-size:13.5px;font-weight:820;line-height:1.3}
.mpg-path-focus p{margin:3px 0 0;color:#63708a;font-size:12px;line-height:1.5}
.mpg-path-focus.is-complete{grid-template-columns:auto minmax(0,1fr) auto;background:linear-gradient(105deg,#edf9f5,#f4fbfa);border-color:#d5eee4}
.mpg-focus-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:#087653;background:#daf4ea}
.mpg-focus-icon svg{width:20px;height:20px}
.mpg-path-focus.is-unavailable{grid-template-columns:auto minmax(0,1fr) auto;background:#f7f8fb}

.mpg-path-compact{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:12px;
  min-height:82px;
  padding:15px 18px;
}
.mpg-path-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#1765c5,#7547dc);box-shadow:0 9px 22px rgba(42,87,184,.19)}
.mpg-path-mark svg{width:21px;height:21px}
.mpg-path-compact-copy{min-width:0}
.mpg-path-compact-copy span{display:block;margin-bottom:3px;color:#6d4cc0;font-size:8.5px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.mpg-path-compact-copy b{display:block;overflow:hidden;color:#17233d;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.moonya-support-grid.moonya-support-grid-single{grid-template-columns:minmax(0,1fr)!important}

/* Contextual video guide — visible in every key page header without replacing its primary action. */
.moonya-video-guide-btn{
  position:relative;
  display:inline-flex;
  min-width:0;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:0 0 auto;
  padding:9px 11px;
  border:1px solid rgba(55,140,218,.34);
  border-radius:13px;
  color:#174c9c;
  background:linear-gradient(120deg,rgba(228,249,255,.96),rgba(243,237,255,.96));
  box-shadow:0 7px 20px rgba(34,91,174,.09),inset 0 1px 0 #fff;
  font:inherit;
  font-size:11.5px;
  font-weight:820;
  line-height:1.15;
  white-space:nowrap;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;
}
.moonya-video-guide-btn[hidden]{display:none!important}
.moonya-video-guide-btn>svg{width:18px;height:18px;flex:0 0 auto;color:#1b69c8}
.moonya-video-guide-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.moonya-video-guide-btn>em{padding:3px 6px;border-radius:999px;color:#fff;background:linear-gradient(120deg,#1a66c6,#7448d9);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.1em}
.moonya-video-guide-btn:hover{border-color:rgba(49,111,213,.58);color:#103b86;box-shadow:0 10px 25px rgba(34,91,174,.14),inset 0 1px 0 #fff;transform:translateY(-1px)}
.moonya-video-guide-btn:active{transform:translateY(0)}
.moonya-video-guide-btn:focus-visible{outline:3px solid rgba(40,101,210,.3);outline-offset:2px}

/* Persistent guide surface */
.mpg-root{position:relative;z-index:155}
.mpg-root[hidden]{display:none!important}
.mpg-launcher{
  position:fixed;
  z-index:155;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:auto auto auto;
  min-width:178px;
  min-height:58px;
  align-items:center;
  gap:10px;
  padding:7px 11px 7px 8px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:20px;
  color:#fff;
  background:linear-gradient(125deg,#082d77 0%,#104ca8 50%,#6938c8 100%);
  box-shadow:0 18px 45px rgba(4,26,76,.28),inset 0 1px 0 rgba(255,255,255,.22);
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease;
}
.mpg-launcher:hover{transform:translateY(-2px);box-shadow:0 23px 52px rgba(4,26,76,.34),inset 0 1px 0 rgba(255,255,255,.22)}
.mpg-launch-ring{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  padding:3px;
  border-radius:15px;
  background:conic-gradient(#57ddf3 calc(var(--mpg-complete,0)*1turn),rgba(255,255,255,.16) 0);
}
.mpg-launch-ring>span{display:grid;width:100%;height:100%;place-items:center;border-radius:12px;background:#153f91}
.mpg-launch-ring svg{width:20px;height:20px}
.mpg-launch-copy{display:block;min-width:0;text-align:left}
.mpg-launch-copy b{display:block;font-size:12px;font-weight:850;line-height:1.2}
.mpg-launch-copy small{display:block;max-width:132px;margin-top:2px;overflow:hidden;color:rgba(255,255,255,.76);font-size:12px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.mpg-launcher>em{min-width:28px;padding:4px 6px;border-radius:999px;color:#fff;background:rgba(255,255,255,.13);font-size:9px;font-style:normal;font-weight:850;text-align:center}

.mpg-panel{
  position:fixed;
  z-index:155;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(88px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(700px,calc(100vw - 316px));
  max-width:calc(100vw - 32px);
  display:flex;
  height:min(700px,calc(100dvh - 116px));
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(216,226,243,.96);
  border-radius:28px;
  color:var(--mpg-ink);
  background:rgba(252,253,255,.98);
  box-shadow:0 30px 90px rgba(4,25,75,.25),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);
  animation:mpgPanelIn .24s cubic-bezier(.2,.75,.25,1) both;
}
.mpg-panel[hidden]{display:none!important}
@keyframes mpgPanelIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.mpg-panel-head{
  position:relative;
  flex:0 0 auto;
  padding:22px 23px 17px;
  border-bottom:1px solid var(--mpg-line);
  background:
    radial-gradient(circle at 0 0,rgba(33,190,233,.11),transparent 42%),
    radial-gradient(circle at 100% 0,rgba(117,71,220,.1),transparent 40%),
    #fff;
}
.mpg-panel-brand{display:flex;align-items:center;gap:11px;padding-right:46px}
.mpg-panel-brand>span{display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border-radius:14px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 9px 20px rgba(54,86,177,.18)}
.mpg-panel-brand>span svg{width:20px;height:20px}
.mpg-panel-brand p{margin:0 0 2px;color:#6546bd;font-size:8.5px;font-weight:850;letter-spacing:.16em}
.mpg-panel-brand h2{margin:0;color:#12203b;font-family:"Bricolage Grotesque","Inter",sans-serif;font-size:20px;font-weight:800;letter-spacing:-.025em}
.mpg-panel-head>.mpg-close{position:absolute;top:20px;right:20px}
.mpg-panel-head>p{max-width:600px;margin:12px 0;color:#68748b;font-size:12px;line-height:1.55}
.mpg-surface-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  padding:4px;
  border:1px solid #dfe6f2;
  border-radius:14px;
  background:#f1f4f9;
}
.mpg-surface-tab{
  display:flex;
  min-width:0;
  min-height:40px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:10px;
  color:#68748b;
  background:transparent;
  font:inherit;
  font-size:11px;
  font-weight:820;
  cursor:pointer;
}
.mpg-surface-tab svg{width:16px;height:16px;flex:0 0 auto}
.mpg-surface-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpg-surface-tab:hover{color:#183e88;background:rgba(255,255,255,.66)}
.mpg-surface-tab.is-active{border-color:#d5dfef;color:#153f91;background:#fff;box-shadow:0 5px 14px rgba(20,55,121,.07)}
.mpg-panel-progress{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:9px}
.mpg-panel-progress:not([hidden]){margin-top:12px}
.mpg-panel-progress[hidden]{display:none!important}
.mpg-panel-progress>span{display:block;width:112px;height:5px;overflow:hidden;border-radius:999px;background:#e7ecf4}
.mpg-panel-progress>span i{display:block;width:calc(var(--mpg-progress,0)*100%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#23bfda,#3471d2,#7448d9)}
.mpg-panel-progress>b{color:#596680;font-size:9.5px;font-weight:800}
.mpg-panel-progress>button{justify-self:end;padding:6px 8px;border:0;border-radius:8px;color:#315ba9;background:transparent;font-size:9.5px;font-weight:800;cursor:pointer}
.mpg-panel-progress>button:hover{background:#eef4ff}
.mpg-panel-progress>button:disabled{opacity:.55;cursor:wait}
.mpg-panel-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;flex:1 1 auto}
.mpg-panel-body[hidden]{display:none!important}
.mpg-lesson-nav{min-width:0;overflow-y:auto;padding:13px 10px;border-right:1px solid var(--mpg-line);background:#f6f8fc;scrollbar-width:thin}
.mpg-lesson-tab{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  width:100%;
  min-height:44px;
  align-items:center;
  gap:9px;
  margin:1px 0;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:12px;
  color:#56627a;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.mpg-lesson-tab>span{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;color:#71809b;background:#edf1f7}
.mpg-lesson-tab svg{width:15px;height:15px}
.mpg-lesson-tab b{min-width:0;overflow:hidden;font-size:10.5px;font-weight:780;text-overflow:ellipsis;white-space:nowrap}
.mpg-lesson-tab i{grid-column:2;margin-top:-6px;color:#6d4dbd;font-size:7.5px;font-style:normal;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.mpg-lesson-tab:hover{color:#183e88;background:#eef3fc}
.mpg-lesson-tab.is-active{border-color:#d6e2f5;color:#153f91;background:#fff;box-shadow:0 6px 16px rgba(20,55,121,.07)}
.mpg-lesson-tab.is-active>span{color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc)}
.mpg-lesson-content{min-width:0;overflow-y:auto;padding:23px 25px 28px;outline:none;scrollbar-width:thin}

.mpg-support-pane{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;gap:10px;padding:12px;background:#f4f7fb}
.mpg-support-pane[hidden]{display:none!important}
.mpg-support-stage{position:relative;min-width:0;min-height:0;flex:1 1 auto;overflow:hidden;border:1px solid #dbe4f1;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(13,45,103,.07)}
.mpg-tawk-host,.mpg-tawk-host>div,.mpg-tawk-host iframe{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;border:0!important}
.mpg-tawk-host{position:absolute;inset:0;overflow:hidden;visibility:hidden;pointer-events:none;background:#fff}
.mpg-tawk-host.is-interactive{visibility:visible;pointer-events:auto}
.mpg-tawk-host.is-interactive iframe{visibility:visible!important;pointer-events:auto!important;cursor:auto!important}
.mpg-support-state{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f7faff,#f7f5ff)}
.mpg-support-state[hidden]{display:none!important;pointer-events:none!important}
.mpg-support-message{display:flex;width:min(360px,100%);align-items:center;flex-direction:column;text-align:center}
.mpg-support-message>span:not(.mpg-support-loader){display:grid;width:48px;height:48px;place-items:center;margin-bottom:14px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 10px 24px rgba(45,82,173,.18)}
.mpg-support-message>span svg{width:22px;height:22px}
.mpg-support-message h3{margin:0;color:#17233e;font-family:"Bricolage Grotesque","Inter",sans-serif;font-size:18px;font-weight:800;letter-spacing:-.02em}
.mpg-support-message p{margin:7px 0 0;color:#68748b;font-size:12px;line-height:1.55}
.mpg-support-message .mpg-btn{margin-top:16px}
.mpg-support-loader{width:34px;height:34px;margin-bottom:17px;border:3px solid #dbe5f5;border-top-color:#2465c4;border-radius:50%;animation:mpgSupportSpin .8s linear infinite}
@keyframes mpgSupportSpin{to{transform:rotate(360deg)}}
.mpg-support-privacy{flex:0 0 auto;margin:0;padding:0 5px;color:#7a859a;font-size:9.5px;line-height:1.45;text-align:center}
.mpg-support-privacy a{color:#315ba9;font-weight:750;text-underline-offset:2px}
.mpg-support-privacy a:hover{color:#123f94}

/* Body-level video modal. It stays independent from the persistent Guide/Support panel. */
.mpg-video-layer{position:fixed;z-index:320;inset:0;display:grid;place-items:center;padding:24px}
.mpg-video-layer[hidden]{display:none!important}
.mpg-video-backdrop{position:absolute;inset:0;background:rgba(4,19,53,.68);backdrop-filter:blur(9px);animation:mpgFadeIn .2s ease both}
.mpg-video-dialog{
  position:relative;
  z-index:1;
  display:flex;
  width:min(1040px,calc(100vw - 48px));
  height:min(780px,calc(100dvh - 48px));
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(212,224,244,.96);
  border-radius:28px;
  color:var(--mpg-ink);
  background:#f8faff;
  box-shadow:0 38px 110px rgba(3,21,61,.42),inset 0 1px 0 #fff;
  animation:mpgVideoIn .26s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes mpgVideoIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.mpg-video-head{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  flex:0 0 auto;
  padding:20px 22px;
  border-bottom:1px solid #dde6f4;
  background:radial-gradient(circle at 0 0,rgba(33,190,233,.12),transparent 38%),radial-gradient(circle at 100% 0,rgba(117,71,220,.1),transparent 36%),#fff;
}
.mpg-video-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 10px 24px rgba(48,82,169,.2)}
.mpg-video-mark svg{width:23px;height:23px}
.mpg-video-copy{min-width:0}
.mpg-video-copy>p{margin:0 0 4px;color:#6545c3;font-size:8.5px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.mpg-video-copy>h2{margin:0;color:#101a32;font-family:"Bricolage Grotesque","Inter",sans-serif;font-size:clamp(20px,2.2vw,29px);font-weight:820;line-height:1.12;letter-spacing:-.035em}
.mpg-video-copy>span{display:block;max-width:760px;margin-top:5px;color:#66728c;font-size:12px;line-height:1.45}
.mpg-video-close{display:grid;width:42px;height:42px;place-items:center;align-self:start;padding:0;border:1px solid #dfe7f3;border-radius:13px;color:#5c6880;background:#fff;cursor:pointer}
.mpg-video-close svg{width:18px;height:18px}
.mpg-video-close:hover{border-color:#c2d1e8;color:#174c9c;background:#f5f8fd}
.mpg-video-close:focus-visible,.mpg-video-message .mpg-btn:focus-visible{outline:3px solid rgba(40,101,210,.32);outline-offset:2px}
.mpg-video-stage{position:relative;min-width:0;min-height:0;flex:1 1 auto;overflow:hidden;background:#051943}
.mpg-video-stage video{display:block;width:100%;height:100%;border:0;outline:0;background:#051943;object-fit:contain}
.mpg-video-stage video:focus-visible{outline:3px solid rgba(73,205,239,.72);outline-offset:-5px}
.mpg-video-state{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f6faff,#f8f5ff)}
.mpg-video-state[hidden]{display:none!important;pointer-events:none!important}
.mpg-video-message{display:flex;width:min(420px,100%);align-items:center;flex-direction:column;text-align:center}
.mpg-video-message>span:not(.mpg-video-loader){display:grid;width:52px;height:52px;place-items:center;margin-bottom:15px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 10px 24px rgba(45,82,173,.18)}
.mpg-video-message>span svg{width:24px;height:24px}
.mpg-video-message h3{margin:0;color:#17233e;font-family:"Bricolage Grotesque","Inter",sans-serif;font-size:19px;font-weight:820;letter-spacing:-.025em}
.mpg-video-message p{margin:7px 0 0;color:#68748b;font-size:12px;line-height:1.55}
.mpg-video-message .mpg-btn{margin-top:16px}
.mpg-video-loader{width:38px;height:38px;margin-bottom:17px;border:3px solid #dbe5f5;border-top-color:#2465c4;border-radius:50%;animation:mpgSupportSpin .8s linear infinite}
.mpg-video-foot{display:flex;min-height:45px;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:10px 18px;border-top:1px solid #dde6f4;color:#71809a;background:#fff;font-size:10.5px;line-height:1.35}
.mpg-video-foot>span:first-child{color:#3b5791;font-weight:780}

.mpg-guide-lead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:17px;border:1px solid #dce6f5;border-radius:18px;background:linear-gradient(115deg,#eef6ff,#f8f5ff)}
.mpg-guide-lead>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 9px 20px rgba(54,86,177,.17)}
.mpg-guide-lead>span svg{width:22px;height:22px}
.mpg-guide-lead p{margin:0 0 4px;color:#6a52ac;font-size:8px;font-weight:850;letter-spacing:.13em}
.mpg-guide-lead h3{margin:0;color:#162644;font-size:15px;font-weight:820;line-height:1.25}
.mpg-guide-lead b{display:block;margin-top:4px;color:#68748b;font-size:12px;font-weight:550;line-height:1.5}
.mpg-guide-lead.is-complete{border-color:#d5eee4;background:linear-gradient(115deg,#edf9f5,#f7fcfa)}
.mpg-guide-lead.is-complete>span{background:#15936a}
.mpg-start-section{margin-top:17px}
.mpg-start-section.is-optional{margin-top:22px;padding-top:17px;border-top:1px solid #e5eaf3}
.mpg-start-heading{min-width:0}
.mpg-start-heading>b{display:block;color:#29344c;font-size:12px;font-weight:850;line-height:1.35}
.mpg-start-heading>p{margin:4px 0 0;color:#77839a;font-size:12px;line-height:1.5}
.mpg-start-list{display:grid;gap:7px;margin-top:9px}
.mpg-start-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  min-height:61px;
  padding:9px 10px;
  border:1px solid #e5eaf3;
  border-radius:15px;
  color:inherit;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
.mpg-start-row:hover{border-color:#cbd9ef;background:#f8faff}
.mpg-start-state{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#7a879f;background:#f1f4f8}
.mpg-start-state svg{width:17px;height:17px}
.mpg-start-row.is-complete .mpg-start-state{color:#087653;background:var(--mpg-green-soft)}
.mpg-start-row.is-current .mpg-start-state,.mpg-start-row.is-attention .mpg-start-state{color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc)}
.mpg-start-row.is-attention .mpg-start-state{background:linear-gradient(145deg,#df8b17,#bd6112)}
.mpg-start-row>span:nth-child(2){min-width:0}
.mpg-start-row b{display:flex;align-items:center;gap:5px;color:#263149;font-size:12px;font-weight:800;line-height:1.35}
.mpg-start-row b em{padding:2px 5px;border-radius:999px;color:#7255b4;background:#f0ebfb;font-size:7.5px;font-style:normal;text-transform:uppercase}
.mpg-start-row small{display:block;margin-top:3px;color:#707d94;font-size:12px;line-height:1.45}
.mpg-start-row>i{color:#9aa5b7;font-style:normal}
.mpg-start-row>i svg{width:15px;height:15px}

.mpg-page-icon{display:grid;width:51px;height:51px;place-items:center;margin-bottom:18px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#1768c6,#7547dc);box-shadow:0 12px 25px rgba(48,82,169,.18)}
.mpg-page-icon svg{width:23px;height:23px}
.mpg-page-lesson>.mpg-eyebrow{margin-bottom:6px}
.mpg-page-lesson h3{margin:0;color:#14213b;font-family:"Bricolage Grotesque","Inter",sans-serif;font-size:25px;font-weight:800;letter-spacing:-.035em}
.mpg-page-summary{margin:8px 0 18px;color:#647087;font-size:12px;line-height:1.6}
.mpg-page-points{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.mpg-page-points li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:11px 12px;border:1px solid #e5eaf3;border-radius:14px;background:#fff}
.mpg-page-points li>span{padding-top:2px;color:#6d4dbd;font-family:"JetBrains Mono",monospace;font-size:8px;font-weight:850;letter-spacing:.06em}
.mpg-page-points p{margin:0;color:#4f5c73;font-size:12px;line-height:1.5}
.mpg-guide-tip{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;margin-top:13px;padding:12px 13px;border:1px solid #d8e6f7;border-radius:15px;background:#f0f6fd}
.mpg-guide-tip>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#315ba9;background:#fff}
.mpg-guide-tip svg{width:16px;height:16px}
.mpg-guide-tip p{margin:0;color:#596780;font-size:12px;line-height:1.5}
.mpg-guide-tip b{color:#254b98}
.mpg-anchor-fallback{margin-top:12px;padding:10px 12px;border-radius:12px;color:#80520d;background:var(--mpg-amber-soft);font-size:12px;line-height:1.45}
.mpg-show-btn{width:100%;margin-top:15px}

.mpg-mobile-backdrop{position:fixed;z-index:150;inset:0;background:rgba(5,20,55,.48);backdrop-filter:blur(4px);animation:mpgFadeIn .18s ease both}
.mpg-mobile-backdrop[hidden]{display:none!important}
@keyframes mpgFadeIn{from{opacity:0}to{opacity:1}}

/* Coachmark remains below critical application modals and never blocks its anchor. */
.mpg-coach-anchor{position:relative!important;z-index:164!important;outline:4px solid rgba(47,107,213,.28)!important;outline-offset:6px!important;border-radius:14px!important;scroll-margin:110px}
.mpg-coach{
  position:fixed;
  z-index:165;
  top:0;
  left:0;
  width:min(360px,calc(100vw - 24px));
  padding:17px 18px 16px;
  border:1px solid rgba(204,219,244,.95);
  border-radius:18px;
  color:var(--mpg-ink);
  background:#fff;
  box-shadow:0 24px 64px rgba(4,29,84,.24);
  will-change:transform;
}
.mpg-coach[hidden]{display:none!important}
.mpg-coach::before{content:"";position:absolute;left:calc(var(--mpg-arrow-x,40px) - 7px);width:14px;height:14px;border:1px solid #dce6f6;background:#fff;transform:rotate(45deg)}
.mpg-coach[data-side="top"]::before{top:-8px;border-right:0;border-bottom:0}
.mpg-coach[data-side="bottom"]::before{bottom:-8px;border-left:0;border-top:0}
.mpg-coach>.mpg-eyebrow{margin-bottom:5px}
.mpg-coach>b{display:block;padding-right:26px;color:#17233e;font-size:14px;font-weight:820;line-height:1.3}
.mpg-coach>p{margin:7px 0 13px;color:#657188;font-size:12px;line-height:1.55}
.mpg-coach>.mpg-btn{min-height:38px;padding:8px 13px}
.mpg-coach-close{position:absolute;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:10px;color:#79849a;background:transparent;cursor:pointer}
.mpg-coach-close:hover{color:#244e9c;background:#f0f4fb}
.mpg-coach-close svg{width:15px;height:15px}

body.moonya-guide-ready #vpToasts{bottom:max(88px,var(--moonya-guide-stack-height));transition:bottom .2s ease,right .2s ease}
@media(min-width:1180px){
  body.moonya-guide-open #vpToasts{right:calc(var(--moonya-guide-panel-width) + 40px);bottom:20px}
}

.mpg-icon-btn:focus-visible,.mpg-link-btn:focus-visible,.mpg-btn:focus-visible,.mpg-step button:focus-visible,.mpg-start-row:focus-visible,.mpg-lesson-tab:focus-visible,.mpg-surface-tab:focus-visible,.mpg-panel-progress button:focus-visible,.mpg-launcher:focus-visible,.mpg-coach-close:focus-visible{
  outline:3px solid rgba(40,101,210,.32);
  outline-offset:2px;
}

@media(max-width:1050px){
  .mpg-panel{width:min(680px,calc(100vw - 42px))}
  .mpg-path-head{gap:18px}
  .mpg-path-actions{flex-wrap:wrap}
}
@media(max-width:760px){
  .mpg-path-head{align-items:stretch;flex-direction:column;padding:22px 20px 14px}
  .mpg-path-actions{justify-content:flex-start}
  .mpg-track{min-width:520px;padding-right:18px;padding-left:18px}
  .mpg-path-focus{grid-template-columns:auto minmax(0,1fr) auto;margin:0 12px 12px}
  .mpg-path-focus>.mpg-link-btn{display:none}
  .mpg-path-compact{grid-template-columns:auto minmax(0,1fr) auto auto}
  .mpg-path-compact>.mpg-progress-pill{display:none}
  .moonya-video-guide-btn{min-height:43px}
}
@media(max-width:680px){
  .moonya-command-actions,.moonya-ap-head-actions,.stc2-command-actions,.moonya-cal-command-actions,.auv2-actions,.vg2-actions,.dmv2-actions{flex-wrap:wrap}
  .moonya-video-guide-btn{order:-1;width:100%;flex:1 0 100%}
  body.theme-mono.moonya-v2 :is(#v-dash .moonya-command-actions,#v-odobravanje .moonya-ap-head-actions,#v-studio .stc2-command-actions,#v-calendar .moonya-cal-command-actions,#v-automacije .auv2-actions,#v-gallery .vg2-actions,#v-dm .dmv2-actions)>.moonya-video-guide-btn{width:100%!important;flex:1 0 100%!important;grid-column:1/-1}
  .mpg-video-layer{padding:8px}
  .mpg-video-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:23px}
  .mpg-video-head{align-items:start;gap:11px;padding:16px 15px}
  .mpg-video-mark{width:42px;height:42px;border-radius:13px}
  .mpg-video-mark svg{width:20px;height:20px}
  .mpg-video-copy>h2{font-size:21px}
  .mpg-video-copy>span{font-size:11.5px}
  .mpg-video-close{width:40px;height:40px;border-radius:12px}
  .mpg-video-state{padding:20px}
  .mpg-video-foot{align-items:flex-start;flex-direction:column;gap:3px;padding:9px 13px calc(9px + env(safe-area-inset-bottom))}
  .mpg-launcher{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:auto auto;min-width:58px;min-height:58px;padding:7px;border-radius:19px}
  .mpg-launch-copy{display:none}.mpg-launcher>em{position:absolute;top:-5px;right:-4px;min-width:26px;border:2px solid #fff;background:#6b42d1}
  .mpg-launcher.has-copy{grid-template-columns:auto minmax(0,1fr);width:min(250px,calc(100vw - 24px));padding-right:14px}
  .mpg-launcher.has-copy .mpg-launch-copy{display:block}
  .mpg-launcher.has-copy .mpg-launch-copy small{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}
  .mpg-panel{z-index:160;inset:auto 0 0!important;width:100%;max-width:none;height:min(88dvh,760px);min-height:0;border-radius:28px 28px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:mpgSheetIn .25s cubic-bezier(.2,.75,.25,1) both}
  @keyframes mpgSheetIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
  .mpg-panel-head{padding:19px 18px 14px}
  .mpg-panel-head>.mpg-close{top:17px;right:16px}
  .mpg-panel-head>p{margin-top:9px;margin-bottom:11px}
  .mpg-surface-tab{min-height:42px;font-size:11.5px}
  .mpg-panel-progress>span{width:88px}
  .mpg-panel-body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
  .mpg-lesson-nav{display:flex;min-height:58px;flex:0 0 auto;gap:6px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;border-right:0;border-bottom:1px solid var(--mpg-line);scroll-snap-type:x proximity;scrollbar-width:none}
  .mpg-lesson-nav::-webkit-scrollbar{display:none}
  .mpg-lesson-tab{grid-template-columns:29px auto;width:auto;min-width:max-content;min-height:40px;flex:0 0 auto;padding:4px 9px 4px 5px;scroll-snap-align:center}
  .mpg-lesson-tab>span{width:29px;height:29px}.mpg-lesson-tab i{display:none}
  .mpg-lesson-content{padding:19px 17px 28px}
  .mpg-support-pane{padding:9px 9px calc(9px + env(safe-area-inset-bottom));gap:8px}
  .mpg-support-stage{border-radius:15px}
  .mpg-support-state{padding:20px}
  .mpg-support-privacy{padding:0 4px;font-size:9px}
  .mpg-page-lesson h3{font-size:23px}
  .mpg-mobile-backdrop{display:block}
  body.moonya-guide-open #vpToasts{bottom:min(var(--moonya-guide-stack-height),calc(100dvh - 150px))}
}
@media(max-width:620px){
  body.theme-mono.moonya-v2 .moonya-activation-path{margin:20px 0 24px;border-radius:22px}
  .mpg-path-heading h2{font-size:21px}
  .mpg-path-heading p{font-size:11.5px}
  .mpg-track-scroll{overflow:hidden}
  .mpg-track{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;padding:10px 14px 17px}
  .mpg-step button{min-height:48px;padding:0 2px}
  .mpg-step::before{top:17px}
  .mpg-step-node{width:34px;height:34px;border-radius:11px}
  .mpg-step-node svg{width:15px;height:15px}
  .mpg-step-copy{display:none}
  .mpg-path-focus,.mpg-path-focus.is-complete,.mpg-path-focus.is-unavailable{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:14px}
  .mpg-path-focus>.mpg-btn{grid-column:1/-1;width:100%}
  .mpg-path-focus p{font-size:12px}
  .mpg-path-compact{grid-template-columns:auto minmax(0,1fr) auto;padding:13px 14px}
  .mpg-path-compact>.mpg-btn{grid-column:1/-1;width:100%}
  .mpg-path-compact-copy b{font-size:11.5px}
  .mpg-panel-brand h2{font-size:18px}
}
@media(max-width:380px){
  .moonya-video-guide-btn>em{display:none}
  .mpg-video-layer{padding:0}
  .mpg-video-dialog{width:100vw;height:100dvh;border:0;border-radius:0}
  .mpg-video-head{grid-template-columns:auto minmax(0,1fr) auto;padding:13px 11px}
  .mpg-video-mark{width:38px;height:38px}
  .mpg-video-copy>p{font-size:7.5px;letter-spacing:.11em}
  .mpg-video-copy>h2{font-size:18px}
  .mpg-video-copy>span{display:none}
  .mpg-path-actions>.mpg-progress-pill{order:-1;flex-basis:100%;width:max-content}
  .mpg-panel-head>p{font-size:12px}
  .mpg-panel-progress{grid-template-columns:auto 1fr}.mpg-panel-progress>b{display:none}.mpg-panel-progress>button{grid-column:2}
  .mpg-guide-lead{grid-template-columns:1fr}.mpg-guide-lead>span{width:42px;height:42px}
  .mpg-start-row{grid-template-columns:35px minmax(0,1fr)}.mpg-start-row>i{display:none}
}
@media(prefers-reduced-motion:reduce){
  .mpg-panel,.mpg-mobile-backdrop,.mpg-launcher,.mpg-btn,.mpg-support-loader,.mpg-video-dialog,.mpg-video-backdrop,.mpg-video-loader,.moonya-video-guide-btn,body.moonya-guide-ready #vpToasts{animation:none!important;transition:none!important}
  body.theme-mono.moonya-v2 .moonya-activation-path[aria-busy="true"] .mpg-step.is-loading .mpg-step-node{animation:none}
}