/* MaamVerse — premium Wish preview (V223). Nomuna only: a phone that shows the login screen and the Wish.
   transform/opacity animations only, no images, no web fonts. */
.mvp{--a:#b69cff;--b:#ffd27a;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.mvp-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(160,185,255,.22);background:rgba(10,16,34,.7)}
.mvp-tabs button{appearance:none;border:0;background:transparent;color:#b9c6e8;font:700 13px/1 inherit;font-family:inherit;padding:10px 16px;min-height:40px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.mvp-tabs button[aria-selected=true]{background:linear-gradient(135deg,#6a58ff,#2f7bff);color:#fff;box-shadow:0 6px 18px rgba(80,90,255,.35)}
.mvp-tabs button:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}
.mvp-stage{position:relative;width:100%;display:flex;justify-content:center;padding:14px 0 8px}
.mvp-stage::before{content:"";position:absolute;left:50%;top:50%;width:min(340px,86%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(130,110,255,.38),rgba(255,210,122,.1) 60%,transparent 72%);filter:blur(18px);pointer-events:none}
.mvp-phone{position:relative;width:min(320px,80vw);aspect-ratio:9/18.6;border-radius:36px;padding:7px;background:linear-gradient(160deg,#2c3358,#0c1022 55%,#262c52);box-shadow:0 0 0 1px rgba(190,205,255,.28),0 30px 60px -18px rgba(0,0,0,.75),0 0 40px rgba(120,100,255,.28)}
.mvp-small .mvp-phone{width:min(228px,62vw)}
.mvp-notch{position:absolute;z-index:6;left:50%;top:13px;width:64px;height:17px;margin-left:-32px;border-radius:12px;background:#05070f}
.mvp-view{position:absolute;inset:7px;border-radius:30px;overflow:hidden;background:#070913}
.mvp-fw{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.mvp-fw.on{opacity:1;visibility:visible;transition:opacity .35s ease}
.mvp-fw iframe{position:absolute;left:0;top:0;width:390px;height:780px;border:0;background:#070913;transform-origin:0 0;pointer-events:none;color-scheme:dark}
.mvp-fw.wish iframe{pointer-events:auto}
.mvp-load{position:absolute;inset:0;display:grid;place-items:center;color:#cdd7ff;font-size:12px;background:#070913;transition:opacity .4s}
.mvp-load.off{opacity:0;pointer-events:none}
.mvp-load i{display:block;width:28px;height:28px;margin:0 auto 10px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#ffd27a;animation:mvpSp .8s linear infinite}
@keyframes mvpSp{to{transform:rotate(360deg)}}
/* included list */
.incl{margin:14px 0 0;padding:14px;border-radius:16px;border:1px solid rgba(120,230,190,.28);background:linear-gradient(135deg,rgba(90,230,180,.1),rgba(70,160,255,.08))}
.incl h3{margin:0 0 8px;font-size:13px;letter-spacing:.3px;color:#bff3da;text-transform:none}
.incl ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.incl li{position:relative;padding-left:24px;font-size:13.5px;line-height:1.4;color:#e6f0ff}
.incl li::before{content:"";position:absolute;left:2px;top:3px;width:12px;height:7px;border-left:2.5px solid #5fe0a8;border-bottom:2.5px solid #5fe0a8;transform:rotate(-45deg) scale(.9)}
.incl[hidden]{display:none}
.prv-wrap{display:grid;gap:18px;align-items:start}
@media(min-width:760px){.prv-wrap.two{grid-template-columns:minmax(0,1fr) auto;gap:26px}}
@media(prefers-reduced-motion:reduce){.mvp *{animation:none!important;transition:none!important}}
@media(min-width:980px){#c-prev .prv-wrap{grid-template-columns:1fr}#inclP{display:none}}
@media(max-width:640px){
  #c-login .styles{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  #c-login .styles label{padding:6px 2px;min-height:0}
  #c-login .styles label .lp{height:34px;font-size:18px;margin-bottom:4px}
  #c-login .styles label small{display:none}
  .mvp-small .mvp-phone{width:min(200px,56vw)}
}
.prv-wrap>*{min-width:0}
.mvp-tabs{max-width:100%}.mvp-tabs button{flex:1 1 auto;white-space:nowrap}
.mvp-note{margin:0;max-width:300px;text-align:center;font-size:12px;line-height:1.5;color:#9fb0d6}
.mvp-small .mvp-note{max-width:230px}
@media(min-width:760px){.prv-wrap.two{grid-template-columns:minmax(0,1fr) 250px}}

.mvp-fw.journey iframe{pointer-events:auto}
.mvp-tabs button[hidden]{display:none}