/* Mono Translate Pro 3.51.0 · access gate for Learning Map and Library (layer over the core gate). */
html.mono-gate-v2 #monoAccessGate{display:none!important}
html.mono-gate-v2 main{transition:filter .7s cubic-bezier(.2,.8,.2,1),opacity .7s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
html.mono-gate-v2[data-mono-access="locked"] main,
html.mono-gate-v2.mag-on[data-mono-access="checking"] main{visibility:visible;filter:blur(4px) saturate(.85);opacity:.92;transform:scale(1.01);pointer-events:none;user-select:none}
html.mono-gate-v2.mag-on{overflow:hidden}

.mag{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;font-family:var(--mpu-font);color:var(--mpu-ink);opacity:0;transition:opacity .45s var(--mpu-ease)}
.mag.show{opacity:1}.mag.leaving{opacity:0;pointer-events:none}
.mag.leaving .mag-card{transform:translateY(16px) scale(.97);filter:blur(6px)}
.mag-veil{position:absolute;inset:0;background:radial-gradient(75% 75% at 50% 45%,rgba(245,245,247,.16),rgba(245,245,247,.5));pointer-events:auto}
body.dark .mag-veil{background:radial-gradient(75% 75% at 50% 45%,rgba(15,15,17,.25),rgba(15,15,17,.62))}
.mag-card{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);width:min(900px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border-radius:30px;background:rgba(255,255,255,.93);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.75);box-shadow:0 44px 100px -40px rgba(20,30,70,.55),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;transform:translateY(22px) scale(.975);transition:transform .7s var(--mpu-spring),filter .5s}
.mag.show .mag-card{transform:none}
.mag-card.wide{width:min(1060px,100%);grid-template-columns:minmax(0,.66fr) minmax(0,1fr)}
body.dark .mag-card{background:rgba(28,28,31,.92);border-color:rgba(255,255,255,.08)}

