:root{color-scheme:only light}
:root{--bg:#0f0f0f;--surface:#1f1f1f;--surface-2:#171717;--line:#333;--pri:#9883ec;--pri-dim:#7d68d6;--pri-soft:rgba(152,131,236,.18);--pri-fg:var(--white);--tx:#ebebeb;--tx-dim:#999;--tx-mid:#ccc;--tx-faint:#666;--white:#fff;--tx-anh:#fff;--font-tieu-de:inherit;--font-than:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--ok:#3ec46d;--cta-h:56px;--cta-bg:var(--pri);--cta-fg:var(--white);--cta-bg-nhan:var(--pri-dim);--cta-bong:rgba(152,131,236,.28);--cta-gap:calc(24px + env(safe-area-inset-bottom));--cta-space:calc(var(--cta-h) + var(--cta-gap) + 18px);--glow-top:url(intro-assets/glow-top.webp) no-repeat top center / 100% auto;--glow-photo-op:1;--shot-top:111px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;background:var(--bg)}
body{font-family:var(--font-than);color:var(--tx);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
#app{position:relative;min-height:100dvh;overflow:hidden;max-width:460px;margin:0 auto;background:var(--glow-app,var(--glow-top)),var(--bg)}
#app.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch}
#root{min-height:100dvh}
.scr{display:flex;flex-direction:column;align-items:center;padding:0 20px var(--cta-space);min-height:100dvh}
.scr.on{animation:fadeIn .28s ease both}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
.topbar{position:relative;width:100%;height:68px;flex:0 0 auto;margin-top:calc(env(safe-area-inset-top) + 8px);display:flex;align-items:center;justify-content:center}
.tb-logo{width:var(--logo-w,88px);height:auto;display:block;filter:var(--logo-loc,none)}
.fullshot .tb-logo{display:var(--logo-anh-hien,block)}
.fullshot .topbar{position:relative}
.fullshot .topbar:after{content:"";display:var(--tb-cum-hien,none);width:var(--tb-cum-w,329px);height:var(--tb-cum-h,80px);margin:var(--tb-cum-mt,12px) auto 0;transform:translateX(var(--tb-cum-x,0px));background:var(--tb-cum-anh,none) no-repeat center / contain}
.fullshot .tb-logo{filter:var(--logo-loc-anh,none)}
.fullshot .tb-back{color:var(--back-chu-anh,var(--white));background:var(--back-nen-anh,var(--back-nen,rgba(255,255,255,.013)));box-shadow:inset 0 0 0 1px var(--back-vien-anh,var(--back-vien,transparent)),var(--back-bong-anh,0 4px 14px rgba(0,0,0,.28))}
.tb-back{display:var(--back-hien,flex);position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--back-size,36px);height:var(--back-size,36px);padding:0;border:0;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;color:var(--white);background:var(--back-nen,rgba(255,255,255,.013));-webkit-backdrop-filter:blur(14px) saturate(175%);backdrop-filter:blur(14px) saturate(175%);box-shadow:inset 0 0 0 1px var(--back-vien,transparent),var(--back-bong,0 4px 14px rgba(0,0,0,.28));transition:background .22s cubic-bezier(.16,1,.3,1),transform .14s cubic-bezier(.16,1,.3,1)}
.tb-back::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.27) 18%,rgba(255,255,255,.004) 42%,rgba(255,255,255,.004) 60%,rgba(255,255,255,.22) 82%,rgba(255,255,255,.26) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@supports not ((-webkit-mask-composite:xor) or (mask-composite:exclude)){.tb-back::before{display:none}
.tb-back{box-shadow:inset 0 0 0 1px var(--back-vien,rgba(255,255,255,.28)),0 4px 14px rgba(0,0,0,.28)}
}
.tb-chev{width:var(--back-chev,19px);height:var(--back-chev,19px);display:block;margin-left:-1px;position:relative;z-index:1}
.tb-back:active{background:rgba(255,255,255,.14);transform:translateY(-50%) scale(.93)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tb-back{background:rgba(255,255,255,.16)}
}
[dir=rtl] .tb-back{left:auto;right:0;transform:translateY(-50%) scaleX(-1)}
.q{font-family:var(--font-tieu-de);font-size:var(--q-size,24px);font-weight:var(--w-tieu-de,700);line-height:1.33;letter-spacing:var(--ls-tieu-de,-.6px);color:var(--q-mau,var(--white));text-align:center;margin:28px 0 0;max-width:var(--q-max,321px);white-space:pre-line}
.sub{font-size:15px;font-weight:400;line-height:1.5;color:var(--tx-dim);text-align:center;margin:10px 0 0;max-width:353px}
@media (max-width:400px){.q{font-size:var(--q-size-hep,22px)}
}
.cta{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--cta-gap);width:calc(100% - 40px);max-width:353px;height:var(--cta-h);border:0;border-radius:var(--cta-bo,28px);background:var(--cta-bg);color:var(--cta-fg);font-family:var(--font-cta,inherit);font-size:var(--cta-size,16px);font-weight:var(--cta-dam,600);letter-spacing:var(--cta-ls,-.2px);cursor:pointer;z-index:30;box-shadow:0 8px 24px var(--cta-bong)}
.cta:active{background:var(--cta-bg-nhan)}
.scr-shot+.cta{background:var(--cta-bg-anh,var(--cta-bg));color:var(--cta-fg-anh,var(--cta-fg));box-shadow:0 8px 24px var(--cta-bong-anh,var(--cta-bong));border-radius:var(--cta-bo-anh,var(--cta-bo,28px));font-family:var(--font-cta-anh,var(--font-cta,inherit));font-size:var(--cta-size-anh,var(--cta-size,16px))}
.cta:disabled,.cta.mo{background:var(--cta-tat-nen,var(--surface));color:var(--cta-tat-chu,var(--tx-faint));box-shadow:none}
.cta:disabled{cursor:default}
.list{width:calc(100% + var(--list-tran,0px));max-width:calc(353px + var(--list-tran,0px));margin:24px calc(var(--list-tran,0px) / -2) 0;display:flex;flex-direction:column;gap:9px}
.opt{display:flex;align-items:center;gap:13px;min-height:var(--opt-h,58px);padding:14px 16px;background:var(--surface);border:1.5px solid var(--opt-vien,transparent);border-radius:var(--opt-bo,16px);font-size:16px;font-weight:500;color:var(--tx);cursor:pointer;transition:background .15s,border-color .15s}
.opt .em{font-size:34px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.opt .em.opt-im{font-size:0}
.opt .em.opt-im img{width:40px;height:40px;border-radius:10px;object-fit:cover;display:block}
.opt>div{display:flex;flex-direction:column;min-width:0}
.opt small{color:var(--tx-dim);font-size:13px;font-weight:400;margin-top:2px}
.opt.sel{background:var(--opt-sel-nen,rgba(152,131,236,.16));border-color:var(--opt-sel-vien,var(--pri));color:var(--opt-sel-chu,var(--pri));font-weight:var(--opt-sel-dam,500)}
[data-screen=petSel] .list{gap:8px}
[data-screen=petSel] .opt{min-height:50px;padding:10px 16px;gap:12px}
[data-screen=petSel] .opt .em{font-size:29px;width:34px;height:34px}
.scr-shot{padding:0;position:relative;overflow:hidden}
.fullshot{inset:var(--shot-the,0)}
.fullshot{background:var(--shot-nen,transparent)}
.fullshot>img{border-radius:var(--shot-bo-tren,var(--shot-bo,0)) var(--shot-bo-tren,var(--shot-bo,0)) var(--shot-bo,0) var(--shot-bo,0);box-shadow:var(--shot-bong,none)}
.fullshot .fade{border-radius:0 0 var(--shot-bo,0) var(--shot-bo,0)}
.fullshot{position:absolute;inset:0}
.fullshot>img{position:absolute;left:0;right:0;top:var(--shot-top);bottom:0;width:100%;height:calc(100% - var(--shot-top));object-fit:cover;object-position:var(--shot-neo,center);-webkit-mask-image:var(--shot-mask, linear-gradient(180deg, transparent 0, #000 168px));mask-image:var(--shot-mask, linear-gradient(180deg, transparent 0, #000 168px));animation:var(--shot-zoom,none);transform-origin:center center;will-change:transform}
@keyframes fsZoom{from{transform:scale(1)}
to{transform:scale(1.06)}
}
@media (prefers-reduced-motion:reduce){.fullshot>img{animation:none!important}
}
.fullshot .topbar{position:absolute;left:20px;right:20px;top:0;z-index:5;width:auto}
.fullshot:before{content:"";position:absolute;left:0;right:0;top:0;z-index:1;height:var(--glow-photo-cao,320px);background:var(--glow-top);opacity:var(--glow-photo-op);pointer-events:none}
[data-screen=hook] .fullshot .topbar:after{background-image:var(--tb-cum-anh-2,var(--tb-cum-anh,none));width:var(--tb-cum-w-2,var(--tb-cum-w,329px))}
[data-screen=promise] .fullshot .topbar:after{background-image:var(--tb-cum-anh-3,var(--tb-cum-anh,none));width:var(--tb-cum-w-3,var(--tb-cum-w,329px))}
[data-screen=hook] .fullshot:before{opacity:var(--glow-photo-op-2,var(--glow-photo-op))}
[data-screen=promise] .fullshot:before{opacity:var(--glow-photo-op-3,var(--glow-photo-op))}
.pager{display:var(--pager-hien,none);align-items:center;justify-content:center;gap:var(--pager-gap,8px);margin:var(--pager-mt,14px) 0 0}
.pager i{width:var(--pager-cham,8px);height:var(--pager-cham,8px);border-radius:calc(var(--pager-cham,8px) / 2);background:var(--pager-mo,rgba(255,255,255,.32));display:block}
.pager i.on{width:var(--pager-cham-on,24px);background:var(--tx-anh)}
.fullshot .fade{position:absolute;left:0;right:0;bottom:0;height:var(--fade-cao,52%);opacity:var(--fade-mo,1);background:linear-gradient(180deg,rgba(15,15,15,0) 0%,rgba(15,15,15,.72) 42%,var(--fade-cuoi,var(--bg)) 88%)}
.fullshot .cap{position:absolute;left:20px;right:20px;bottom:calc(var(--cta-h) + var(--cta-gap) + var(--cap-ho,40px));text-align:center}
.fullshot .cap h1{font-family:var(--font-tieu-de);margin:0;font-size:var(--h-anh-size,28px);font-weight:var(--w-tieu-de-anh,var(--w-tieu-de,700));line-height:var(--h-anh-lh,36px);letter-spacing:var(--ls-tieu-de,-.7px);color:var(--tx-anh);white-space:pre-line}
@media (max-width:400px){.fullshot .cap h1{font-size:var(--h-anh-size-hep,25px);line-height:var(--h-anh-lh-hep,33px)}
}
.fld{width:100%;max-width:353px;margin:24px 0 0;padding:16px;background:var(--surface);border:1.5px solid transparent;border-radius:16px;color:var(--tx);font-family:inherit;font-size:16px;line-height:1.5;outline:none;resize:none;min-height:56px;height:56px}
.fld::placeholder{color:var(--tx-faint)}
.fld:focus{border-color:var(--pri)}
.fld.err{border-color:#e05b5b}
.fld-note{width:100%;max-width:321px;margin:16px 0 0;text-align:center;font-size:14px;line-height:1.5;color:var(--tx-dim)}
.fld-note b{color:var(--tx-mid);font-weight:600}
.fld-err{width:100%;max-width:353px;margin:8px 0 0;color:#e05b5b;font-size:13px;min-height:16px}
.em-fix{width:100%;max-width:353px;margin:2px 0 0;padding:8px 12px;cursor:pointer;background:rgba(152,131,236,.12);border:1px solid rgba(152,131,236,.35);border-radius:12px;color:var(--tx-mid);font-size:14px;line-height:1.4}
.em-fix b{color:var(--pri);font-weight:700;text-decoration:underline}
.em-fix[hidden]{display:none}
.up-slots{display:flex;gap:20px;width:100%;max-width:353px;margin:24px 0 0}
.up-slots.mot{max-width:220px;margin-left:auto;margin-right:auto}
.up-cell{flex:1 1 0;min-width:0}
.up-slot{width:100%;aspect-ratio:1/1;border-radius:16px;background:var(--up-slot-nen,var(--surface-2));border:1.5px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;overflow:hidden;position:relative}
.up-slot .plus{font-size:var(--up-plus-size,26px);color:var(--up-plus-mau,var(--tx-faint));line-height:1;font-weight:300}
.up-cap{margin-top:16px;height:20px;font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--tx-faint);text-transform:uppercase;text-align:center}
.up-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.up-slot .swap{position:absolute;left:0;right:0;bottom:0;padding:7px 4px;background:rgba(0,0,0,.55);color:var(--tx-anh);font-size:10px;font-weight:700;letter-spacing:.4px;text-align:center}
.up-slot.filled{border-style:solid;border-color:var(--pri)}
.up-note{margin:20px 0 0;font-size:var(--up-note-size,15px);font-weight:500;color:var(--tx-mid);text-align:center;max-width:321px}
.up-sub{margin:10px 0 0;font-size:15px;font-weight:400;line-height:21px;color:var(--tx-dim);text-align:center;max-width:321px}
.up-err{width:100%;max-width:353px;margin:12px 0 0;font-size:14px;font-weight:500;line-height:1.4;color:#ff6b6b;text-align:center}
.up-slot.miss{border-color:#ff6b6b}
.up-gallery{display:var(--up-gallery-hien,block);position:relative;width:calc(100% + 40px);overflow:hidden;height:var(--up-gallery-h,699px);margin:var(--up-gallery-mt,-44px) -20px 0}
.up-note{position:relative;z-index:1}
.up-mark{position:absolute;left:0;top:0;width:100%;height:auto;z-index:0;display:var(--upmark-hien,block);-webkit-mask-image:linear-gradient(transparent 0,#000 9%);mask-image:linear-gradient(transparent 0,#000 9%)}
.up-win{position:absolute;left:0;top:var(--up-win-top,142px);width:100%;height:var(--up-win-h,557px);z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 12.87%,#000 70.37%);mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.03) 12.87%,#000 70.37%)}
.up-rows{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-15deg);display:flex;flex-direction:column;gap:12.5px;width:max-content}
.up-row{display:flex;width:max-content;will-change:transform}
.up-row img{width:93.75px;height:140.625px;flex:0 0 93.75px;margin-right:12.5px;object-fit:cover;border-radius:14px;display:block}
.up-row-a{animation:upL 80s linear infinite}
.up-row-b{animation:upR 68s linear infinite}
.up-row-c{animation:upL 92s linear infinite}
@keyframes upL{from{transform:translate3d(0,0,0)}
to{transform:translate3d(-637.5px,0,0)}
}
@keyframes upR{from{transform:translate3d(-637.5px,0,0)}
to{transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion:reduce){.up-row{animation:none}
}
@media (max-height:720px){[data-screen=upload] .q{margin-top:16px}
[data-screen=wedStyle] .opt{padding:10px 14px;min-height:52px}
[data-screen=wedStyle] .opt .em.opt-im img{width:34px;height:34px}
[data-screen=wedStyle] .list{gap:8px}
.up-slots{margin-top:14px;max-width:300px;margin-left:auto;margin-right:auto}
.up-cap{margin-top:8px}
.up-note{margin-top:12px;font-size:calc(var(--up-note-size,15px) - 1px)}
.up-win{top:min(var(--up-win-top,142px),80px)}
}
@media (max-height:600px){[data-screen=upload] .q{margin-top:10px;font-size:20px}
.up-slots{margin-top:10px;max-width:264px}
.up-note{margin-top:10px}
}
.pr-card{position:relative;width:100%;max-width:353px;margin:24px 0 0;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:var(--surface)}
.pr-card img{width:100%;height:100%;object-fit:cover;filter:blur(9px) brightness(.62);transform:scale(1.08)}
.pr-mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 24px}
.pr-ring{position:relative;width:80px;height:80px}
.pr-ring svg{width:80px;height:80px;transform:rotate(-90deg)}
.pr-ring .trk{fill:none;stroke:rgba(255,255,255,.22);stroke-width:5}
.pr-ring .bar{fill:none;stroke:var(--pr-vong-anh,var(--pri));stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .35s linear}
.pr-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--pr-chu-anh,var(--white))}
.pr-say{font-size:18px;font-weight:600;line-height:1.35;color:var(--pr-chu-anh,var(--white));text-align:center}
.pr-steps{width:100%;max-width:353px;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}
.pr-step{display:flex;align-items:center;gap:40px;min-height:48px;position:relative}
.pr-step .ic{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:14px;color:transparent}
.pr-step.done .ic{background:var(--ok);border-color:var(--ok);color:#0f0f0f;font-weight:800}
.pr-step.now .ic{border-color:var(--pri);border-top-color:transparent;animation:prspin 1s linear infinite}
@keyframes prspin{to{transform:rotate(360deg)}
}
.pr-step .tx{font-size:15px;font-weight:500;color:var(--tx-dim)}
.pr-step.done .tx,.pr-step.now .tx{color:var(--tx)}
.pr-step+.pr-step:before{content:"";position:absolute;left:15px;top:-12px;width:2px;height:12px;background:var(--line)}
[dir=rtl] .pr-step+.pr-step:before{left:auto;right:15px}
.sp-big{margin:28px 0 0;font-size:40px;font-weight:800;letter-spacing:-1.4px;color:var(--white);text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-family:var(--sp-big-font,inherit)}
.sp-sep{display:inline-block;height:1.1em;line-height:1.1;vertical-align:bottom}
.sp-dig{display:inline-block;width:1ch;height:1.1em;overflow:hidden;vertical-align:bottom;-webkit-mask-image:linear-gradient(transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(transparent 0,#000 10%,#000 90%,transparent 100%)}
.sp-col{display:block;line-height:1.1;white-space:pre;text-align:center;will-change:transform}
@media (prefers-reduced-motion:reduce){.sp-col{transition:none!important}
}
.sp-cap{margin:6px 0 0;font-size:16px;line-height:1.45;color:var(--tx-mid);text-align:center;max-width:321px}
.sp-rule{width:100%;max-width:353px;height:1px;background:var(--line);margin:24px 0 0}
.sp-lead{margin:16px 0 0;font-size:15px;font-weight:600;color:var(--tx);text-align:center}
.sp-logos{width:100%;max-width:380px;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr}
.sp-logos span{aspect-ratio:360/195;display:block;background:url(intro-assets/media-logos.webp) no-repeat;filter:var(--logos-loc,none);background-size:200% 300%;opacity:0;animation:spLogo .55s cubic-bezier(.16,1,.3,1) forwards}
.sp-logos span:nth-child(1){background-position:0 0;animation-delay:.15s}
.sp-logos span:nth-child(2){background-position:100% 0;animation-delay:.24s}
.sp-logos span:nth-child(3){background-position:0 50%;animation-delay:.33s}
.sp-logos span:nth-child(4){background-position:100% 50%;animation-delay:.42s}
.sp-logos span:nth-child(5){background-position:0 100%;animation-delay:.51s}
.sp-logos span:nth-child(6){background-position:100% 100%;animation-delay:.60s}
@keyframes spLogo{from{opacity:0;transform:translateY(9px)}
to{opacity:.92;transform:none}
}
@media (prefers-reduced-motion:reduce){.sp-logos span{opacity:.92;animation:none}
}
.scr-pw{padding-top:0;padding-bottom:0}
.scr-pw{background:var(--pw-nen,transparent)}
.pw{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.pw-hero{position:relative;width:calc(100% + 40px);margin:0 -20px;aspect-ratio:393/398;overflow:hidden}
.pw-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.pw-hero .fade{position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(180deg,rgba(15,15,15,0) 0%,var(--bg) 92%)}
.pw-h1{font-family:var(--font-tieu-de);margin:-8px auto 0;font-size:30px;font-weight:var(--w-tieu-de,700);line-height:40px;letter-spacing:var(--ls-tieu-de,-.8px);color:var(--white);text-align:center;max-width:336px;position:relative;z-index:2}
@media (max-width:400px){.pw-h1{font-family:var(--font-tieu-de);font-size:27px;line-height:36px}
}
.pw-cd{display:flex;flex-direction:column;align-items:center;gap:8px;margin:18px 0 0}
.pw-cd-lbl{font-size:14px;color:var(--tx-dim)}
.pw-cd-box{display:flex;align-items:flex-start;gap:6px}
.pw-cd-unit{display:flex;flex-direction:column;align-items:center;gap:3px}
.pw-cd-n{min-width:78px;padding:12px 8px;border-radius:12px;background:var(--surface);font-size:32px;font-weight:700;line-height:35px;color:var(--white);text-align:center}
.pw-cd-u{font-size:11px;color:var(--tx-faint)}
.pw-cd-sep{font-size:26px;font-weight:700;color:var(--white);padding-top:14px}
.pw-joined{width:100%;max-width:353px;margin:22px 0 0;padding:9px 12px;border-radius:14px 14px 0 0;background:var(--joined-nen,linear-gradient(90deg,var(--pri) 0%,#c07ae0 100%));color:var(--joined-chu,var(--white));font-size:13px;font-weight:600;text-align:center}
#plans{width:100%;max-width:353px;display:flex;flex-direction:column;gap:12px}
.pw-plan{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1.5px solid transparent;cursor:pointer}
.pw-plan:first-child{border-radius:0 0 16px 16px}
.pw-plan.sel{border-color:var(--pri);background:var(--plan-sel-nen,rgba(152,131,236,.14))}
.pw-plan .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center}
.pw-plan.sel .dot{border-color:var(--pri);background:var(--pri)}
.pw-plan.sel .dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--pri-fg)}
.pw-pl{flex:1 1 auto;min-width:0}
.pw-pname{font-size:16px;font-weight:700;color:var(--white)}
.pw-psub{font-size:13px;color:var(--tx-faint);margin-top:2px}
.pw-pr{text-align:right;flex:0 0 auto}
[dir=rtl] .pw-pr{text-align:left}
.pw-prow b{display:block;font-size:20px;font-weight:700;color:var(--white)}
.pw-prow s{display:block;font-size:13px;color:var(--tx-faint)}
.pw-per{font-size:12px;color:var(--tx-faint);margin-top:2px}
.pw-off{position:absolute;top:-9px;right:14px;padding:3px 9px;border-radius:9px;background:var(--off-nen,var(--pri));color:var(--off-chu,var(--pri-fg));font-size:11px;font-weight:700}
[dir=rtl] .pw-off{right:auto;left:14px}
.pw-bestval{position:absolute;top:-9px;left:14px;padding:3px 9px;border-radius:9px;background:var(--off-nen,var(--pri));color:var(--off-chu,var(--pri-fg));font-size:11px;font-weight:700}
#bz-checkout{width:calc(100% + 16px);max-width:none;margin:18px 0 0}
#coerr{width:100%;max-width:353px;margin:8px 0 0;color:#e05b5b;font-size:13px;text-align:center}
.pw-safe{margin:14px 0 0;font-size:13px;color:var(--tx-dim);display:flex;align-items:center;gap:6px}
.pw-safe img{display:block;flex:0 0 auto}
.pw-safe.ok{font-size:16px;line-height:24px;color:#0db561;gap:8px}
.pw-pays{margin:16px 0 0;display:flex;flex-direction:column;align-items:center;gap:11px}
.pw-pay-row{display:flex;align-items:center;justify-content:center;gap:27px}
.pw-pay-row img{height:26px;width:auto;display:block}
.pw-pay-row img.wide{height:29px}
.pw-stars{margin:26px 0 0;color:#f5b60d;font-size:26px;letter-spacing:6px;line-height:1}
.pw-stats.pw-stats-2{flex-direction:row;gap:0}
.pw-stats.pw-stats-2 .pw-stat{flex:1 1 0;min-width:0;padding:0 8px}
.pw-stats.pw-stats-2 .pw-stat b{font-size:26px}
.pw-stats.pw-stats-2 .pw-stat span{font-size:13px;line-height:1.45;display:block}
.pw-mark{width:150px;height:auto;display:block;margin:30px 0 0}
.pw-guar{width:100%;max-width:353px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;color:var(--tx-mid);text-align:center}
.pw-gallery{width:100%;max-width:393px;margin:24px 0 0}
.pw-jump{width:100%;max-width:353px;height:var(--cta-h);margin:28px 0 4px;border:0;border-radius:28px;background:var(--cta-bg);color:var(--cta-fg);font-family:var(--font-cta-pw,var(--font-cta,inherit));font-size:var(--cta-size-pw,var(--cta-size,16px));font-weight:var(--cta-dam,600);letter-spacing:var(--cta-ls,-.2px);cursor:pointer;box-shadow:0 8px 24px var(--cta-bong)}
.pw-jump:active{background:var(--cta-bg-nhan)}
#plans{scroll-margin-top:24px}
.pw-gallery img{width:100%;height:auto;display:block}
.pw-testi{width:100%;max-width:353px;margin:26px 0 0;padding:10px;background:var(--the-nen,var(--white));border-radius:22px}
.pw-testi>img{width:100%;height:auto;display:block;border-radius:14px}
.pw-testi-body{margin:10px 0 0;padding:16px;background:var(--surface);border-radius:14px}
.pw-testi-stars{color:#f5b60d;font-size:16px;letter-spacing:3px}
.pw-testi-tx{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--tx)}
.pw-testi-who{display:flex;align-items:center;gap:10px;margin:14px 0 0}
.pw-testi-who img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.pw-testi-n{font-size:15px;font-weight:700;color:var(--white)}
.pw-testi-r{font-size:13px;color:var(--tx-faint)}
.pw-stats{width:100%;max-width:353px;margin:26px 0 0;display:flex;flex-direction:column;gap:18px}
.pw-stat{text-align:center}
.pw-stat b{display:block;font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--white)}
.pw-stat span{font-size:14px;color:var(--tx-dim)}
.pw-legal{width:100%;max-width:353px;margin:28px 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;font-size:13px;color:var(--tx-faint)}
.pw-legal a{color:var(--tx-dim);text-decoration:underline;cursor:pointer}
.pw-legal.pw-legal-2{margin-top:10px;gap:6px}
.pw-legal.pw-legal-2 a{text-decoration:none}
.pw-sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70}
.pw-sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;width:100%;max-width:460px;margin-inline:auto;max-height:82dvh;background:var(--surface-2);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:sheetUp .28s ease both}
@keyframes sheetUp{from{transform:translateY(100%)}
to{transform:none}
}
.pw-sheet-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--white);font-size:16px}
.pw-sheet-x{background:none;border:0;color:var(--tx-dim);font-size:18px;cursor:pointer;padding:4px}
.pw-sheet-body{padding:16px 18px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;font-size:14px;line-height:1.6;color:var(--tx-dim)}
.pw-sheet-body h3{color:var(--tx);font-size:15px;margin:18px 0 6px}
.pw-sheet-body .lg-upd{margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--tx-faint)}
.pw-sheet-body a{color:var(--pri)}
.pw-sheet-body p{margin:0 0 10px}
.pw-sheet-body b{color:var(--tx);font-weight:600}
.pw-sheet-body ul{margin:0 0 10px;padding-left:20px}
.pw-sheet-body li{margin:0 0 6px}
.ps-scr{justify-content:flex-start}
.ps-icon{width:110px;height:110px;margin:24px 0 0;display:block;border-radius:var(--ps-icon-bo,26px);box-shadow:var(--ps-icon-bong,0 12px 30px var(--cta-bong))}
.ps-title{font-family:var(--font-tieu-de);margin:22px 0 0;font-size:24px;font-weight:var(--w-tieu-de,700);letter-spacing:var(--ls-tieu-de,-.6px);color:var(--white);text-align:center}
.ps-steps{width:100%;max-width:353px;margin:18px 0 0;counter-reset:ps;display:flex;flex-direction:column;gap:12px}
.ps-step{display:flex;gap:10px;font-size:15px;line-height:1.5;color:var(--tx-dim)}
.ps-step .n{flex:0 0 18px;color:var(--tx-faint);font-variant-numeric:tabular-nums}
.ps-step b{color:var(--white);font-weight:600;word-break:break-word}
.ps-or{width:100%;max-width:353px;margin:26px 0 0;display:flex;align-items:center;gap:12px;color:var(--tx-faint);font-size:14px}
.ps-or:before,.ps-or:after{content:"";flex:1 1 auto;height:1px;background:var(--line)}
.ps-man{margin:22px 0 0;font-size:19px;font-weight:700;color:var(--white);text-align:center;max-width:321px}
.ps-shot{width:100%;max-width:250px;margin:14px 0 0}
.ps-shot img{width:100%;height:auto;display:block;border-radius:14px}
.ps-tb-ios .ps-qr-wrap,.ps-tb-android .ps-qr-wrap{display:var(--tb-qr-mobile,none)}
.ps-tb-web{width:100%;display:flex;flex-direction:column;align-items:center}
.ps-tb-soon,.ps-tb-alt{margin-top:16px;max-width:353px;text-align:center}
.ps-tb-alt .ps-change-link{cursor:pointer}
.ps-tb-web .cta.ps-tb-inline{position:static;left:auto;right:auto;bottom:auto;transform:none;margin:18px auto 0;width:100%;max-width:353px}
.ps-email{margin:4px 0 0;color:var(--ps-nhan,var(--pri));font-size:15px;font-weight:600;word-break:break-all}
.ps-card{width:100%;max-width:353px;margin:20px 0 0;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:20px}
.ps-top{display:flex;gap:14px;align-items:flex-start}
.ps-top-l{flex:1 1 auto;min-width:0}
.ps-brand{font-size:15px;font-weight:700;color:var(--ps-nhan,var(--pri))}
.ps-k{margin:12px 0 0;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--tx-faint);text-transform:uppercase}
.ps-code{margin:4px 0 0;min-height:30px;display:flex;align-items:center;gap:8px;font-family:ui-monospace,Menlo,monospace;font-size:22px;font-weight:700;letter-spacing:2px;color:var(--white)}
.ps-code.wait,.ps-code.miss,.ps-code.bad{font-family:inherit;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.35}
.ps-code.wait{color:var(--tx-dim)}
.ps-code.miss{color:var(--tx-mid)}
.ps-code.bad{color:#e79a9a}
.ps-spin{flex:0 0 auto;width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--pri);border-radius:50%;animation:pvspin .9s linear infinite}
.ps-instr{margin:8px 0 0;min-height:35px;font-size:12px;line-height:1.45;color:var(--tx-faint)}
.ps-retry{margin:10px 0 0;padding:7px 14px;border-radius:16px;background:transparent;border:1px solid var(--pri);color:var(--pri);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ps-retry:disabled{opacity:.5;cursor:default}
.ps-qr-wrap{flex:0 0 auto;width:112px;height:112px;border-radius:12px;padding:6px;background:var(--surface-2);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center}
.ps-qr-wrap.on{background:#fff;border-style:solid;border-color:#fff}
.ps-qr-ph{width:100%;height:100%;border-radius:8px;background:rgba(255,255,255,.04)}
.ps-divider{height:1px;background:var(--line);margin:16px 0}
.ps-bottom .ps-k{margin:0}
.ps-note{width:100%;max-width:353px;margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--tx-faint);text-align:center}
.ps-change-link{color:var(--pri);text-decoration:underline;cursor:pointer}
.ps-help{margin:22px 0 0;color:var(--tx-dim);font-size:14px;text-decoration:underline}
.ps-ok{width:100%;max-width:353px;margin:18px 0 0;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;background:rgba(62,196,109,.10);border:1px solid rgba(62,196,109,.4);border-radius:16px}
.ps-ok-ic{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#0f0f0f;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.ps-ok b{display:block;color:var(--white);font-size:15px}
.ps-ok p{margin:4px 0 0;font-size:13px;color:var(--tx-dim)}
.ps-save{width:100%;max-width:353px;margin:16px 0 0;height:48px;border-radius:24px;background:var(--ps-save-nen,var(--surface));border:1px solid var(--ps-save-vien,var(--line));color:var(--ps-save-chu,var(--tx));font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.ps-save .ic{display:var(--ps-save-ic,none);width:18px;height:18px;flex:0 0 auto}
.ps-save:disabled{opacity:.4;cursor:default}
.ps-scr.ps-dead .ps-steps,.ps-scr.ps-dead .ps-or,.ps-scr.ps-dead .ps-man,.ps-scr.ps-dead .ps-shot,.ps-scr.ps-dead #ps-acct,.ps-scr.ps-dead .ps-save{display:none}
.ps-logo{display:var(--ps-logo-hien,none);width:var(--logo-w,95px);height:auto;margin:26px auto 0;filter:var(--logo-loc,none)}
.ps-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--surface);color:var(--tx);font-size:13px;font-weight:600;padding:10px 16px;border-radius:12px;z-index:80;opacity:0;transition:opacity .25s;pointer-events:none}
.ps-toast.on{opacity:1}
.ce-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.66);z-index:70}
.ce-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:71;width:calc(100% - 40px);max-width:353px;padding:22px 20px;background:var(--surface-2);border:1px solid var(--line);border-radius:20px}
.ce-x{position:absolute;top:12px;right:12px;background:none;border:0;color:var(--tx-faint);font-size:17px;cursor:pointer}
.ce-title{margin:0;font-size:19px;font-weight:700;color:var(--white);text-align:center}
.ce-input{width:100%;margin:16px 0 0;padding:14px 16px;background:var(--surface);border:1.5px solid transparent;border-radius:14px;color:var(--tx);font-family:inherit;font-size:16px;outline:none}
.ce-input:focus{border-color:var(--pri)}
.ce-input.err{border-color:#e05b5b}
.ce-err{min-height:16px;margin:6px 0 0;color:#e05b5b;font-size:13px}
.ce-disc{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--tx-faint);text-align:center}
.ce-okbody{margin:10px 0 0;font-size:14px;color:var(--tx-dim);text-align:center}
.ce-ok-ic{width:44px;height:44px;border-radius:50%;background:var(--ok);color:#0f0f0f;font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.ce-save{position:static;transform:none;width:100%;max-width:none;margin:16px 0 0}
.pv-wrap{display:flex;align-items:center;justify-content:center;height:100dvh}
.pv-spin{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--pri);border-radius:50%;animation:pvspin 1s linear infinite}
@keyframes pvspin{to{transform:rotate(360deg)}
}
.pw-wed .pw-top{position:relative;width:calc(100% + 40px);margin:0 -20px;height:520px;overflow:hidden}
.pw-wed .pw-top-anh{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(16px) brightness(.72) saturate(.9);transform:scale(1.12)}
.pw-wed .pw-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(242,239,232,0) 0%,var(--pw-nen,var(--bg)) 78%)}
.pw-wed .pw-top-noi{position:absolute;left:20px;right:20px;top:44px;z-index:2;text-align:center}
.pw-wed .pw-cd-lbl{color:var(--tx-anh);font-size:18px;font-weight:500}
.pw-wed .pw-cd-n{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.pw-wed .pw-cd-sep{color:#fff}
.pw-wed .pw-top:before{content:"";position:absolute;left:0;right:0;top:0;height:58%;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 46%,rgba(0,0,0,0) 100%);pointer-events:none}
.pw-wed .pw-eyebrow{margin:14px 0 0;font-size:20px;font-weight:500;color:rgba(255,255,255,.92)}
.pw-wed .pw-h1{margin:6px auto 0;font-family:var(--font-tieu-de);font-size:28px;line-height:36px;font-weight:var(--w-tieu-de,700);color:var(--tx-anh);text-align:center}
.pw-wed .hl{background:var(--pw-nhan-grad, linear-gradient(90deg,#8b5cf6 0%,#c46bf0 52%,#f472b6 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pw-wed .pw-lock{display:var(--pw-lock-hien,none);margin:20px auto 0;width:var(--pw-lock-w,64px);height:var(--pw-lock-h,86px);background:var(--pw-lock-anh,none) no-repeat center / contain}
.pw-wed .pw-shield{display:var(--pw-shield-hien,none);width:92px;height:92px;margin:-58px auto 8px;background:var(--pw-shield-anh,none) no-repeat center / contain}
.pw-wed #plans{margin-top:-38px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3}
.pw-wed .pw-the{width:100%;max-width:353px;margin:26px 0 0;padding:22px 20px;background:var(--the-nen,var(--surface));border:1px solid var(--line);border-radius:20px;text-align:center}
.pw-wed .pw-the h2{margin:0;font-family:var(--font-tieu-de);font-size:24px;line-height:32px;font-weight:var(--w-tieu-de,700);color:var(--tx)}
.pw-wed .pw-the p{margin:12px 0 0;font-size:15px;line-height:22px;color:var(--tx-mid);text-align:center}
.pw-wed .pw-pass ul{margin:16px 0 0;padding:0;list-style:none;text-align:left}
.pw-wed .pw-pass li{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;font-size:15px;line-height:22px;color:var(--tx-mid)}
.pw-wed .pw-pass li:last-child{margin-bottom:0}
.pw-wed .pw-sao{flex:0 0 auto;width:18px;height:18px;margin-top:2px;background:var(--pw-nhan,#9883ec);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.pw-wed .pw-pass h2 .hl{border-bottom:2px solid var(--pw-nhan,#9883ec);padding-bottom:2px}
.pw-wed .pw-guar-the{margin-top:64px}
.pw-wed .pw-guar-the h2 .hl{font-size:34px;line-height:42px}
.pw-wed .pw-gal-h{font-family:var(--font-than)!important;letter-spacing:-.4px;font-weight:500;font-size:20px;line-height:28px}
.pw-wed .pw-gal-h,.pw-wed .pw-loved{width:100%;max-width:353px;margin:34px 0 0;font-family:var(--font-tieu-de);font-size:24px;line-height:32px;font-weight:var(--w-tieu-de,700);color:var(--tx);text-align:center;white-space:pre-line}
.pw-wed .pw-gal{margin:18px -46px 0;display:flex;flex-direction:column;gap:10px;transform:rotate(-10deg);-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 22%,#000 46%);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 22%,#000 46%)}
.pw-wed .pw-gal-hang{display:flex;gap:10px;justify-content:center}
.pw-wed .pw-gal-hang:nth-child(2){margin-left:34px}
.pw-wed .pw-gal-hang img{width:84px;height:126px;object-fit:cover;border-radius:12px;flex:0 0 auto}
.pw-plan-giaphai{overflow:visible}
.pw-hot{position:absolute;left:-1.5px;right:-1.5px;top:-26px;height:32px;display:flex;align-items:flex-start;justify-content:center;gap:6px;padding-top:4px;font-size:14px;font-weight:700;letter-spacing:-.2px;color:var(--pw-hot-chu,var(--pri-fg,#fff));background:var(--pw-hot-nen,var(--pri));border-radius:16px 16px 0 0}
.pw-psub s{color:var(--tx-faint);text-decoration:line-through;margin-right:4px}
.pw-wed .pw-pname{font-family:var(--font-tieu-de);font-size:19px;letter-spacing:-.2px}
.pw-wed .pw-prow b{font-family:var(--font-tieu-de);font-size:24px;letter-spacing:-.4px}
.pw-plan-giaphai .pw-prow s{display:block;font-size:14px;line-height:18px;font-weight:400;color:var(--tx-faint);text-decoration:line-through}
.pw-plan-giaphai .pw-prow b{line-height:26px}
.pw-wed .pw-ykien{width:100vw;max-width:460px;margin:76px 0 0;padding:0 20px 6px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pw-wed .pw-ykien::-webkit-scrollbar{display:none}
.pw-wed .pw-yk{flex:0 0 auto;width:290px;margin:0;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center}
.pw-wed .pw-yk-anh{width:196px;height:294px;object-fit:cover;border-radius:16px;display:block}
.pw-wed .pw-yk-noi{width:100%;margin:-72px 0 0;padding:16px 18px 18px;position:relative;background:var(--the-nen,var(--surface));border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.06)}
.pw-wed .pw-yk-sao{color:#f5b60d;font-size:16px;letter-spacing:2px}
.pw-wed .pw-yk blockquote{margin:10px 0 0;font-size:14px;line-height:20px;color:var(--tx-mid)}
.pw-wed .pw-yk figcaption{margin:14px 0 0;display:flex;align-items:center;gap:10px;text-align:left}
.pw-wed .pw-yk figcaption img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.pw-wed .pw-yk figcaption b{display:block;font-size:15px;color:var(--tx)}
.pw-wed .pw-yk figcaption span{display:block;font-size:12px;line-height:16px;color:var(--tx-dim)}
.pw-wed .pw-h1{display:flex;align-items:baseline;justify-content:center;gap:var(--pw-h1-gap,10px);min-height:var(--pw-h1-cao,auto)}
.pw-wed .pw-h1-anh{display:var(--pw-h1-anh-hien,none);flex:0 0 auto;height:var(--pw-h1-anh-h,26px);width:var(--pw-h1-anh-w,223px);background:var(--pw-h1-anh,none) no-repeat center / contain}
.pw-wed .pw-h1-chu{display:var(--pw-h1-chu-hien,inline)}
.pw-wed .pw-h1 .hl{display:var(--pw-h1-b-hien,inline)}
.pw-wed .pw-plan{background:var(--the-nen,#fff)}
.pw-wed .pw-plan.sel{background:var(--the-nen,#fff);border-color:var(--pri);border-width:2px}
.pw-wed .pw-plan:first-child{border-radius:16px}
.pw-wed #plans{align-items:stretch}
.pw-wed .pw-hot-box{background:var(--pw-hot-nen,var(--pri));border-radius:20px;padding:0 5px 5px;margin:0 0 12px}
.pw-wed .pw-hot-box .pw-hot{position:static;display:flex;align-items:center;justify-content:center;gap:6px;height:38px;background:none;border-radius:0;font-size:15px;font-weight:700;color:var(--pw-hot-chu,var(--pri-fg,#fff))}
.pw-wed .pw-hot-box .pw-plan{margin:0;border-radius:16px}
.pw-wed .pw-hot-box .pw-plan.sel{border-color:transparent}
.pw-wed .pw-the{max-width:none;width:calc(100% + var(--the-tran,12px));margin-left:calc(var(--the-tran,12px) / -2);margin-right:calc(var(--the-tran,12px) / -2)}
[data-screen=social] .tb-logo,[data-screen=processing] .tb-logo,[data-screen=email] .tb-logo{display:var(--tb-cum2-logo,block)}
[data-screen=social] .topbar,[data-screen=processing] .topbar,[data-screen=email] .topbar{height:auto;min-height:68px;margin-top:calc(env(safe-area-inset-top) + 8px + var(--tb-cum2-mt,0px))}
[data-screen=social] .topbar:after,[data-screen=processing] .topbar:after,[data-screen=email] .topbar:after{content:"";display:var(--tb-cum2-hien,none);width:var(--tb-cum2-w,263px);height:var(--tb-cum2-h,71px);background:var(--tb-cum2-anh,none) no-repeat center / contain}
.pw-wed .pw-jump{margin-bottom:0}
.pw-wed .pw-cuoi{margin:56px 0 0;display:flex;justify-content:center}
.pw-wed .pw-cuoi img{width:var(--logo-w,95px);height:auto;display:block;filter:var(--logo-loc,none)}
.pw-wed .pw-gal-h{font-size:20px;line-height:28px}
.pw-wed .pw-psub{color:var(--tx-mid);font-size:15px;font-weight:600}
.pw-wed .pw-psub s{color:var(--tx-faint);font-weight:400}
.pw-wed .pw-pname{font-size:21px}
.pw-wed .pw-plan{padding:11px 16px}
.pw-wed .pw-pname{line-height:26px}
.pw-wed .pw-psub{margin-top:0;line-height:20px}
.pw-wed .pw-prow b{line-height:28px}
.pw-wed .pw-per{margin-top:0}
.pw-wed #plans{margin-top:var(--pw-plans-mt,-38px)}
.pw-wed .pw-off{display:none}
.pw-wed .pw-hot-box{padding:0 2.5px 2.5px}
.pw-wed .pw-plan{border-width:2px}
.pw-wed .pw-top-anh{filter:blur(16px) brightness(var(--pw-top-sang,.72)) saturate(.9)}
.pw-wed .pw-top:before{height:100%;background:linear-gradient(180deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.40) 34%,rgba(0,0,0,.46) 62%,rgba(0,0,0,.26) 82%,rgba(0,0,0,0) 100%)}
.pw-wed #plans{width:calc(100% + var(--plan-tran,0px));margin-left:calc(var(--plan-tran,0px) / -2);margin-right:calc(var(--plan-tran,0px) / -2)}
#bz-checkout{width:var(--co-w, calc(100% + var(--plan-tran,0px)));max-width:var(--co-maxw, calc(353px + var(--plan-tran,0px)));margin:14px var(--co-mx, calc(var(--plan-tran,0px) / -2)) 0;border-radius:var(--co-bo,20px);overflow:hidden}
.pw-wed #plans{flex:0 0 auto}
.pw-wed #plans{max-width:calc(353px + var(--plan-tran,0px))}
.fullshot .ver{display:var(--ver-hien,none);position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);text-align:center;z-index:4;pointer-events:none;font-family:var(--font-than);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.30)}
.fullshot .ver:before{content:var(--ver-txt,"")}
.pw-wed .pw-pname{font-size:19px}
.pw-wed .pw-prow b{font-size:22px}
.pw-wed .pw-psub{font-size:15px}
:root{--surface:#f4f4f6;--surface-2:#fafafa;--line:#e6e6ea;--tx:#1f1f1f;--tx-dim:#6a665e;--tx-mid:#3a3a36;--tx-faint:#9a958b;--white:#161616;--glow-top:linear-gradient(180deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,0) 100%);--shot-top:0px;--pager-hien:none;--logo-loc:none;--pager-mo:rgba(0,0,0,.22);--bg:#ffffff;--pw-nen:#f7f7f7;--the-nen:#ffffff;--plan-vien:#e6e6e6;--plan-vien-w:1px;--plan-bong:0 4px 16px rgba(255,65,108,.05);--plan-bo:20px;--plan-hop-bo:22px;--pw-hot-vien:2px;--cta-bg:linear-gradient(90deg, #ff4d79 0%, #ef2d56 100%);--cta-fg:#ffffff;--cta-bg-nhan:linear-gradient(90deg, #e83d68 0%, #d41f45 100%);--cta-bong:rgba(239,45,86,.30);--shot-the:12px 12px 96px;--shot-bo:0;--logo-w:101px;--opt-sel-nen:#fde7ee;--opt-sel-vien:#ef2d56;--opt-sel-chu:#ef2d56;--cta-bg-anh:linear-gradient(90deg, #ff4d79 0%, #ef2d56 100%);--cta-fg-anh:#ffffff;--cta-bong-anh:rgba(0,0,0,.35);--back-hien:none;--shot-mask:none;--shot-neo:top;--glow-app:none;--glow-photo-op:1;--glow-photo-cao:148px;--fade-cao:40%;--fade-cuoi:#000000;--fade-mo:1;--tx-anh:#ffffff;--logo-loc-anh:none;--tb-cum-hien:block;--logo-anh-hien:none;--tb-cum-anh:url(tb-cum.webp);--tb-cum-w:257px;--tb-cum-mt:16px;--cta-bo:16px;--up-gallery-hien:none;--cap-ho:10px;--pri:#ef2d56;--pri-dim:#d41f45;--pri-soft:rgba(239,45,86,.15);--tb-cum-form-hien:block;--tb-cum-form-anh:url(tb-cum-dark.webp);--tb-cum-form-w:290px;--tb-cum-form-h:78px;--tb-cum-form-mt:26px;--tb-logo-form-hien:none;--pw-nhan-grad:linear-gradient(90deg,#ff5c8a 0%,#ef2d56 100%);--pr-chu-anh:#ffffff;--pr-vong-anh:#ffffff;--pw-nhan:#ef2d56;--pw-lock-hien:block;--pw-lock-anh:url(pw-lock.webp);--pw-lock-w:72px;--pw-lock-h:72px;--pw-hot-nen:#111111;--pw-hot-chu:#ffffff;--pw-gal-hien:none;--pw-gal-h-hien:none;--pw-shield-hien:block;--pw-shield-anh:url(pw-shield.webp);--plan-tran:16px;--pc-nen-rgb:255,255,255;--pc-nen:#ffffff;--pc-ink-rgb:22,22,22;--pc-ink:#161616;--pc-stage-nen:#16141a;--pc-bg-filter:blur(60px) saturate(1.1) brightness(.45);--pc-frame-bong:0 30px 70px rgba(31,31,31,.30), 0 0 0 1px rgba(0,0,0,.06);--pc-cta-bg:var(--cta-bg);--pc-cta-fg:var(--cta-fg);--pc-cta-r:var(--cta-bo);--pc-cta-bong:0 10px 28px var(--cta-bong);--pc-cta-bong-hover:0 16px 36px var(--cta-bong);--pc-cta-off-bg:var(--surface);--pc-cta-off-fg:var(--tx-faint);--pc-cap-fg:var(--tx);--pc-cum-anh:var(--tb-cum-form-anh);--pc-cum2-anh:var(--tb-cum-form-anh);--pc-opt-bg:var(--surface);--pc-opt-hover-bg:var(--surface-2);--pc-opt-hover-vien:rgba(239,45,86,.40);--pc-opt-sel-bg:var(--opt-sel-nen);--pc-opt-sel-vien:var(--opt-sel-vien);--pc-opt-sel-fg:var(--opt-sel-chu);--pc-opt-sel-sub:var(--tx-dim);--pc-opt-sel-badge:rgba(239,45,86,.35);--pc-fld-bg:var(--surface);--pc-fld-focus:var(--pri);--pc-up-vien:#cfcfd6;--pc-up-hover-bg:#ffffff;--pc-up-hover-vien:var(--pri);--pc-up-filled-vien:var(--pri);--pc-up-plus:var(--tx-faint);--pc-up-img-filter:none;--pc-up-gallery-hien:block;--pc-pw-glow-1:rgba(239,45,86,.40);--pc-pw-glow-2:rgba(255,170,90,.20);--pc-nav-hover-bg:#ececf0;--pc-nav-hover-vien:rgba(0,0,0,.25);--pc-yk-filter:none;--pc-trust-hien:none;--pc-anh-4:url(intro-assets/hero-2.webp);--pc-anh-5:url(intro-assets/hero-3.webp);--pc-anh-6:url(intro-assets/hero-1.webp);--pc-anh-8:url(intro-assets/hero-2.webp);--pc-anh-9:url(intro-assets/hero-3.webp);--pc-anh-10:url(intro-assets/hero-1.webp);--pc-pw-filter:blur(28px) brightness(.5) saturate(1.1);--pc-bar-upload-bg:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 62%,rgba(255,255,255,0) 100%);--tb-qr-mobile:flex;--pc-kieu:v2;--pc-tuong-anh:intro-assets/hero-1.webp,intro-assets/hero-2.webp,intro-assets/hero-3.webp,paywall-assets/testi-1.webp,paywall-assets/testi-2.webp,paywall-assets/testi-3.webp;--pc-v2-gal:none;--ver-txt:"lazydirector-happy-wiggles"}
.fullshot>video{position:absolute;left:0;right:0;top:var(--shot-top);bottom:0;width:100%;height:calc(100% - var(--shot-top));object-fit:cover;object-position:var(--shot-neo,center);-webkit-mask-image:var(--shot-mask, linear-gradient(180deg, transparent 0, #000 168px));mask-image:var(--shot-mask, linear-gradient(180deg, transparent 0, #000 168px));border-radius:var(--shot-bo-tren,var(--shot-bo,0)) var(--shot-bo-tren,var(--shot-bo,0)) var(--shot-bo,0) var(--shot-bo,0);box-shadow:var(--shot-bong,none)}
.vidsnd{position:absolute;z-index:6;right:var(--am-phai,20px);top:calc(var(--shot-top,0px) + var(--am-tren,166px));min-width:var(--am-co,38px);height:var(--am-co,38px);padding:0 8px;box-sizing:border-box;display:var(--am-hien,flex);align-items:center;justify-content:center;margin:0;border:0;border-radius:999px;background:var(--am-nen,rgba(0,0,0,.42));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--am-chu,#fff);cursor:pointer;-webkit-appearance:none;appearance:none}
.vidsnd svg{width:22px;height:22px;display:block;flex:0 0 auto}
.vidsnd .am-chu{display:var(--am-chu-hien,block);overflow:hidden;white-space:nowrap;max-width:0;opacity:0;margin-left:0;font-family:var(--font-chu);font-size:13px;font-weight:600;letter-spacing:-.1px;transition:max-width .35s ease,opacity .25s ease,margin-left .35s ease}
.vidsnd.hint .am-chu{max-width:120px;opacity:1;margin-left:7px}
.vidsnd .loa{fill:currentColor}
.vidsnd .song,.vidsnd .cheo{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.vidsnd .song{display:none}
.vidsnd.on .song{display:block}
.vidsnd.on .cheo{display:none}
[data-screen=social] .topbar:after,[data-screen=processing] .topbar:after,[data-screen=email] .topbar:after{content:"";display:var(--tb-cum-form-hien,none);margin:var(--tb-cum-form-mt,6px) auto 0;width:var(--tb-cum-form-w,220px);height:var(--tb-cum-form-h,60px);background:var(--tb-cum-form-anh,none) no-repeat center / contain}
[data-screen=social] .topbar,[data-screen=processing] .topbar,[data-screen=email] .topbar{flex-direction:column}
[data-screen=social] .tb-logo,[data-screen=processing] .tb-logo,[data-screen=email] .tb-logo{display:var(--tb-logo-form-hien,block)}
.pw-wed .pw-gal{display:var(--pw-gal-hien,flex)}
.pw-wed .pw-gal-h{display:var(--pw-gal-h-hien,block)}
.pw-wed .pw-plan:not(.sel){border-width:var(--plan-vien-w,2px);border-color:var(--plan-vien,transparent);box-shadow:var(--plan-bong,none);padding:calc(13px - var(--plan-vien-w,2px)) calc(18px - var(--plan-vien-w,2px))}
.pw-wed .pw-hot-box .pw-plan:not(.sel){border-color:transparent;box-shadow:none}
.pw-wed .pw-plan,.pw-wed .pw-plan:first-child,.pw-wed .pw-hot-box .pw-plan{border-radius:var(--plan-bo,16px)}
.pw-wed .pw-hot-box{border-radius:var(--plan-hop-bo,20px)}
.pw-wed .pw-hot-box{padding:0 var(--pw-hot-vien,2.5px) var(--pw-hot-vien,2.5px)}
@media (min-width:1024px){:root{--pc-stage-w:46vw;--pc-pad:clamp(38px,4vw,80px);--pc-col:560px;--pc-topbar-h:76px;--pc-r-lg:20px;--pc-ease:cubic-bezier(.22,.61,.36,1);--pc-grad:linear-gradient(84deg,#765ce1 0%,#c440e6 100%);--pc-rail:430px;--pc-rail-gap:clamp(30px,3.4vw,60px);--pc-wrap:1240px}
#app{max-width:none;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");mix-blend-mode:overlay}
.pc-stage{position:fixed;left:0;top:0;z-index:0;width:var(--pc-stage-w);height:100vh;overflow:hidden;background:var(--pc-stage-nen,#08080a);transition:width .6s var(--pc-ease),opacity .5s var(--pc-ease)}
.pc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--pc-bg-filter,blur(46px) saturate(.6) brightness(.32));opacity:0;transition:opacity 1s var(--pc-ease);animation:pcKenBurns 30s ease-out both}
.pc-bg.on{opacity:1}
@keyframes pcKenBurns{from{transform:scale(1.3)}
to{transform:scale(1.14)}
}
.pc-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:min(calc(100vh - 132px),1458px);aspect-ratio:786/1458;max-width:calc(100% - 96px);border-radius:16px;overflow:hidden;box-shadow:var(--pc-frame-bong,0 40px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.07))}
.pc-print{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .85s var(--pc-ease)}
.pc-print.on{opacity:1}
#app[data-screen=upload] .pc-stage,#app[data-screen=paywall] .pc-stage,#app[data-screen=success] .pc-stage{opacity:0;pointer-events:none}
body[data-pc-video="1"] .pc-frame{display:none}
#app[data-screen=petFor]{--pc-stage:var(--pc-anh-4,url(intro-assets/hero-1.webp))}
#app[data-screen=petSel]{--pc-stage:var(--pc-anh-4,url(intro-assets/hero-1.webp))}
#app[data-screen=message]{--pc-stage:var(--pc-anh-5,url(intro-assets/hero-2.webp))}
#app[data-screen=petName]{--pc-stage:var(--pc-anh-5,url(intro-assets/hero-2.webp))}
#app[data-screen=petStyle]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=petStyle2]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=danceFor]{--pc-stage:var(--pc-anh-4,url(intro-assets/hero-1.webp))}
#app[data-screen=danceVibe]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=mood]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=wedStyle]{--pc-stage:var(--pc-anh-4,url(intro-assets/hero-1.webp))}
#app[data-screen=wedWish]{--pc-stage:var(--pc-anh-5,url(intro-assets/hero-2.webp))}
#app[data-screen=wedWhen]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=retroFor]{--pc-stage:var(--pc-anh-4,url(intro-assets/hero-1.webp))}
#app[data-screen=retroMood]{--pc-stage:var(--pc-anh-6,url(intro-assets/hero-3.webp))}
#app[data-screen=hero]{--pc-stage:var(--pc-anh-1,url(intro-assets/hero-1.webp))}
#app[data-screen=hook]{--pc-stage:var(--pc-anh-2,url(intro-assets/hero-2.webp))}
#app[data-screen=promise]{--pc-stage:var(--pc-anh-3,url(intro-assets/hero-3.webp))}
#app[data-screen=social]{--pc-stage:var(--pc-anh-8,url(intro-assets/hero-1.webp))}
#app[data-screen=processing]{--pc-stage:var(--pc-anh-9,url(intro-assets/hero-3.webp))}
#app[data-screen=email]{--pc-stage:var(--pc-anh-10,url(intro-assets/hero-1.webp))}
#app[data-screen=upload]{--pc-stage-w:56vw}
@keyframes pcVao{from{opacity:0;transform:translateY(14px)}
to{opacity:1;transform:none}
}
.scr.on{animation:none}
.pc-stack>*,.scr>.topbar,.scr>.q,.scr>.sub,.scr>.up-sub,.scr>.list,.scr>.fld,.scr>.fld-note,.scr>.fineprint,.scr>.up-slots,.scr>.up-note,.scr>.up-gallery,.scr>.sp-big,.scr>.sp-cap,.scr>.sp-rule,.scr>.sp-lead,.scr>.sp-logos,.scr>.pr-card,.scr>.pr-steps,.pc-cta-row{animation:pcVao .55s var(--pc-ease) both}
.pc-stack>*:nth-child(1),.scr>*:nth-child(1){animation-delay:.26s}
.pc-stack>*:nth-child(2),.scr>*:nth-child(2){animation-delay:.34s}
.pc-stack>*:nth-child(3),.scr>*:nth-child(3){animation-delay:.42s}
.pc-stack>*:nth-child(4),.scr>*:nth-child(4){animation-delay:.50s}
.pc-stack>*:nth-child(n+5),.scr>*:nth-child(n+5){animation-delay:.56s}
.pc-cta-row{animation-delay:.58s}
@media (prefers-reduced-motion:reduce){.pc-stack>*,.scr>*,.pc-cta-row{animation:none!important}
.pc-bg,.pc-print{transition:none!important}
}
.pc-bar{position:fixed;inset:0 0 auto 0;height:var(--pc-topbar-h);z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,2.2vw,34px);background:linear-gradient(180deg,rgba(var(--pc-nen-rgb,11,11,12),.9) 0%,rgba(var(--pc-nen-rgb,11,11,12),.5) 60%,rgba(var(--pc-nen-rgb,11,11,12),0) 100%)}
.pc-bar-l{display:flex;align-items:center;gap:18px}
.pc-logo{width:88px;height:auto;display:block;opacity:.96;filter:var(--logo-loc,none)}
.pc-bar-r{display:flex;justify-content:flex-end;align-items:center}
.pc-help{font-size:13px;color:var(--tx-faint);text-decoration:none;letter-spacing:.02em}
.pc-help:hover{color:var(--tx-mid)}
.pc-rail{display:flex;align-items:center;gap:10px}
.pc-seg{display:flex;align-items:center;gap:9px}
.pc-dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--pc-ink-rgb,255,255,255),.22);transition:all .45s var(--pc-ease)}
.pc-seg.done .pc-dot{background:rgba(var(--pc-ink-rgb,255,255,255),.55)}
.pc-seg.on .pc-dot{background:var(--white);box-shadow:0 0 0 4px rgba(var(--pc-ink-rgb,255,255,255),.1)}
.pc-lbl{font-family:var(--font-cta,inherit);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--pc-ink-rgb,255,255,255),.28);transition:color .45s var(--pc-ease);white-space:nowrap}
.pc-seg.done .pc-lbl{color:rgba(var(--pc-ink-rgb,255,255,255),.45)}
.pc-seg.on .pc-lbl{color:var(--white)}
.pc-bar-line{width:26px;height:1px;background:rgba(var(--pc-ink-rgb,255,255,255),.14)}
body[data-pc-screen=upload] .pc-bar{background:var(--pc-bar-upload-bg,linear-gradient(180deg,rgba(var(--pc-nen-rgb,11,11,12),.9) 0%,rgba(var(--pc-nen-rgb,11,11,12),.5) 60%,rgba(var(--pc-nen-rgb,11,11,12),0) 100%))}
body[data-pc-screen=paywall] .pc-bar{display:none}
body[data-pc-screen=success] .pc-rail{display:none}
body[data-pc-screen=success] .pc-bar{background:linear-gradient(180deg,var(--pc-nen,#0b0b0c) 40%,rgba(var(--pc-nen-rgb,11,11,12),0))}
#root{display:grid;grid-template-columns:var(--pc-stage-w) minmax(0,1fr);grid-template-rows:auto auto;align-content:safe center;min-height:100dvh}
.scr{grid-column:2;grid-row:1;min-height:0;width:100%;max-width:calc(var(--pc-col) + var(--pc-pad) * 2);padding:calc(var(--pc-topbar-h) + 20px) var(--pc-pad) 0;align-items:flex-start;position:relative;z-index:2}
.pc-cta-row{grid-column:2;grid-row:2;width:100%;max-width:calc(var(--pc-col) + var(--pc-pad) * 2);display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:0 var(--pc-pad) 36px;margin-top:36px;position:relative;z-index:2}
.pc-note{font-size:13px;color:var(--tx-faint)}
.cta,.scr-shot+.cta,.pc-cta-row .cta{position:static;transform:none;margin:0;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;max-width:none;height:58px;padding:0 44px;border-radius:var(--pc-cta-r,999px);background:var(--pc-cta-bg,var(--white));color:var(--pc-cta-fg,#0b0b0c);font-family:var(--font-cta,inherit);font-size:17px;font-weight:700;letter-spacing:.01em;box-shadow:var(--pc-cta-bong,0 10px 30px rgba(0,0,0,.5));transition:transform .2s var(--pc-ease),box-shadow .3s var(--pc-ease)}
.cta{justify-self:start}
.cta:hover{transform:translateY(-2px);box-shadow:var(--pc-cta-bong-hover,0 16px 40px rgba(0,0,0,.6))}
.cta:active{transform:translateY(0)}
.cta:disabled,.cta.mo{background:var(--pc-cta-off-bg,#242424);color:var(--pc-cta-off-fg,#5a5a5a);box-shadow:none;transform:none}
.q{text-align:left;max-width:var(--pc-col);font-size:clamp(32px,2.9vw,46px);line-height:1.1;letter-spacing:.01em;margin:0;color:var(--white);text-wrap:balance}
.sub,.up-sub{text-align:left;margin:18px 0 0;margin-left:0;color:var(--tx-dim);font-size:17px;line-height:1.55;max-width:44ch}
.fld-note,.fineprint{text-align:left;max-width:52ch;margin-left:0}
.topbar{position:static;width:100%;height:auto;min-height:0;margin:0 0 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#app .tb-logo{display:none}
.topbar:after{margin-left:0;margin-right:0;width:clamp(250px,20vw,320px);height:auto;aspect-ratio:329/80}
#app[data-screen=social] .topbar:after,#app[data-screen=processing] .topbar:after,#app[data-screen=email] .topbar:after{content:"";display:block;background-image:var(--pc-cum2-anh,var(--tb-cum2-anh,var(--tb-cum-anh,none)));background-repeat:no-repeat;background-position:left center;background-size:contain;width:clamp(230px,18vw,300px);height:auto;aspect-ratio:329/80;margin:0;transform:none}
.fullshot .topbar{position:absolute;left:calc(var(--pc-stage-w) + var(--pc-pad));right:var(--pc-pad);top:calc(var(--pc-topbar-h) + 20px);width:auto;z-index:6;margin:0}
.pager{justify-content:flex-start;gap:8px;margin:38px 0 0;max-width:300px;width:100%}
.pager i{flex:1;height:3px;width:auto;border-radius:3px;background:var(--pc-pager-off,rgba(255,255,255,.16))}
.pager i.on{width:auto;background:var(--pc-pager-on,#fff)}
.scr-shot{grid-column:1 / -1;max-width:none;min-height:100dvh;padding:0;position:relative}
.fullshot{position:absolute;left:0;top:0;right:0;bottom:0;width:auto;height:auto}
.fullshot>img{display:none}
.fullshot>video{position:absolute;left:0;right:calc(100% - var(--pc-stage-w));top:0;bottom:0;margin:auto;width:auto;height:min(calc(100vh - 132px),1458px);aspect-ratio:786/1458;max-width:calc(var(--pc-stage-w) - 96px);object-fit:cover;border-radius:16px;box-shadow:var(--pc-frame-bong,0 40px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.07));-webkit-mask-image:none;mask-image:none}
.fullshot .fade{display:none}
.fullshot:before{display:none}
.pc-stack{position:absolute;left:calc(var(--pc-stage-w) + var(--pc-pad));right:var(--pc-pad);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;max-width:calc(var(--pc-col) + 40px)}
.pc-stack .topbar{position:static;left:auto;right:auto;top:auto;margin:0 0 30px;width:auto}
#app[data-screen=hero] .pc-stack .topbar:after{background-image:var(--pc-cum-anh,var(--tb-cum-anh,none))}
#app[data-screen=hook] .pc-stack .topbar:after{background-image:var(--pc-cum-anh,var(--tb-cum-anh-2,var(--tb-cum-anh,none)))}
#app[data-screen=promise] .pc-stack .topbar:after{background-image:var(--pc-cum-anh,var(--tb-cum-anh-3,var(--tb-cum-anh,none)))}
.fullshot .vidsnd{right:auto;left:calc(var(--pc-stage-w) / 2 + min(calc(100vh - 132px),1458px) * .2695 - 52px);top:calc(50% - min(calc(100vh - 132px),1458px) / 2 + 14px)}
.pc-stack .cap{position:static;left:auto;right:auto;bottom:auto;text-align:left;width:100%}
.pc-stack .pc-cta-row{position:static;padding:0;margin-top:36px;width:auto;max-width:none}
.pc-stack .pager{margin-top:38px;width:100%;max-width:300px}
.fullshot .cap h1{color:var(--pc-cap-fg,var(--tx-anh));font-size:clamp(34px,3.2vw,52px);line-height:1.1;letter-spacing:.01em;max-width:var(--pc-col);text-wrap:balance}
.list{width:100%;max-width:var(--pc-col);margin:32px 0 0;display:grid;gap:10px;grid-template-columns:1fr}
[data-screen=petFor] .list,[data-screen=petSel] .list{grid-template-columns:1fr 1fr}
.list{counter-reset:pcopt}
.opt{position:relative;min-height:72px;padding:14px 18px;gap:16px;border:1px solid var(--line);border-radius:var(--pc-r-lg);background:var(--pc-opt-bg,var(--surface-2,#171717));transition:border-color .22s var(--pc-ease),background .22s var(--pc-ease),transform .22s var(--pc-ease)}
.opt:hover{border-color:var(--pc-opt-hover-vien,rgba(255,255,255,.34));background:var(--pc-opt-hover-bg,#1c1c1c);transform:translateY(-1px)}
.opt .em{width:46px;height:46px;font-size:34px}
.opt .em.opt-im img{width:46px;height:46px;border-radius:10px}
.opt>div>span{font-family:var(--font-cta,inherit);font-size:17px;font-weight:600;color:var(--tx)}
.opt small{font-size:13.5px;color:var(--tx-dim);margin-top:3px}
.opt:before{counter-increment:pcopt;content:counter(pcopt);position:absolute;top:10px;right:12px;font-family:var(--font-cta,inherit);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--tx-faint);border:1px solid var(--line);border-radius:5px;padding:1px 5px;transition:all .22s var(--pc-ease)}
.opt.sel{background:var(--pc-opt-sel-bg,var(--white));border-color:var(--pc-opt-sel-vien,var(--white))}
.opt.sel>div>span{color:var(--pc-opt-sel-fg,#0b0b0c);font-weight:700}
.opt.sel small{color:var(--pc-opt-sel-sub,#4a4a4a)}
.opt.sel:before{color:var(--pc-opt-sel-fg,#0b0b0c);border-color:var(--pc-opt-sel-badge,rgba(0,0,0,.25))}
.fld{width:100%;max-width:var(--pc-col);margin-top:28px;padding:20px 22px;min-height:132px;height:auto;background:var(--pc-fld-bg,var(--surface-2,#171717));border:1px solid var(--line);border-radius:var(--pc-r-lg);font-size:17px;line-height:1.55}
.fld:focus{border-color:var(--pc-fld-focus,rgba(255,255,255,.4))}
[data-screen=email] .fld{min-height:64px;height:64px;padding:0 24px;border-radius:999px;display:flex;align-items:center}
.fld-err{max-width:var(--pc-col)}
.up-slots{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:var(--pc-col);margin:30px 0 0}
.up-slot{aspect-ratio:1/1;height:auto;border-radius:var(--pc-r-lg);border:1.5px dashed var(--pc-up-vien,#3a3a3a)}
.up-slot:hover,.up-slot.over{border-color:var(--pc-up-hover-vien,var(--white));background:var(--pc-up-hover-bg,#242424)}
.up-slot.filled{border-style:solid;border-color:var(--pc-up-filled-vien,var(--white))}
.up-slot .plus{font-size:38px;color:var(--pc-up-plus,#666);font-weight:300}
.up-cap,.drop-label{margin-top:11px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-faint);text-align:center}
.up-note{text-align:left;max-width:44ch;margin-left:0}
.up-err{text-align:left;max-width:var(--pc-col)}
.up-gallery{display:var(--pc-up-gallery-hien,var(--up-gallery-hien,block));position:absolute;right:100%;top:calc(50% - 50vh);width:var(--pc-stage-w);height:100dvh;margin:0;z-index:0;-webkit-mask-image:none;mask-image:none}
.up-mark{display:none}
.up-win{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132%;height:132%;-webkit-mask-image:linear-gradient(90deg,#000 76%,transparent 100%);mask-image:linear-gradient(90deg,#000 76%,transparent 100%)}
.up-rows{gap:14px;transform:translate(-50%,-50%) rotate(-8deg) scale(1.5)}
.up-row img{width:160px;height:240px;flex:0 0 160px;margin-right:14px;border-radius:10px;filter:var(--pc-up-img-filter,grayscale(1))}
@keyframes pcUpL{from{transform:translate3d(0,0,0)}
to{transform:translate3d(-1044px,0,0)}
}
@keyframes pcUpR{from{transform:translate3d(-1044px,0,0)}
to{transform:translate3d(0,0,0)}
}
.up-row-a{animation-name:pcUpL}
.up-row-b{animation-name:pcUpR}
.up-row-c{animation-name:pcUpL}
.sp-big{text-align:left;font-size:clamp(46px,4.4vw,72px);line-height:1;letter-spacing:-.01em}
.sp-cap{text-align:left;margin:14px 0 0;max-width:44ch;font-size:17px;color:var(--tx-dim)}
.sp-rule{max-width:var(--pc-col);margin:20px 0}
.sp-lead{text-align:left;margin:0;font-size:15px}
.sp-logos{max-width:var(--pc-col);margin:14px 0 0;opacity:.9;grid-template-columns:repeat(3,1fr);column-gap:20px}
.sp-logos span:nth-child(3),.sp-logos span:nth-child(4){clip-path:inset(0 0 10px 0)}
.pr-card{position:absolute;right:100%;top:calc(50% - 50vh);width:var(--pc-stage-w);height:100dvh;max-width:none;aspect-ratio:auto;margin:0;background:transparent;border-radius:0;overflow:visible;z-index:3}
.pr-card>img{display:none}
#app[data-screen=processing] .pc-print{filter:blur(9px) brightness(.62);transform:scale(1.04)}
.pr-mid{position:absolute;inset:0;display:grid;place-items:center;gap:0;padding:0}
.pr-mid:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:440px;height:440px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.7) 0%,rgba(0,0,0,.42) 44%,rgba(0,0,0,0) 72%)}
.pr-ring{width:168px;height:168px}
.pr-ring svg{width:168px;height:168px}
.pr-ring .trk,.pr-ring .bar{stroke-width:5}
.pr-pct{font-family:var(--font-cta,inherit);font-size:26px;font-weight:700;color:#fff}
.pr-say{position:absolute;top:calc(50% + 112px);width:min(70%,320px);text-align:center;font-size:16px;color:rgba(255,255,255,.88)}
.pr-steps{max-width:var(--pc-col);margin:34px 0 0;gap:2px}
.pr-step{gap:16px;padding:14px 0;min-height:0}
.pr-step .ic{width:34px;height:34px}
.pr-step .tx{font-size:17px}
#app[data-screen=paywall]:before,#app[data-screen=paywall]:after,#app[data-screen=success]:before,#app[data-screen=success]:after{display:none}
#app[data-screen=paywall] #root,#app[data-screen=success] #root{grid-template-columns:minmax(0,1fr);align-content:start}
#app[data-screen=paywall] .scr{grid-column:1;align-items:center;max-width:none;padding-left:0;padding-right:0;padding-top:0}
#app[data-screen=success] .scr{grid-column:1;align-items:center;max-width:none;padding:calc(var(--pc-topbar-h) + 44px) var(--pc-pad) 0}
#app[data-screen=success] .cta{justify-self:center}
#app .ps-logo{display:none}
#app[data-screen=success] .pc-cta-row{grid-column:1;max-width:none;justify-content:center}
#app[data-screen=paywall] .scr-pw{padding-left:0;padding-right:0}
#app[data-screen=paywall] .pw{display:block;width:min(var(--pc-wrap),calc(100% - 64px));margin:0 auto;padding-left:0;padding-right:0}
#app[data-screen=paywall] .pw-top{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:var(--pc-pw-top-h,420px)}
#app[data-screen=paywall] .pw-top-anh{filter:var(--pc-pw-filter,blur(34px) brightness(.34) saturate(.65));transform:scale(1.12)}
#app[data-screen=paywall] .pw-top:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 58% at 50% 0%,var(--pc-pw-glow-1,rgba(144,96,240,.34)),rgba(var(--pc-nen-rgb,11,11,12),0) 66%),radial-gradient(48% 40% at 78% 14%,var(--pc-pw-glow-2,rgba(220,140,60,.17)),rgba(var(--pc-nen-rgb,11,11,12),0) 70%)}
#app[data-screen=paywall] #plans{display:flex;flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:20px;width:100%;max-width:var(--pc-plans-max,1040px);margin:44px auto 0;float:none;clear:both}
#app[data-screen=paywall] #plans>*{flex:1 1 260px;max-width:340px}
#app[data-screen=paywall] #plans>*:nth-child(1){order:2}
#app[data-screen=paywall] #plans>*:nth-child(2){order:1}
#app[data-screen=paywall] #plans>*:nth-child(3){order:3}
#app[data-screen=paywall] .pw-plan{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px 24px 24px;min-height:196px;border-radius:20px;position:relative;width:100%}
#app[data-screen=paywall] .pw-plan .dot{position:absolute;top:22px;right:22px;margin:0}
#app[data-screen=paywall] .pw-pl{width:100%;padding-right:42px}
#app[data-screen=paywall] .pw-pname{font-size:clamp(21px,1.9vw,27px);line-height:1.2}
#app[data-screen=paywall] .pw-psub{font-size:15px;margin-top:8px}
#app[data-screen=paywall] .pw-pr{width:100%;text-align:left;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:8px}
#app[data-screen=paywall] .pw-prow b{font-size:clamp(28px,2.6vw,38px);line-height:1}
#app[data-screen=paywall] .pw-per{margin:0;font-size:13px}
#app[data-screen=paywall] .pw-hot-box{border-radius:22px;padding:0 4px 4px}
#app[data-screen=paywall] .pw-off{top:-10px;right:18px}
#app[data-screen=paywall] .pw-jump{display:block;max-width:360px;height:62px;border-radius:999px;margin:32px auto 0;clear:both;float:none}
#app[data-screen=paywall] .pw-safe{float:none;clear:both;width:100%;max-width:none;margin:16px 0 0;justify-content:center}
#app[data-screen=paywall] #bz-checkout,#app[data-screen=paywall] #coerr{float:none;clear:none;width:100%;max-width:none;margin:0}
#app[data-screen=paywall] .pw-the{width:100%;max-width:none;margin-left:0;margin-right:0;padding:30px 32px;border-radius:var(--pc-r-lg)}
#app[data-screen=paywall] .pw-pass{margin-top:64px}
#app[data-screen=paywall] .pw-guar-the{margin-top:66px;padding:54px 26px 26px}
#app[data-screen=paywall] .pw-gal-h,#app[data-screen=paywall] .pw-gal,#app[data-screen=paywall] .pw-ykien,#app[data-screen=paywall] .pw-cuoi,#app[data-screen=paywall] .pw-legal{clear:both;width:100%;max-width:none;margin-left:auto;margin-right:auto}
#app[data-screen=paywall] .pw-gal-h{margin-top:62px;margin-bottom:24px;font-size:clamp(23px,2vw,31px);line-height:1.22}
#app[data-screen=paywall] .pw-gal-hang img{width:var(--pc-gal-o,152px);height:auto;border-radius:12px}
.pc-trust-hang{display:var(--pc-trust-hien,flex);justify-content:center;margin:22px 0 0;clear:both;width:100%}
.pc-trust{max-width:400px;width:100%;height:auto;display:block;opacity:.92}
.pc-pay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;pointer-events:none;transition:opacity .28s var(--pc-ease)}
.pc-pay.on{opacity:1;pointer-events:auto}
.pc-pay-nen{position:absolute;inset:0;background:rgba(8,8,10,.72);backdrop-filter:blur(6px)}
.pc-pay-box{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100dvh - 56px);overflow:auto;background:#fff;color:#0b0b0c;border-radius:22px;padding:34px 38px 30px;box-shadow:0 30px 90px rgba(0,0,0,.6);transform:translateY(12px);transition:transform .32s var(--pc-ease)}
.pc-pay.on .pc-pay-box{transform:none}
.pc-pay-x{position:absolute;top:16px;left:16px;width:32px;height:32px;border-radius:50%;border:0;background:#efefef;color:#333;font-size:13px;cursor:pointer;line-height:1}
.pc-pay-x:hover{background:#e2e2e2}
.pc-pay-h{font-family:var(--font-cta,inherit);font-weight:700;font-size:26px;text-align:center;margin:0 0 26px;color:#0b0b0c}
.pc-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;align-items:start}
.pc-sum-h{font-family:var(--font-cta,inherit);font-weight:700;font-size:16px;margin-bottom:18px}
.pc-sum-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:15px;padding:9px 0;border-bottom:1px solid #ededed}
.pc-sum-row:last-child{border-bottom:0}
.pc-sum-gia s{color:#9a9a9a;margin-right:6px}
.pc-sum-ngay{color:#6a6a6a;font-size:13.5px}
.pc-pay-co{min-height:320px}
body.pc-pay-mo #app{overflow:hidden}
#app[data-screen=paywall] .pc-tc{position:relative;margin:58px 0 0;clear:both;width:100%}
#app[data-screen=paywall] .pc-tc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
#app[data-screen=paywall] .pc-tc-title{font-family:var(--font-cta,inherit);font-weight:700;font-size:22px;color:var(--pc-ink,#fff)}
#app[data-screen=paywall] .pc-tc-nav{display:flex;gap:8px}
#app[data-screen=paywall] .pc-tc-nav button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pc-opt-bg,var(--surface-2,#171717));border:1px solid var(--line);color:var(--pc-ink,#fff);cursor:pointer;transition:background .2s var(--pc-ease),border-color .2s var(--pc-ease)}
#app[data-screen=paywall] .pc-tc-nav button:hover{background:var(--pc-nav-hover-bg,#262626);border-color:var(--pc-nav-hover-vien,rgba(255,255,255,.35))}
#app[data-screen=paywall] .pc-tc-view{overflow:hidden;border-radius:var(--pc-r-lg)}
#app[data-screen=paywall] .pw-ykien{display:flex;width:100%;max-width:none;margin:0;padding:0;overflow:visible;transform:translateX(0);transition:transform .6s var(--pc-ease);scroll-snap-type:none;gap:0}
#app[data-screen=paywall] .pw-yk{flex:0 0 100%;width:100%;margin:0;scroll-snap-align:none;display:grid;grid-template-columns:clamp(220px,24%,320px) minmax(0,1fr);align-items:stretch;background:var(--pc-opt-bg,var(--surface-2,#171717));border:1px solid var(--line);border-radius:var(--pc-r-lg);overflow:hidden}
#app[data-screen=paywall] .pw-yk-anh{width:100%;height:100%;min-height:300px;object-fit:cover;filter:var(--pc-yk-filter,grayscale(1));max-width:none;border-radius:0;margin:0}
#app[data-screen=paywall] .pw-yk-noi{padding:clamp(26px,2.4vw,40px) clamp(28px,2.8vw,46px);display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:left}
#app[data-screen=paywall] .pw-yk-noi blockquote{font-family:var(--font-tieu-de,inherit);font-size:clamp(19px,1.6vw,26px);line-height:1.45;color:var(--tx);margin:0}
#app[data-screen=paywall] .pw-yk-sao{font-size:16px;letter-spacing:3px}
#app[data-screen=paywall] .pc-tc-dots{display:flex;gap:7px;justify-content:center;margin-top:18px}
#app[data-screen=paywall] .pc-tc-dots button{width:7px;height:7px;border-radius:50%;padding:0;border:0;cursor:pointer;background:rgba(var(--pc-ink-rgb,255,255,255),.22);transition:all .3s var(--pc-ease)}
#app[data-screen=paywall] .pc-tc-dots button[aria-current=true]{background:var(--pc-ink,#fff);width:22px;border-radius:4px}
.ps-scr{padding:calc(var(--pc-topbar-h) + 44px) var(--pc-pad) 80px}
.ps-card,.ps-steps,.ps-man,.ps-note,.ps-or{max-width:min(880px,100%)}
.ps-card{border-radius:var(--pc-r-lg);padding:30px 32px}
.ps-title{font-size:clamp(32px,3.2vw,48px);letter-spacing:-.015em}
.ps-icon{width:86px;height:auto;border-radius:20px}
.ps-shot{max-width:280px}
}
@media (min-width:1024px){body.pc-v2 .pc-bar{background:linear-gradient(90deg,rgba(var(--pc-nen-rgb,255,255,255),0) 0,rgba(var(--pc-nen-rgb,255,255,255),0) var(--pc-stage-w),rgba(var(--pc-nen-rgb,255,255,255),.94) var(--pc-stage-w))}
body.pc-v2[data-pc-screen=upload] .pc-bar{background:linear-gradient(90deg,rgba(var(--pc-nen-rgb,255,255,255),0) 0,rgba(var(--pc-nen-rgb,255,255,255),0) 56vw,rgba(var(--pc-nen-rgb,255,255,255),.94) 56vw)}
body.pc-v2 .pc-bar{grid-template-columns:var(--pc-stage-w) minmax(0,1fr) auto}
body.pc-v2[data-pc-screen=upload] .pc-bar{grid-template-columns:56vw minmax(0,1fr) auto}
body.pc-v2 .pc-rail{justify-self:start;padding-left:calc(var(--pc-pad) - clamp(20px,2.2vw,34px))}
body.pc-v2 .pc-bar-r{grid-column:3}
body.pc-v2[data-pc-screen=paywall] .pc-bar,body.pc-v2[data-pc-screen=success] .pc-bar{grid-template-columns:1fr auto 1fr}
body.pc-v2 .pc-bar-c{grid-column:2}
body.pc-v2[data-pc-screen=success] .pc-bar-l{box-shadow:none;padding:0;background:none}
body.pc-v2[data-pc-screen=success] .pc-bar{display:none}
body.pc-v2 #app[data-screen=success] .ps-logo{display:block;width:var(--logo-w,96px);margin:0 auto 26px}
body.pc-v2 #app[data-screen=success] .scr{padding-top:40px}
body.pc-v2 .pc-bar-l{justify-self:start;width:max-content;padding:10px 20px;border-radius:999px;background:var(--pc-v2-logo-nen,#fff);box-shadow:var(--pc-v2-logo-bong,0 6px 18px rgba(0,0,0,.18))}
body.pc-v2 .pc-logo{border-radius:0;background:none;padding:0;box-shadow:none}
body.pc-v2 .pc-seg.on .pc-dot{background:var(--pri);box-shadow:0 0 0 4px color-mix(in srgb,var(--pri) 18%,transparent)}
body.pc-v2 .pc-seg.done .pc-dot{background:color-mix(in srgb,var(--pri) 60%,transparent)}
body.pc-v2 .pc-seg.on .pc-lbl{color:var(--tx)}
body.pc-v2 .opt{background:var(--pc-v2-opt-bg,#fff);border-color:var(--line)}
body.pc-v2 [data-screen=danceFor] .list{grid-template-columns:1fr 1fr}
body.pc-v2 .up-slots.mot{display:block;max-width:var(--pc-col);margin:30px 0 0}
body.pc-v2 .up-slots.mot .up-cell{width:100%;display:flex;flex-direction:column;align-items:stretch}
body.pc-v2 .up-slots.mot .up-slot{width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--pc-r-lg);border:2px dashed color-mix(in srgb,var(--pri) 55%,transparent);background:color-mix(in srgb,var(--pri) 4%,var(--pc-v2-the,#fff))}
body.pc-v2 .up-slots.mot .up-slot:hover,body.pc-v2 .up-slots.mot .up-slot.over{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 8%,var(--pc-v2-the,#fff))}
body.pc-v2 .up-slots.mot .up-slot .plus{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--pri);color:var(--pc-v2-tren-pri,#fff);font-size:32px;line-height:1;font-weight:400;box-shadow:0 10px 24px color-mix(in srgb,var(--pri) 35%,transparent)}
body.pc-v2 .up-slots.mot .up-cap{color:var(--pri);font-weight:700;text-align:left;margin-top:14px}
body.pc-v2 .up-row img{object-fit:cover}
body.pc-v2 .sp-big{color:var(--pri)}
.pc-bar-c{display:none}
body.pc-v2[data-pc-screen=paywall] .pc-bar{display:grid;height:64px;background:rgba(var(--pc-nen-rgb,255,255,255),.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
body.pc-v2[data-pc-screen=paywall] .pc-bar-l{box-shadow:none;padding:0;background:none}
body.pc-v2[data-pc-screen=paywall] .pc-rail{display:none}
body.pc-v2[data-pc-screen=paywall] .pc-bar-c{display:flex;align-items:center;justify-content:center}
body.pc-v2 .pc-bar-c .pw-cd{flex-direction:row;align-items:center;gap:12px;margin:0}
body.pc-v2 .pc-bar-c .pw-cd-lbl{color:var(--tx-dim);font-size:14px;font-weight:500}
body.pc-v2 .pc-bar-c .pw-cd-box{align-items:center;gap:5px}
body.pc-v2 .pc-bar-c .pw-cd-unit{gap:0}
body.pc-v2 .pc-bar-c .pw-cd-n{min-width:0;width:auto;height:auto;padding:5px 9px;border-radius:8px;background:var(--tx,#161616);color:var(--pc-v2-cd-fg,#fff);font-size:16px;line-height:1.2;border:0}
body.pc-v2 .pc-bar-c .pw-cd-u{display:none}
body.pc-v2 .pc-bar-c .pw-cd-sep{font-size:16px;padding:0;color:var(--tx)}
body.pc-v2 #app[data-screen=paywall] .scr{padding-top:64px}
body.pc-v2 #app[data-screen=paywall] .pw-top{height:var(--pc-v2-pw-top-h,370px)}
body.pc-v2 #app[data-screen=paywall] .pw-top-noi{top:34px}
body.pc-v2 #app[data-screen=paywall] .pw-h1{font-size:clamp(40px,3.9vw,62px);line-height:1.05;letter-spacing:-.02em;max-width:none;width:auto;white-space:nowrap}
body.pc-v2 #app[data-screen=paywall] #plans{margin-top:-96px;position:relative;z-index:3}
body.pc-v2 #app[data-screen=paywall] .pw-plan{box-shadow:0 18px 40px rgba(0,0,0,.12)}
body.pc-v2 #app[data-screen=paywall] .pc-hai{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;width:100%;max-width:1040px;margin:64px auto 0;clear:both}
body.pc-v2 #app[data-screen=paywall] .pc-hai .pw-the{margin:0;height:100%}
body.pc-v2 #app[data-screen=paywall] .pc-hai .pw-guar-the{padding-top:34px}
body.pc-v2 #app[data-screen=paywall] .pc-hai .pw-shield{position:static;transform:none;margin:0 auto 6px;display:block}
body.pc-v2 #app[data-screen=paywall] .pw-gal-h{display:var(--pc-v2-gal-h,var(--pc-v2-gal,block));max-width:760px;margin:72px auto 26px;text-align:center;font-family:var(--font-tieu-de,inherit);font-size:clamp(28px,2.5vw,40px);line-height:1.15}
body.pc-v2 #app[data-screen=paywall] .pw-gal{display:var(--pc-v2-gal,flex);flex-direction:column;gap:14px;transform:none;margin:0;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
body.pc-v2 #app[data-screen=paywall] .pw-gal-hang{display:flex;gap:14px;width:max-content;margin:0;justify-content:flex-start;animation:pcGalL 70s linear infinite}
body.pc-v2 #app[data-screen=paywall] .pw-gal-hang:nth-child(2){margin-left:0;animation-name:pcGalR}
body.pc-v2 #app[data-screen=paywall] .pw-gal-hang img{width:168px;height:220px;object-fit:cover;border-radius:14px;flex:0 0 auto}
@keyframes pcGalL{from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
@keyframes pcGalR{from{transform:translateX(-50%)}
to{transform:translateX(0)}
}
@media (prefers-reduced-motion:reduce){body.pc-v2 #app[data-screen=paywall] .pw-gal-hang{animation:none}
}
body.pc-v2 #app[data-screen=paywall] .pc-tc{max-width:1040px;margin:72px auto 0}
body.pc-v2 #app[data-screen=paywall] .pc-tc-title{font-family:var(--font-tieu-de,inherit);font-size:clamp(26px,2.2vw,34px)}
body.pc-v2 .pc-ps{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch;width:min(960px,100%);margin:26px auto 0}
body.pc-v2 .pc-ps-l,body.pc-v2 .pc-ps-r{background:var(--pc-v2-the,#fff);border:1px solid var(--line);border-radius:var(--pc-r-lg);padding:28px 30px;box-shadow:0 14px 34px rgba(0,0,0,.06)}
body.pc-v2 .pc-ps-l{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
body.pc-v2 .pc-ps-l .ps-card{max-width:none;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
body.pc-v2 .pc-ps-l .ps-top-l{width:100%}
body.pc-v2 .pc-ps-l .ps-save,body.pc-v2 .pc-ps-l .ps-tb-inline{margin:0;width:auto;max-width:none}
body.pc-v2 .pc-ps-l .ps-tb-inline{justify-self:start}
body.pc-v2 .pc-ps-l .ps-steps{margin:0;max-width:none;width:100%}
body.pc-v2 .pc-ps-r{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
body.pc-v2 .pc-ps-r .ps-man{margin:0;max-width:none}
body.pc-v2 .pc-ps-r .ps-qr-wrap{display:flex;margin:0;width:170px;height:170px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px}
body.pc-v2 .pc-ps-r .ps-qr-wrap img,body.pc-v2 .pc-ps-r .ps-qr-wrap canvas,body.pc-v2 .pc-ps-r .ps-qr-wrap svg{width:100%;height:100%}
body.pc-v2 .pc-ps-r .ps-steps{margin:0;max-width:none;text-align:left}
}
@media (min-width:1024px) and (max-height:820px){:root{--pc-topbar-h:64px}
.q{font-size:clamp(27px,2.4vw,36px)}
.fullshot .cap h1{font-size:clamp(29px,2.6vw,40px)}
.topbar{margin-bottom:18px}
.topbar:after{width:clamp(210px,16vw,260px)}
.list{margin-top:22px;gap:8px}
.opt{min-height:62px;padding:11px 16px}
.up-slots{margin-top:20px}
.pc-cta-row{margin-top:26px;padding-bottom:24px}
.cta{height:52px;padding:0 38px}
}
@media (min-width:1024px) and (max-width:1280px){:root{--pc-col:440px;--pc-rail:330px;--pc-rail-gap:36px}
}
@media (max-width:1023px){.pc-bar,.pc-stage,.pc-pay,.pc-trust-hang,.pc-tc-head,.pc-tc-dots{display:none!important}
.pc-cta-row,.pc-stack,.pc-tc,.pc-tc-view{display:contents!important}
.pw-ykien{transform:none!important}
}


[data-screen=danceFor] .opt .em.opt-im img{object-fit:contain;border-radius:0;width:36px;height:36px}[data-screen=danceFor] .opt .em{width:40px;height:40px}[data-screen=danceVibe] .opt .em.opt-im img{object-fit:contain;border-radius:0;width:36px;height:36px}[data-screen=danceVibe] .opt .em{width:40px;height:40px}
/* v3 Stripe 套餐卡在 Lensie 浅色付费页里的适配。 */
.v4-pay{width:100%;max-width:353px;margin:-38px auto 0;position:relative;z-index:3}
.v4-pay #plans{width:100%;max-width:none;margin:0}
.v4-pay .plan{position:relative;display:flex;align-items:center;width:100%;padding:0;border:1.5px solid var(--plan-vien,#e6e6e6);border-radius:20px;background:var(--the-nen,#fff);box-shadow:var(--plan-bong,0 4px 16px rgba(255,65,108,.05));overflow:visible;text-align:left;cursor:pointer;color:var(--tx)}
.v4-pay .plan.has-recommendation{padding-top:28px;background:linear-gradient(180deg,#111 0 28px,var(--the-nen,#fff) 28px)}
.v4-pay .plan.selected{border:2px solid var(--pri,#ef2d56);background:var(--the-nen,#fff)}
.v4-pay .plan-badge{position:absolute;left:-1.5px;right:-1.5px;top:0;height:28px;display:flex;align-items:center;justify-content:center;border-radius:18px 18px 0 0;background:#111;color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.v4-pay .plan-content{display:flex;align-items:center;gap:12px;width:100%;min-height:74px;padding:12px 16px;border-radius:18px}
.v4-pay .radio{flex:0 0 auto;width:22px;height:22px;border:2px solid #cfcfd6;border-radius:50%;display:flex;align-items:center;justify-content:center}
.v4-pay .plan.selected .radio{border-color:var(--pri,#ef2d56);background:var(--pri,#ef2d56)}
.v4-pay .plan.selected .radio:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.v4-pay .plan-info{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}
.v4-pay .plan-title{font-size:17px;font-weight:700;line-height:1.25;color:var(--tx)}
.v4-pay .plan-price{display:flex;align-items:baseline;gap:7px;font-size:17px;font-weight:700}
.v4-pay .old-price{font-size:13px;font-weight:500;color:var(--tx-faint);text-decoration:line-through}
.v4-pay .actual-price{font-size:20px;font-weight:800;color:var(--tx)}
.v4-pay .per-day{flex:0 0 auto;text-align:right;color:var(--tx-dim);font-size:12px;line-height:1.2}
.v4-pay .per-day b{display:block;font-size:16px;color:var(--tx)}
.v4-pay .per-day small{font-size:11px}
.v4-pay .plans-status{margin:12px 0 0;text-align:center;font-size:13px;color:var(--tx-dim)}
.v4-pay .plans-retry{margin:10px auto 0;display:block;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--tx);font-size:13px;font-weight:600;cursor:pointer}
.v4-pay .stripe-payment{width:100%;margin:16px 0 0;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--the-nen,#fff);color:var(--tx);scroll-margin-top:24px}
.v4-pay .stripe-payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v4-pay .stripe-payment-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-faint)}
.v4-pay .stripe-payment-heading h2{margin:4px 0 0;font-size:17px;font-weight:700;color:var(--tx)}
.v4-pay .stripe-payment-heading strong{font-size:20px;font-weight:800;color:var(--tx)}
.v4-pay .stripe-payment-divider{height:1px;margin:12px 0;background:var(--line)}
.v4-pay .stripe-payment-status{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--tx-dim)}
.v4-pay .stripe-embedded-checkout{min-height:44px}
.v4-pay .stripe-payment-retry{margin-top:12px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--tx);font-size:13px;font-weight:600;cursor:pointer}
.v4-pay .stripe-payment-security{margin:12px 0 0;text-align:center;font-size:12px;color:var(--tx-faint)}
.v4-pay .stripe-payment-security svg{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
.v4-pay .stripe-payment-security span{font-weight:700;color:var(--tx-mid)}
.v4-pay .pw-plan{display:none!important}

/* 桌面付费页：源站是横向三张套餐卡 + “Choose my plan”打开结算弹层。 */
@media (min-width:1024px){
  #app[data-screen=paywall] .v4-pay{max-width:1040px;margin:-96px auto 0}
  #app[data-screen=paywall] .v4-pay #plans{flex-direction:row;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:20px;max-width:1040px;margin:44px auto 0}
  #app[data-screen=paywall] .v4-pay #plans>.plan{flex:1 1 260px;width:100%;max-width:340px}
  #app[data-screen=paywall] .v4-pay #plans>.plan:nth-child(1){order:2}
  #app[data-screen=paywall] .v4-pay #plans>.plan:nth-child(2){order:1}
  #app[data-screen=paywall] .v4-pay #plans>.plan:nth-child(3){order:3}
  #app[data-screen=paywall] .v4-pay .plan{padding:0;border:1.5px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);overflow:visible}
  #app[data-screen=paywall] .v4-pay .plan.has-recommendation{padding-top:30px;border:2px solid #111;background:#111}
  #app[data-screen=paywall] .v4-pay .plan.has-recommendation.selected{border-color:#111}
  #app[data-screen=paywall] .v4-pay .plan-badge{left:0;right:0;top:0;height:30px;border-radius:18px 18px 0 0;background:#111;color:#fff;font-size:14px;font-weight:700;text-transform:none;letter-spacing:0}
  #app[data-screen=paywall] .v4-pay .plan.has-recommendation .plan-badge{background:#111}
  #app[data-screen=paywall] .v4-pay .plan-content{display:block;min-height:150px;padding:18px 20px 20px;border-radius:18px;background:#fff}
  #app[data-screen=paywall] .v4-pay .plan.has-recommendation .plan-content{border-radius:0 0 18px 18px}
  #app[data-screen=paywall] .v4-pay .radio{position:absolute;top:20px;right:20px;width:22px;height:22px;border:2px solid #d1d1d6}
  #app[data-screen=paywall] .v4-pay .plan.selected .radio{border-color:var(--pri);background:var(--pri)}
  #app[data-screen=paywall] .v4-pay .plan-info{display:block}
  #app[data-screen=paywall] .v4-pay .plan-title{font-size:21px;font-weight:700;line-height:1.2}
  #app[data-screen=paywall] .v4-pay .plan-price{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:0;margin-top:34px;font-size:34px;line-height:1.05}
  #app[data-screen=paywall] .v4-pay .actual-price{font-size:34px;font-weight:700;color:#111}
  #app[data-screen=paywall] .v4-pay .old-price{margin-top:4px;font-size:14px;color:#999;text-decoration:line-through}
  #app[data-screen=paywall] .v4-pay .per-day{display:none}
  #app[data-screen=paywall] .v4-pay .plans-status{margin-top:18px}
  #app[data-screen=paywall] .v4-pay .pw-jump{display:block;margin:34px auto 4px}
  #app[data-screen=paywall] .v4-pay .pw-safe{margin-top:16px;text-align:center;justify-content:center}
  #app[data-screen=paywall] .v4-pay-modal{max-width:none;margin:0}
  #app[data-screen=paywall] .v4-pay-modal .stripe-payment{margin:0;border:0;padding:0}
  #app[data-screen=paywall] .v4-pay-modal .stripe-payment-heading{display:none}
  #app[data-screen=paywall] .v4-pay-modal .stripe-payment-divider{display:none}
  #app[data-screen=paywall] .v4-pay-modal .stripe-payment-security{margin-top:16px}
  .pc-pay-co{display:flex;flex-direction:column}
}

/* 主按钮统一使用本项目品牌样式：LazyDirector 黄绿渐变、深色文字、胶囊圆角。 */
:root{
  --cta-bg:linear-gradient(90deg,#a9f10f 0%,#f0ff42 100%);
  --cta-fg:#10120a;
  --cta-bg-nhan:linear-gradient(90deg,#98db0d 0%,#dff23a 100%);
  --cta-bong:rgba(169,241,15,.32);
  --cta-bg-anh:linear-gradient(90deg,#a9f10f 0%,#f0ff42 100%);
  --cta-fg-anh:#10120a;
  --cta-bong-anh:rgba(169,241,15,.32);
  --cta-bo:999px;
  --cta-dam:800;
  --cta-ls:-.01em;
  --cta-size:17px;
  --cta-size-pw:17px;
}
.cta,.scr-shot+.cta,.pc-cta-row .cta,.pw-jump{
  border-radius:var(--cta-bo,999px);
  background:var(--cta-bg);
  color:var(--cta-fg);
  font-weight:var(--cta-dam,800);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 24px var(--cta-bong);
}
.cta:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 16px 36px rgba(169,241,15,.4)}
.cta:active,.scr-shot+.cta:active,.pc-cta-row .cta:active,.pw-jump:active{background:var(--cta-bg-nhan)}

/* 桌面端步骤进度：已完成圆点 #C8E48D；当前步骤外圈 #F1FCD8、内圈 #B8F23D。 */
body.pc-v2 .pc-seg.done .pc-dot{background:#C8E48D}
body.pc-v2 .pc-seg.on .pc-dot{background:#B8F23D;box-shadow:0 0 0 4px #F1FCD8}

/* 问卷选中态：选项文字、右上角序号及序号边框使用品牌绿 #88C50E。 */
.opt.sel{color:#88C50E}
.opt.sel>div>span{color:#88C50E}
.opt.sel:before{color:#88C50E;border-color:#88C50E}

/* 上传区域：虚线边框 #B8F23D、矩形底色 #F6FEE7、加号圆形背景 #B8F23D。 */
.up-slot{border-color:#B8F23D;background:#F6FEE7}
body.pc-v2 .up-slots.mot .up-slot{border-color:#B8F23D;background:#F6FEE7}
body.pc-v2 .up-slots.mot .up-slot:hover:not(.filled):not(.miss),body.pc-v2 .up-slots.mot .up-slot.over:not(.filled):not(.miss){border-color:#B8F23D;background:#F6FEE7}
body.pc-v2 .up-slots.mot .up-slot .plus{background:#B8F23D;color:#10120a;box-shadow:0 10px 24px rgba(184,242,61,.35)}
/* 保留已有状态色：选中照片仍为实线主色，缺图仍为红色提示。 */
body.pc-v2 .up-slots.mot .up-slot.filled{border-style:solid;border-color:var(--pc-up-filled-vien,var(--pri))}
body.pc-v2 .up-slots.mot .up-slot.miss{border-color:#ff6b6b}

/* 社交证明数字使用品牌绿。 */
.sp-big{color:#88C50E}
body.pc-v2 .sp-big{color:#88C50E}

/* 处理页当前步骤的 loading 外圈使用品牌绿，顶部留空保持旋转缺口。 */
.pr-step.now .ic{border-color:#B8F23D;border-top-color:transparent}

/* 付费页高亮文字、权益星标和 Full Access 下划线使用品牌绿 #88C50E。
   只替换文字填充色；不能用 background 简写，否则会重置 background-clip:text
   并把整块文字区域涂成绿色色块。 */
.pw-wed .hl{background-image:none;background-color:#88C50E}
.pw-wed .pw-sao{background:#88C50E}
.pw-wed .pw-pass h2 .hl{border-bottom-color:#88C50E}

/* 选中套餐的右上角圆圈使用品牌绿。 */
.v4-pay .plan.selected .radio{border-color:#88C50E;background:#88C50E}
#app[data-screen=paywall] .v4-pay .plan.selected .radio{border-color:#88C50E;background:#88C50E}

/* 上传步骤左下角文案和选中图片外边框使用品牌绿 #B8F23D。 */
.up-cap{color:#B8F23D}
body.pc-v2 .up-slots.mot .up-cap{color:#B8F23D}
.up-slot.filled{border-color:#B8F23D}
body.pc-v2 .up-slots.mot .up-slot.filled{border-style:solid;border-color:#B8F23D}

/* 手机端视频声音开关固定在右上角，避开顶部安全区。 */
@media (max-width:1023px){
  .fullshot .vidsnd{top:calc(env(safe-area-inset-top,0px) + 16px);right:16px}
}