#mallo-checkpoint-preview{--milk:#fffaf2;--ink:#59404e;--green:#39765d;--green-edge:#285440;--rose:#f0aaa6;--rose-edge:#ad626b;--outline:#b19aa7;--mascot-size:240px;font-family:'Trebuchet MS',Arial,sans-serif;color:var(--ink);width:100%}
#mallo-checkpoint-preview *{box-sizing:border-box}
body>#lesson-device-help{display:none}
#mallo-checkpoint-preview button,#mallo-checkpoint-preview input{font:inherit}
#mallo-checkpoint-preview button{cursor:pointer}
#mallo-checkpoint-preview .preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0 16px;color:light-dark(#655861,#ddcfd7);font-size:11px;letter-spacing:1px}
#mallo-checkpoint-preview .view-options{display:flex;gap:6px;letter-spacing:0;flex-wrap:wrap}
#mallo-checkpoint-preview .view-options button{border:1px solid #c8b9c0;border-radius:9px;padding:9px 12px;min-height:40px;background:#fffaf2;color:#59404e;font-size:12px}
#mallo-checkpoint-preview .view-options button[aria-pressed=true]{background:#59404e;color:#fffaf2;border-color:#59404e}
#mallo-checkpoint-preview .product{background:var(--milk);color:var(--ink);width:100%;margin:0 auto;border:1px solid #e8ded9;border-radius:18px;overflow:clip;transition:max-width .35s ease;max-width:1200px}
#mallo-checkpoint-preview[data-view=phone] .product{max-width:390px;border-radius:32px;border:7px solid #66505a}
#mallo-checkpoint-preview .brand-bar{display:flex;justify-content:space-between;align-items:center;padding:22px 38px;gap:14px;min-height:82px}
#mallo-checkpoint-preview .brand-bar>strong{font-size:25px;letter-spacing:-1px}
#mallo-checkpoint-preview .quiet{background:none;border:0;color:#75616d;box-shadow:none;padding:8px 0;min-height:44px;font-size:13px}
#mallo-checkpoint-preview .account-link{text-align:right;font-size:12px;line-height:1.5}
#mallo-checkpoint-preview .stage{padding:10px 28px 34px;text-align:center;min-height:615px;display:flex;flex-direction:column;align-items:center}
#mallo-checkpoint-preview .mascot-wrap{position:relative;flex-shrink:0;margin:0 0 20px}
#mallo-checkpoint-preview .mascot{display:block;width:var(--mascot-size);height:var(--mascot-size);object-fit:contain}
#mallo-checkpoint-preview .mascot-spark{display:none;position:absolute;right:-12px;top:100px;color:#c89145;font-size:43px}
#mallo-checkpoint-preview[data-stage=celebrate] .mascot-spark{display:block}
#mallo-checkpoint-preview .dialogue{max-width:620px;width:100%}
#mallo-checkpoint-preview h1{font-family:inherit;font-size:35px;font-weight:800;letter-spacing:-.9px;line-height:1.2;margin:0 auto 23px;max-width:620px;text-wrap:balance;color:var(--ink)}
#mallo-checkpoint-preview .dialogue p{font-size:18px;line-height:1.55;margin:0 auto 25px;max-width:510px;text-wrap:pretty}
#mallo-checkpoint-preview .eyebrow{font-size:11px!important;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px!important;color:#826f77}
#mallo-checkpoint-preview .spam-notice{background:#d9efca;color:#245436;border-radius:18px;padding:18px 12px 20px;max-width:510px;margin:0 auto 26px;font-size:25px;font-weight:800;line-height:1.25}
#mallo-checkpoint-preview .spam-word{display:block;font-size:36px;font-weight:900}
#mallo-checkpoint-preview .spam-arrow{display:block;color:#d3313c;font-family:Arial,sans-serif;font-size:52px;font-weight:900;line-height:1;margin:0 auto 3px}
#mallo-checkpoint-preview[data-stage=verify] .mascot{width:170px;height:170px}
#mallo-checkpoint-preview[data-view=phone] .spam-notice{font-size:23px}
#mallo-checkpoint-preview[data-view=phone] .spam-word{font-size:32px}
@media(max-width:500px){#mallo-checkpoint-preview .spam-notice{font-size:23px}#mallo-checkpoint-preview .spam-word{font-size:32px}#mallo-checkpoint-preview[data-stage=verify] .mascot{width:205px;height:205px}}
#mallo-checkpoint-preview .actions{display:flex;flex-direction:column;gap:14px;max-width:375px;margin:0 auto}
#mallo-checkpoint-preview .actions.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:445px}
#mallo-checkpoint-preview .choice{display:block;width:100%;border:2px solid var(--outline);border-radius:19px 22px 18px 21px;background:var(--milk);color:var(--ink);padding:15px 20px;min-height:56px;line-height:1.35;font-size:16px;font-weight:700;box-shadow:0 3px 0 #dacbd1;transition:transform .15s,box-shadow .15s}
#mallo-checkpoint-preview .choice.green{background:var(--green);border-color:var(--green-edge);color:#fffdf6;box-shadow:0 4px 0 var(--green-edge)}
#mallo-checkpoint-preview .choice.red{background:var(--rose);border-color:var(--rose-edge);color:#5e3443;box-shadow:0 4px 0 var(--rose-edge)}
#mallo-checkpoint-preview .choice:active{transform:translateY(3px);box-shadow:none}
#mallo-checkpoint-preview .grid .choice{font-size:14px;min-height:72px;padding:12px}
#mallo-checkpoint-preview .choice:disabled{opacity:.5;cursor:default}
#mallo-checkpoint-preview .product-footer{padding:10px 38px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#826f77}
#mallo-checkpoint-preview .product-footer [hidden]{visibility:hidden;display:block}
#mallo-checkpoint-preview .mini-note{font-size:12px!important;color:#826f77;margin:19px auto 0!important}
#mallo-checkpoint-preview .lesson-tile{padding:22px;border:2px solid #e4d9d8;background:#fffdf9;border-radius:25px;max-width:380px;margin:0 auto 25px}
#mallo-checkpoint-preview .lesson-tile .korean{display:block;font-size:34px;line-height:1.4;color:var(--green);margin:10px 0}
#mallo-checkpoint-preview .lesson-tile p{font-size:15px;margin:8px 0}
#mallo-checkpoint-preview .field{display:block;text-align:left;max-width:375px;margin:0 auto 20px;font-size:14px}
#mallo-checkpoint-preview input{display:block;min-width:0;width:100%;background:#fffdf9;border:2px solid #cbb9c3;border-radius:16px;color:var(--ink);padding:16px;font-size:16px;margin-top:8px;min-height:54px}
#mallo-checkpoint-preview .memory{display:inline-block;border-radius:12px;background:#f0e9df;color:#76616a;padding:7px 12px;font-size:12px;margin:0 0 17px}
#mallo-checkpoint-preview .price{font-size:64px;letter-spacing:-3px;line-height:1.1;font-weight:800;color:var(--green);margin:8px 0 20px}
#mallo-checkpoint-preview .price small{font-size:18px;font-weight:400;letter-spacing:0;display:block;margin-top:10px;color:var(--ink)}
#mallo-checkpoint-preview .offer-deadline{display:inline-block;background:#f5dca0;color:#49332e;border-radius:999px;padding:10px 19px;font-size:17px;font-weight:800;box-shadow:0 3px 0 #bc9563;margin:8px 0 20px}
#mallo-checkpoint-preview .offer-price-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
#mallo-checkpoint-preview .offer-future{max-width:145px;line-height:1.35}
#mallo-checkpoint-preview .offer-future s{font-size:36px;text-decoration-thickness:3px;font-weight:700}
#mallo-checkpoint-preview .offer-future span{display:block;font-size:13px;margin-top:8px}
#mallo-checkpoint-preview .offer-retention{font-size:16px;line-height:1.5;max-width:460px;margin:0 auto 24px}
#mallo-checkpoint-preview .plan-details{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:26px;font-size:13px}
#mallo-checkpoint-preview .plan-details span{padding:9px 12px;border-radius:10px;background:#eaf0e8}
#mallo-checkpoint-preview .completion-line{font-size:13px!important;color:var(--green)}
#mallo-checkpoint-preview .soft{color:var(--green);background:linear-gradient(transparent 64%,#dbe8d6 64%);padding:0 3px}
#mallo-checkpoint-preview[data-view=phone] .brand-bar{padding:17px 19px;min-height:75px}
#mallo-checkpoint-preview[data-view=phone] .brand-bar>strong{font-size:22px}
#mallo-checkpoint-preview[data-view=phone] .stage{padding:9px 21px 28px;min-height:594px}
#mallo-checkpoint-preview[data-view=phone] .mascot{width:min(var(--mascot-size),205px);height:min(var(--mascot-size),205px)}
#mallo-checkpoint-preview[data-view=phone] h1{font-size:29px;letter-spacing:-.7px}
#mallo-checkpoint-preview[data-view=phone] .dialogue p{font-size:16px}
#mallo-checkpoint-preview[data-view=phone] .grid .choice{font-size:13px;padding:11px 8px;min-height:74px}
#mallo-checkpoint-preview[data-view=phone] .product-footer{padding:8px 20px 20px}
@media(max-width:500px){#mallo-checkpoint-preview .brand-bar{padding:18px 20px}#mallo-checkpoint-preview .stage{padding:6px 20px 24px;min-height:570px}#mallo-checkpoint-preview .mascot{width:205px;height:205px}#mallo-checkpoint-preview h1{font-size:29px}#mallo-checkpoint-preview .dialogue p{font-size:16px}#mallo-checkpoint-preview .product-footer{padding:8px 20px 20px}#mallo-checkpoint-preview .grid .choice{font-size:13px;padding:11px 8px}#mallo-checkpoint-preview .preview-bar{justify-content:center}}
@media(prefers-reduced-motion:reduce){#mallo-checkpoint-preview .product,#mallo-checkpoint-preview .choice{transition:none}}
#mallo-checkpoint-preview .gift-box{display:block;position:relative;width:130px;height:110px;margin:38px auto 22px;background:#d9e8d6;border:3px solid #586c58;border-radius:12px;cursor:pointer;box-shadow:0 9px 0 #e7dfcf;animation:mallo-present .65s ease-out both}
#mallo-checkpoint-preview .gift-lid{position:absolute;left:-10px;right:-10px;top:-12px;height:28px;background:#aec7a9;border:3px solid #586c58;border-radius:9px}
#mallo-checkpoint-preview .gift-ribbon{position:absolute;left:49px;top:-10px;bottom:0;width:26px;background:#f1b9c4;border-left:2px solid #956e80;border-right:2px solid #956e80}
#mallo-checkpoint-preview .gift-bow{position:absolute;top:-51px;left:26px;font-size:56px;color:#956e80;line-height:1}
#mallo-checkpoint-preview .gift-reveal{margin:24px auto;width:116px;height:116px;border-radius:50%;background:#f2e6ce;display:grid;place-items:center;color:#375e4c;animation:mallo-present .65s ease-out both}
@keyframes mallo-present{from{opacity:0;transform:translateY(-25px) scale(.8) rotate(-6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){#mallo-checkpoint-preview .gift-box,#mallo-checkpoint-preview .gift-reveal{animation:none}}
#mallo-checkpoint-preview .travel-sliders{max-width:375px;margin:0 auto 26px;padding:22px 24px;background:#f0eee3;border:1px solid #dedacb;border-radius:24px;text-align:left}
#mallo-checkpoint-preview .travel-selected{display:block;text-align:center;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px;color:#31644f;font-variant-numeric:tabular-nums}
#mallo-checkpoint-preview .travel-control{display:block;font-size:13px;color:#6b5a63;margin-top:16px}
#mallo-checkpoint-preview .travel-control input{appearance:none;-webkit-appearance:none;background:transparent;padding:0;border:0;border-radius:0;min-height:44px;height:44px;margin:0;cursor:grab;accent-color:#39765d}
#mallo-checkpoint-preview .travel-control input::-webkit-slider-runnable-track{height:7px;background:#d1d8c9;border-radius:10px}
#mallo-checkpoint-preview .travel-control input::-webkit-slider-thumb{appearance:none;width:28px;height:28px;margin-top:-10px;background:#39765d;border:4px solid #fffaf2;border-radius:50%;box-shadow:0 2px 6px #39765d40}
#mallo-checkpoint-preview .travel-control input::-moz-range-track{height:7px;background:#d1d8c9;border-radius:10px}
#mallo-checkpoint-preview .travel-control input::-moz-range-thumb{width:21px;height:21px;background:#39765d;border:4px solid #fffaf2;border-radius:50%}
#mallo-checkpoint-preview .slider-ends{display:flex;justify-content:space-between;font-size:11px;color:#786c72}
#mallo-checkpoint-preview .reaction-props{position:absolute;inset:0;pointer-events:none}
#mallo-checkpoint-preview .bouquet{position:absolute;left:56%;top:63%;width:42%;height:36%;z-index:4}
#mallo-checkpoint-preview .rose{position:absolute;left:40%;top:4%;height:74%;width:7%;background:#62805a;border-radius:10px;transform-origin:bottom}
#mallo-checkpoint-preview .rose:nth-child(1){transform:rotate(-33deg)}
#mallo-checkpoint-preview .rose:nth-child(2){transform:rotate(-16deg);top:-6%}
#mallo-checkpoint-preview .rose:nth-child(3){transform:rotate(2deg);top:-10%}
#mallo-checkpoint-preview .rose:nth-child(4){transform:rotate(19deg);top:-3%}
#mallo-checkpoint-preview .rose:nth-child(5){transform:rotate(35deg)}
#mallo-checkpoint-preview .rose b{position:absolute;left:-11px;top:-2px;width:29px;height:28px;border-radius:45% 55% 40% 55%;background:radial-gradient(ellipse at 45% 44%,#862d44 0 14%,#c3475b 16% 36%,#912a40 38% 44%,#d45b68 47%);border:2px solid #87384d;box-shadow:2px 2px 0 #6c25492a}
#mallo-checkpoint-preview .bouquet-wrap{position:absolute;left:20%;top:44%;width:54%;height:50%;background:#ebd8af;clip-path:polygon(0 0,100% 0,65% 100%,35% 100%)}
#mallo-checkpoint-preview .bouquet-tie{position:absolute;left:29%;top:74%;width:37%;height:9%;background:#b64e66;border-radius:10px;transform:rotate(-7deg)}
#mallo-checkpoint-preview .reaction-heart{position:absolute;right:-1%;top:23%;color:#b94b64;font-size:31px}
#mallo-checkpoint-preview .reaction-heart-left{left:1%;right:auto;top:43%;font-size:22px;transform:rotate(-14deg)}
#mallo-checkpoint-preview .giddy-smile{position:absolute;left:44%;top:68%;width:15%;height:10%;background:#fdfbfc;border-radius:45%}
#mallo-checkpoint-preview .giddy-smile:after{content:'';position:absolute;left:20%;top:13%;width:60%;height:46%;border-bottom:5px solid #53434d;border-radius:0 0 50% 50%;transform:rotate(-5deg)}
#mallo-checkpoint-preview .giddy-spark{position:absolute;left:8%;top:44%;font-size:23px;color:#c49b55;transform:rotate(-12deg)}
#mallo-checkpoint-preview .action-pistol{position:absolute;right:-2%;top:64%;width:36%;height:30%;z-index:4;transform:rotate(-8deg)}
#mallo-checkpoint-preview .pistol-slide{position:absolute;top:7%;left:7%;width:88%;height:34%;background:#746b7a;border:3px solid #574552;border-radius:7px 4px 4px 7px;border-right:8px solid #db9473}
#mallo-checkpoint-preview .pistol-grip{position:absolute;top:28%;left:18%;width:28%;height:64%;background:#665565;border:3px solid #574552;border-radius:3px 3px 7px 7px;transform:rotate(15deg)}
#mallo-checkpoint-preview .pistol-guard{position:absolute;top:38%;left:42%;width:24%;height:27%;border:4px solid #574552;border-radius:0 0 9px 9px}
#mallo-checkpoint-preview .royal-scroll{position:absolute;left:8%;top:64%;padding:6px;background:#f0dfb9;border-top:6px solid #957656;border-bottom:6px solid #957656;border-radius:4px;color:#705140;font-size:13px;line-height:1.3;transform:rotate(-12deg);z-index:4}
#mallo-checkpoint-preview .royal-fan{position:absolute;right:-2%;top:58%;width:48%;height:37%;background:repeating-conic-gradient(from 270deg at 50% 100%,#f1d3b1 0deg 12deg,#a37270 13deg 15deg);border:3px solid #8b5b60;border-radius:70% 70% 6% 6%;clip-path:polygon(0 0,100% 0,100% 40%,53% 100%,47% 100%,0 40%);z-index:4;transform:rotate(10deg)}
#mallo-checkpoint-preview .detective-glass{position:absolute;right:11%;top:49%;width:29%;height:29%;border:7px solid #887059;border-radius:50%;background:#b9d9e540;box-shadow:inset 0 0 0 3px #fffaf299;z-index:6;transform:rotate(-18deg)}
#mallo-checkpoint-preview .detective-glass b{position:absolute;left:41%;top:100%;width:12px;height:40px;background:#63525a;border-radius:0 0 6px 6px}
#mallo-checkpoint-preview .music-note{position:absolute;color:inherit;font-size:36px;font-weight:700}
#mallo-checkpoint-preview .note-one{top:25%;left:0;transform:rotate(-14deg)}
#mallo-checkpoint-preview .note-two{top:40%;right:0;transform:rotate(14deg)}
#mallo-checkpoint-preview .party-confetti{position:absolute;left:calc(5% + var(--i) * 6%);top:0;width:7px;height:12px;border-radius:2px;background:var(--confetti)}
#mallo-checkpoint-preview .party-horn{position:absolute;right:3%;top:61%;font-size:45px;z-index:4}
#mallo-checkpoint-preview .product{transition:background .65s ease,max-width .35s ease}
#mallo-checkpoint-preview[data-band=bts] .product{background:radial-gradient(ellipse at 50% 16%,#70408c 0%,#42294f 43%,#231d2c 82%);color:#fbf0ff}
#mallo-checkpoint-preview[data-band=bts] h1{color:#fbf0ff}
#mallo-checkpoint-preview[data-band=bts] :is(.quiet,.product-footer,.eyebrow,.mini-note,.price small,.price,.completion-line){color:#efdcf6}
#mallo-checkpoint-preview[data-stage=why] .actions.grid .choice{font-size:21px;font-weight:800;line-height:1.25;min-height:88px;padding:18px 10px;letter-spacing:-.3px}
#mallo-checkpoint-preview[data-stage=why] [data-value=drama]{background:radial-gradient(ellipse at 35% 10%,#ffe8ee,#e5a3be 75%,#cf89a7);color:#58263f;border-color:#bb7895;box-shadow:inset 0 1px 0 #fff9,0 4px 0 #a76583}
#mallo-checkpoint-preview[data-stage=why] [data-value=pop]{background:radial-gradient(ellipse at 50% 0%,#9b354e,#4c2435 55%,#241e27);color:#fff1eb;border-color:#663344;box-shadow:inset 0 1px 0 #d8869640,0 4px 0 #291b25}
#mallo-checkpoint-preview[data-stage=why] [data-value=culture]{background:#fff;color:#352b32;border-color:#c8bbc3;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a5af}
#mallo-checkpoint-preview[data-stage=detail]:is([data-motivation=pop],[data-motivation=drama]) .choice{font-size:clamp(18px,2.5vw,22px);font-weight:800;line-height:1.25;padding:18px 8px;min-height:78px}
#mallo-checkpoint-preview[data-stage=detail] :is([data-value=Action],[data-value=Geschichte]){background:#fff;color:#171717;border-color:#c6c2c0;box-shadow:inset 0 1px 0 #fff,0 4px 0 #aaa3a0}
#mallo-checkpoint-preview[data-stage=detail] [data-value=BTS]{background:radial-gradient(ellipse at 50% 0%,#81509c,#4b2c5b 55%,#281e32);color:#fbf0ff;border-color:#68437c;box-shadow:inset 0 1px 0 #c499dc55,0 4px 0 #302038}
#mallo-checkpoint-preview[data-stage=detail] [data-value="Stray Kids"]{background:radial-gradient(ellipse at 50% 0%,#9b354e,#4c2435 55%,#241e27);color:#fff1eb;border-color:#663344;box-shadow:inset 0 1px 0 #d8869640,0 4px 0 #291b25}
#mallo-checkpoint-preview[data-stage=detail] [data-value=ENHYPEN]{background:radial-gradient(ellipse at 50% 0%,#596d9d,#344361 55%,#20283f);color:#f4f5ff;border-color:#475b81;box-shadow:inset 0 1px 0 #a7b9ec44,0 4px 0 #1b2339}
#mallo-checkpoint-preview[data-stage=detail] [data-value=SEVENTEEN]{background:linear-gradient(125deg,#f1c4cf,#ccd3ee 65%,#a9c2e5);color:#49354c;border-color:#ae9bb9;box-shadow:inset 0 1px 0 #fff9,0 4px 0 #9385a7}
#mallo-checkpoint-preview[data-stage=why] [data-value=travel]{background:#fff;color:#352b32;border-color:#c8bbc3;box-shadow:inset 0 1px 0 #fff,0 4px 0 #b5a5af}
#mallo-checkpoint-preview[data-band=stray] .product{background:radial-gradient(ellipse at 50% 18%,#892d43,#241e27 72%);color:#fff1eb}
#mallo-checkpoint-preview[data-band=enhypen] .product{background:radial-gradient(ellipse at 50% 18%,#48577e,#20283f 75%);color:#fff1eb}
#mallo-checkpoint-preview[data-band=seventeen] .product{background:linear-gradient(125deg,#f1c4cf,#ccd3ee 70%,#a9c2e5);color:#59404e}
#mallo-checkpoint-preview[data-band=romance] .product{background:radial-gradient(ellipse at 50% 12%,#fbe3e9 0%,#e9b9cc 45%,#bc829f 100%);color:#4c293d}
#mallo-checkpoint-preview[data-band=action] .product{background:radial-gradient(ellipse at 50% 12%,#987828 0%,#3f3824 42%,#191b20 85%);color:#fff7df}
#mallo-checkpoint-preview[data-band=history] .product{background:radial-gradient(ellipse at 50% 12%,#faf0df 0%,#d6bda0 52%,#aa8870 100%);color:#422e26}
#mallo-checkpoint-preview[data-band=crime] .product{background:radial-gradient(ellipse at 50% 12%,#686e78 0%,#3c414b 48%,#22252d 100%);color:#f4f3f0}
#mallo-checkpoint-preview[data-band=polite] .product{background:radial-gradient(ellipse at 50% 12%,#f1fbff 0%,#c8e0ed 48%,#9bb8d0 100%);color:#294556}
#mallo-checkpoint-preview[data-band=party] .product{background:radial-gradient(ellipse at 50% 12%,#d98654 0%,#a6423e 46%,#482936 100%);color:#fff4e9}
#mallo-checkpoint-preview[data-band=travel] .product{background:radial-gradient(ellipse at 50% 12%,#fffefb 0%,#e4f1f8 43%,#b7d4e8 100%);color:#2d4b5f}
#mallo-checkpoint-preview:is([data-band=romance],[data-band=action],[data-band=history],[data-band=crime],[data-band=polite],[data-band=party],[data-band=travel]) h1{color:inherit}
#mallo-checkpoint-preview:is([data-band=romance],[data-band=history],[data-band=polite],[data-band=travel]) :is(.quiet,.product-footer,.eyebrow){color:inherit}
#mallo-checkpoint-preview:is([data-band=action],[data-band=crime],[data-band=party]) :is(.quiet,.product-footer,.eyebrow,.mini-note,.price small,.price,.completion-line){color:#fff3e4}
#mallo-checkpoint-preview .product{position:relative;isolation:isolate}
#mallo-checkpoint-preview .theme-transition{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit}
#mallo-checkpoint-preview[data-band=stray] h1,#mallo-checkpoint-preview[data-band=enhypen] h1{color:#fff1eb}
#mallo-checkpoint-preview[data-band=stray] .quiet,#mallo-checkpoint-preview[data-band=enhypen] .quiet,#mallo-checkpoint-preview[data-band=stray] .product-footer,#mallo-checkpoint-preview[data-band=enhypen] .product-footer{color:#f2dce5}
#mallo-checkpoint-preview:is([data-band=stray],[data-band=enhypen]) :is(.eyebrow,.mini-note,.price small){color:#ecdde6}
#mallo-checkpoint-preview:is([data-band=stray],[data-band=enhypen]) :is(.price,.completion-line){color:#b8e3c6}
#mallo-checkpoint-preview :is(.lesson-tile,.plan-details span){color:#59404e}
@media(prefers-reduced-motion:reduce){#mallo-checkpoint-preview .product{transition:none}}
#mallo-checkpoint-preview[data-stage=lesson] .mascot-wrap{display:none}
#mallo-checkpoint-preview[data-stage=lesson] .dialogue{max-width:100%;width:100%}
#mallo-checkpoint-preview[data-stage=lesson] .stage{padding:0 18px 16px}
#mallo-checkpoint-preview .actual-lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 5px 12px;font-size:14px}
#mallo-checkpoint-preview .actual-lesson-toolbar .quiet{border:1px solid currentColor;padding:9px 13px;border-radius:12px;font-size:12px}
#mallo-checkpoint-preview .actual-lesson{display:block;width:100%;height:740px;border:0;border-radius:18px;background:#fffaf2}
#mallo-checkpoint-preview[data-view=phone] .actual-lesson{height:690px}
@media(max-width:500px){#mallo-checkpoint-preview .actual-lesson{height:690px}#mallo-checkpoint-preview[data-stage=lesson] .stage{padding:0 8px 12px}}
#mallo-checkpoint-preview[data-stage=first-price] h1{font-size:clamp(42px,6vw,64px);line-height:1.08;letter-spacing:-1.6px}
#mallo-checkpoint-preview[data-stage=first-price] .dialogue>p{font-size:clamp(25px,3.5vw,36px);line-height:1.25;font-weight:700;max-width:620px;margin-bottom:30px;letter-spacing:-.4px}
#mallo-checkpoint-preview[data-view=phone][data-stage=first-price] h1{font-size:42px}
#mallo-checkpoint-preview[data-view=phone][data-stage=first-price] .dialogue>p{font-size:27px}

body{margin:0;background:#fffaf2}#mallo-checkpoint-preview .product{max-width:none;min-height:100svh;border:0;border-radius:0}#mallo-checkpoint-preview{max-width:none}#mallo-checkpoint-preview .stage{max-width:1050px;margin:auto}#mallo-checkpoint-preview[data-stage=lesson] .brand-bar,#mallo-checkpoint-preview[data-stage=lesson] .product-footer{display:none}#mallo-checkpoint-preview[data-stage=lesson] .stage{padding:0;max-width:none;min-height:100dvh}#mallo-checkpoint-preview[data-stage=lesson] .dialogue{width:100%;max-width:none;margin:0}#mallo-checkpoint-preview[data-stage=lesson] .actual-lesson{display:block;width:100%;height:100dvh;border:0;border-radius:0}#mallo-checkpoint-preview .flow-error{padding:14px;border-radius:12px;background:#fff5eb;color:#942936;font-weight:600}#mallo-checkpoint-preview .legal-link{font-size:14px;color:inherit}#mallo-checkpoint-preview .auth-form input{box-sizing:border-box;width:100%;font:inherit;padding:14px;border:1px solid #b59aa7;border-radius:14px}#mallo-checkpoint-preview .auth-form label{display:block;text-align:left;margin:14px 0}#mallo-checkpoint-preview .auth-form .choice{width:100%;margin-top:12px}

/* Two-step subscription offer. */
#mallo-checkpoint-preview[data-stage=offer] h1{font-size:46px;line-height:1.12}
#mallo-checkpoint-preview[data-stage=offer] .mascot-wrap{--mascot-size:150px}
#mallo-checkpoint-preview[data-stage=offer-confirm] .mascot-wrap{display:none}
#mallo-checkpoint-preview .offer-price-row{gap:24px;align-items:baseline}
#mallo-checkpoint-preview .offer-price-row s{font-size:32px;font-weight:700;text-decoration-thickness:3px;opacity:.7}
#mallo-checkpoint-preview .offer-price-row .price{font-size:54px;margin:0;letter-spacing:-2px}
#mallo-checkpoint-preview .offer-monthly{font-size:16px;margin:8px 0 25px}
#mallo-checkpoint-preview .offer-explanation{font-size:19px;line-height:1.55}
#mallo-checkpoint-preview .offer-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;border:1px solid currentColor;border-radius:18px;margin:24px 0;text-align:left}
#mallo-checkpoint-preview .offer-summary strong{font-size:28px;white-space:nowrap}
#mallo-checkpoint-preview .offer-summary small{font-size:14px;font-weight:400}
#mallo-checkpoint-preview .offer-terms{text-align:left;font-size:16px;line-height:1.55}
#mallo-checkpoint-preview .offer-terms p{margin:20px 0}
#mallo-checkpoint-preview .subscription-consent{display:flex;text-align:left;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;margin:24px 0}
#mallo-checkpoint-preview .subscription-consent input{flex:0 0 auto;width:20px;height:20px;accent-color:var(--green)}
#mallo-checkpoint-preview .stripe-note{font-size:13px;line-height:1.5}
@media(max-width:600px){#mallo-checkpoint-preview[data-stage=offer] h1{font-size:39px}}
.name-form{display:grid;gap:20px;width:min(100%,470px);margin:auto}
.name-reveal{display:grid;justify-items:center;gap:18px;margin:24px auto;text-align:center;overflow-wrap:anywhere}
.name-reveal .given-name{font-size:clamp(42px,7vw,76px);line-height:1.1}
.name-reveal .korean-name{font-size:clamp(46px,8vw,88px);line-height:1.2;animation:korean-name-bloom 1100ms cubic-bezier(.18,.8,.22,1) both}
@keyframes korean-name-bloom{from{opacity:0;filter:blur(12px);transform:scale(.8);letter-spacing:.12em}to{opacity:1;filter:blur(0);transform:scale(1);letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.name-reveal .korean-name{animation:none}}

#mallo-checkpoint-preview .login-options{display:grid;gap:20px;max-width:420px;margin:28px auto 0}
#mallo-checkpoint-preview .login-option{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:54px;padding:15px 20px;border:2px solid #bbcec3;border-radius:16px;background:#fffaf2;color:#254a3c;font-family:inherit;font-size:15px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 #254a3c22;transition:background .15s,border-color .15s}
#mallo-checkpoint-preview .login-option:hover{background:#e8f2e9;border-color:#42755b}
#mallo-checkpoint-preview .login-option:focus-visible{outline:3px solid #e0a838;outline-offset:4px}