/* illustration panel */
.mag-art{position:relative;display:flex;flex-direction:column;min-height:100%;background:linear-gradient(180deg,#f3efe7 0%,#eef1f8 55%,#ece8f8 100%);overflow:hidden}
body.dark .mag-art{background:linear-gradient(180deg,#25232a,#1d2030 60%,#211d2c)}
.mag-scene,.mag-scene.ms-stage{position:relative;flex:none;aspect-ratio:16/11;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
.mag-art-x{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:6px 20px 22px;margin-top:-8px}
.mag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mag-stats div{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 24px -14px rgba(0,0,0,.4);animation:mpu-in .6s var(--mpu-ease) both}
.mag-stats div:nth-child(2){animation-delay:.1s}.mag-stats div:nth-child(3){animation-delay:.2s}
.mag-stats b{display:block;font:750 22px/1.1 var(--mpu-display);letter-spacing:-.02em;color:#1D1D1F;font-variant-numeric:tabular-nums}
.mag-stats small{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:#5A5A60}

/* content */
.mag-body{position:relative;padding:34px 36px 28px;overflow:auto;overscroll-behavior:contain;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px)}
.mag-lock{position:relative;flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--mpu-brand);color:#fff;box-shadow:0 14px 30px -10px rgba(61,99,242,.7)}
.mag-lock svg{width:25px;height:25px;overflow:visible}
.mag-lock .mpu-shackle{transition:transform .5s var(--mpu-spring);transform-origin:70% 100%;transform-box:fill-box}
.mag-card:hover .mag-lock .mpu-shackle{transform:translateY(-3px) rotate(-16deg)}
.mag-pulse{position:absolute;inset:-6px;border-radius:21px;border:2px solid rgba(61,99,242,.35);animation:mag-ring 2.6s ease-out infinite}
.mag-pulse+.mag-pulse{animation-delay:1.3s}
@keyframes mag-ring{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}
.mag-top{display:flex;align-items:center;gap:14px}
.mag-k{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--mpu-b2)}
.mag-k.warn{color:var(--mpu-warn)}
.mag-live{width:7px;height:7px;border-radius:50%;background:var(--mpu-green);animation:mag-live 2s infinite}
.mag-k.warn .mag-live{background:var(--mpu-warn)}
@keyframes mag-live{0%{box-shadow:0 0 0 0 rgba(31,157,85,.5)}70%,100%{box-shadow:0 0 0 8px rgba(31,157,85,0)}}
.mag-body h2{margin:14px 0 8px;font:700 clamp(23px,2.4vw,29px)/1.16 var(--mpu-display);letter-spacing:-.025em;color:var(--mpu-ink);text-wrap:balance}
.mag-sub{margin:0;font-size:14.5px;line-height:1.62;color:var(--mpu-ink3)}
.mag-zones{display:grid;gap:8px}
.mag-zone{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 20px -16px rgba(20,30,60,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:mag-zone 6s infinite;transition:transform .35s var(--mpu-spring)}
.mag-zone:hover{transform:translateX(4px)}
.mag-zone:nth-child(2){animation-delay:2s}.mag-zone:nth-child(3){animation-delay:4s}
@keyframes mag-zone{0%,30%{background:var(--hi,#fff);border-color:var(--zc);box-shadow:0 14px 26px -16px var(--zc);transform:translateX(4px)}36%,100%{}}
.mag-zi{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--zbg);color:var(--zc)}
.mag-zi svg{width:20px;height:20px;overflow:visible}
.mag-wave{animation:mag-wave 1.6s ease-in-out infinite}@keyframes mag-wave{50%{opacity:.15}}
.mag-pen{transform-origin:20% 80%;transform-box:fill-box;animation:mag-pen 2.4s ease-in-out infinite}@keyframes mag-pen{50%{transform:rotate(-8deg) translate(1px,-1px)}}
.mag-line{stroke-dasharray:9;animation:mag-line 2.4s ease-in-out infinite}@keyframes mag-line{0%{stroke-dashoffset:9}60%,100%{stroke-dashoffset:0}}
.mag-zt{display:grid;min-width:0}.mag-zt b{font-size:13.5px;line-height:1.3;color:#1D1D1F}.mag-zt small{font-size:12px;line-height:1.35;color:#5A5A60}
body.dark .mag-zone{--hi:#2e2e36;background:rgba(40,40,46,.72);border-color:rgba(255,255,255,.08)}body.dark .mag-zt b{color:#F5F5F7}body.dark .mag-zt small{color:#A1A1A6}
body.dark .mag-stats div{background:rgba(40,40,46,.8)}body.dark .mag-stats b{color:#F5F5F7}body.dark .mag-stats small{color:#A1A1A6}
.mag-zn{font-size:10.5px;font-weight:800;color:var(--zc);margin-inline-end:2px}
.mag-zone.f{--zc:#2f6fe0;--zbg:rgba(47,111,224,.12)}.mag-zone.e{--zc:#d9822b;--zbg:rgba(217,130,43,.14)}.mag-zone.w{--zc:#3f8f5f;--zbg:rgba(63,143,95,.14)}
.mpu-btn.google{font-weight:650}
.mag-sub+.mpu-btn{margin-top:20px}
.mag-or{display:flex;align-items:center;gap:10px;margin:10px 0;color:var(--mpu-ink4);font-size:12px}.mag-or::before,.mag-or::after{content:"";flex:1;height:1px;background:var(--mpu-line)}
.mag-note{margin:8px 2px 0;font-size:12px;color:var(--mpu-ink3);text-align:center}
.mag-trial{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--mpu-line);font-size:12.5px}
.mag-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(31,157,85,.11);color:var(--mpu-green-t);font-weight:650}
.mag-pill svg{width:12px;height:12px;animation:mpu-twinkle 2.6s ease-in-out infinite}
.mag-trial a,.mag-foot a{color:var(--mpu-accent-t);font-weight:650;text-decoration:none}
.mag-trial a:hover,.mag-foot a:hover{text-decoration:underline}
.mag-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.mag-actions .mpu-btn{width:100%}
.mag-foot{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-top:12px;font-size:12px}
.mag-body .mpu-cta{margin-top:4px}
.mag-card.wide .mag-body{padding:26px 32px 20px}
.mag-sticky{position:sticky;bottom:0;z-index:3;margin:0 -32px -20px;padding:14px 32px 18px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.97) 26%)}
body.dark .mag-sticky{background:linear-gradient(180deg,rgba(28,28,31,0),rgba(28,28,31,.97) 26%)}
.mag-card.wide .mag-body h2{margin-top:12px}
.mag-card.wide .mpu-feats{margin:12px 0 14px;padding:12px 14px}
.mag-card.wide .mpu-feats ul{gap:6px 14px}
.mag-card.wide .mpu-feats li{font-size:12.5px;line-height:1.38}

/* unlocked extras in the top bar */
.mag-chip{display:inline-flex;align-items:center;gap:9px;margin-inline-end:10px;padding:5px 12px 5px 6px;border-radius:999px;background:var(--mpu-surface);border:1px solid var(--mpu-line);box-shadow:0 10px 24px -16px rgba(0,0,0,.45);color:var(--mpu-ink);font:500 12.5px/1.2 var(--mpu-font);text-decoration:none;white-space:nowrap;animation:mag-drop .7s var(--mpu-spring) both;transition:transform .35s var(--mpu-spring),box-shadow .3s}
.mag-chip:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(0,0,0,.5)}
.mag-chip .mpu-ring{width:24px;height:24px}
.mag-chip.low .mpu-ring{color:#e8912b}
.mag-chip-t b{font-weight:700;margin-inline-end:4px}
.mag-chip-cta{color:var(--mpu-accent-t);font-weight:650}
@keyframes mag-drop{from{opacity:0;transform:translateY(-10px)}}
.mag-pro{display:inline-flex;align-items:center;gap:4px;margin-inline-start:7px;padding:2px 7px 2px 5px;border-radius:999px;background:var(--mpu-brand);color:#fff;font:800 10px/1.5 var(--mpu-font);letter-spacing:.06em;vertical-align:2px;box-shadow:0 6px 14px -8px rgba(61,99,242,.9);animation:mag-drop .7s var(--mpu-spring) both}
.mag-pro svg{width:10px;height:10px}
.topbar .mpu-bell{width:34px;height:34px;border-radius:11px;vertical-align:middle}

@media (max-width:1200px){.mag-chip-cta{display:none}}
@media (max-width:1020px){.mag-chip-t b{display:none}}
@media (max-width:900px){.mag-card,.mag-card.wide{grid-template-columns:minmax(0,.62fr) minmax(0,1fr)}.mag-body{padding:28px 26px 24px}.mag-stats{grid-template-columns:1fr}.mag-zt small{display:none}.mag-chip-cta{display:none}}
@media (max-width:720px){
  .mag{place-items:end center;padding:0}
  .mag-card,.mag-card.wide{display:block;width:100%;max-height:92vh;max-height:92dvh;border-radius:28px 28px 0 0;overflow:auto;transform:translateY(40px)}
  .mag-art{display:block;min-height:0;background:none}
  .mag-scene,.mag-scene.ms-stage{aspect-ratio:auto;height:150px;-webkit-mask-image:none;mask-image:none}
  .mag-art-x{padding:0;margin:0}.mag-zones{display:none}
  .mag-card[data-kind="expired"] .mag-scene{height:120px}
  .mag-card[data-kind="expired"] .mag-art-x{padding:10px 18px 0}
  .mag-stats{grid-template-columns:repeat(3,1fr);gap:6px}.mag-stats div{padding:7px 9px;border-radius:12px}.mag-stats b{font-size:17px}.mag-stats small{font-size:10px}
  .mag-card[data-kind="expired"] .mag-top{margin-top:14px}
  .mag-body,.mag-card.wide .mag-body{overflow:visible;max-height:none;padding:0 18px 22px}
  .mag-sticky{position:static;margin:0;padding:6px 0 0;background:none!important}
  .mag-top{margin-top:-24px;align-items:flex-end;position:relative;z-index:5}
  .mag-lock{width:48px;height:48px;border-radius:15px}
  .mag-k{padding-bottom:4px}
  .mag-body h2{font-size:22px}.mag-sub{font-size:13.5px}
  .mpu-feats{padding:12px 13px}.mpu-feats li{font-size:12.5px}
  .mag-chip{padding:4px 8px 4px 4px;font-size:11.5px}.mag-chip-t b{display:none}
}
@media (max-width:420px){.mag-chip-t{display:none}.mag-chip{padding:3px;margin-inline-end:6px}}
@media (prefers-reduced-motion:reduce){.mag,.mag-card,html.mono-gate-v2 main,.mag-chip,.mag-zone{transition:none!important;animation:none!important}.mag-pulse,.mag-live,.mag-pill svg,.mag-stats div,.mag-pro{animation:none!important}}