#mallo-light-opening{font-family:Arial,sans-serif;color:#f8eede;width:100%}#mallo-light-opening *{box-sizing:border-box}#mallo-light-opening [hidden]{display:none!important}#mallo-light-opening button{font:inherit;-webkit-tap-highlight-color:transparent}#mallo-light-opening .preview-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}#mallo-light-opening .preview-tools>div{display:flex;gap:6px}#mallo-light-opening .preview-tools button{border:1px solid #b9afb7;background:#faf4ea;color:#392d38;border-radius:24px;padding:11px 15px;font-size:13px;min-height:44px}#mallo-light-opening .preview-tools button[aria-pressed=true]{background:#342832;color:#fff1df;border-color:#342832}#mallo-light-opening .world{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:790px;margin:auto;border-radius:14px;background:#1c1720;color:#fff0dc;color-scheme:dark;--branch-tone:#995e73}#mallo-light-opening .world.phone{max-width:390px;min-height:790px}#mallo-light-opening .atmosphere{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 50% 40%,#443039,#231c27 44%,#17141c 85%)}#mallo-light-opening .wash{position:absolute;inset:-20%;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.8s,transform 1.8s;transform:scale(.65)}#mallo-light-opening .wash-rose{background:radial-gradient(ellipse at 40% 40%,#c76d7055,transparent 60%)}#mallo-light-opening .wash-jade{background:radial-gradient(ellipse at 65% 42%,#6cb39b44,transparent 64%)}#mallo-light-opening .world.guiding .wash-rose{opacity:.65;transform:scale(1)}#mallo-light-opening .world[data-phase=caught] .wash-rose,#mallo-light-opening .world[data-phase=branch] .wash-rose{opacity:1;transform:scale(1.2);background:radial-gradient(ellipse at 40% 40%,var(--branch-tone),transparent 65%)}#mallo-light-opening .world[data-phase=caught] .wash-jade,#mallo-light-opening .world[data-phase=branch] .wash-jade{opacity:.8;transform:scale(1.1)}#mallo-light-opening .light-pool{position:absolute;left:50%;top:270px;width:320px;height:320px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#e8ba732c,transparent 68%);transform:translate(-50%,-50%);pointer-events:none}#mallo-light-opening .ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}#mallo-light-opening header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 34px}#mallo-light-opening .light-brand{font-size:23px;letter-spacing:-1px;font-weight:700}#mallo-light-opening .login{background:none;border:0;color:#ddd0d6;min-height:44px;padding:10px 0 10px 15px;font-size:13px}#mallo-light-opening .light-stage{position:absolute;top:110px;left:50%;width:360px;height:410px;transform:translateX(-50%);pointer-events:none}#mallo-light-opening .ground{position:absolute;width:210px;height:24px;top:364px;left:75px;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 70%);transition:transform 1s,opacity 1s}#mallo-light-opening .actor-position{position:absolute;inset:0;transform-origin:50% 72%;transition:transform 1000ms cubic-bezier(.2,.8,.2,1)}#mallo-light-opening .actor{position:absolute;width:310px;height:350px;top:12px;left:25px;background:none;border:0;padding:0;pointer-events:auto;border-radius:44%}#mallo-light-opening .character{position:absolute;inset:0;display:block;transform-origin:50% 82%;will-change:transform}#mallo-light-opening .body{position:absolute;width:248px;height:248px;left:31px;top:110px}#mallo-light-opening .face{position:absolute;inset:0}#mallo-light-opening .eyes{position:absolute;top:209px;left:115px;display:flex;gap:43px;height:22px}#mallo-light-opening .eyes i{width:18px;height:22px;background:#332b30;border-radius:50%;display:block}#mallo-light-opening .mouth{position:absolute;left:141px;top:252px;width:27px;height:13px;border-radius:8px;background:#473840;transition:border-radius .5s,transform .5s}#mallo-light-opening .cheek{position:absolute;top:244px;width:30px;height:14px;background:#ed9ab6;border-radius:50%;opacity:.42;transition:opacity .7s,box-shadow .7s}#mallo-light-opening .cheek.left{left:88px}#mallo-light-opening .cheek.right{left:192px}#mallo-light-opening .hat-position{position:absolute;left:15px;top:15px;width:280px;height:165px;transform-origin:57% 80%;will-change:transform}#mallo-light-opening .hat{width:100%;height:100%;display:block}#mallo-light-opening .catch-ring{position:absolute;left:124px;top:94px;width:64px;height:24px;border-radius:50%;border:1px solid #f2d5ad;box-shadow:0 0 18px #ecb78d77;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}#mallo-light-opening .guiding .catch-ring{opacity:.7;transform:scale(1)}#mallo-light-opening .near .catch-ring{opacity:1;transform:scale(1.22)}#mallo-light-opening .world[data-phase=caught] .cheek,#mallo-light-opening .world[data-phase=branch] .cheek{opacity:.85;box-shadow:0 0 20px #eaa398aa}#mallo-light-opening .world[data-phase=caught] .mouth,#mallo-light-opening .world[data-phase=branch] .mouth{border-radius:3px 3px 18px 18px;transform:scaleY(1.3)}#mallo-light-opening .light{position:absolute;top:0;left:0;width:66px;height:66px;border:0;background:transparent;border-radius:50%;padding:0;touch-action:none;z-index:4;will-change:transform;transform:translate(-100px,-100px)}#mallo-light-opening .light-aura{position:absolute;inset:-15px;background:radial-gradient(circle,#f8d3a36b,transparent 66%);border-radius:50%}#mallo-light-opening .light-knot{position:absolute;inset:21px;border-radius:45% 55% 58% 42%;background:linear-gradient(130deg,#fff0bd,#f4b597 55%,#ce8eb8);box-shadow:0 0 14px #f2bb87aa,0 0 35px #dfb38233}#mallo-light-opening .opening,#mallo-light-opening .caught-copy,#mallo-light-opening .branch{position:relative;text-align:center;max-width:660px;margin:443px auto 0;padding:0 28px 82px;z-index:3;pointer-events:none}#mallo-light-opening .opening button,#mallo-light-opening .caught-copy button,#mallo-light-opening .branch button{pointer-events:auto}#mallo-light-opening .eyebrow{font-size:10px;letter-spacing:2.7px;color:#c8acb9;margin:0 0 18px}#mallo-light-opening h1,#mallo-light-opening h2{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;line-height:1.08;letter-spacing:-1.3px;margin:0;color:#fff0dc}#mallo-light-opening .instruction{font-size:14px;line-height:1.6;color:#d3bfc7;margin:22px 0 0}#mallo-light-opening .caught-copy,#mallo-light-opening .branch{margin-top:300px}#mallo-light-opening .caught-copy h2,#mallo-light-opening .branch h2{font-size:42px;margin-bottom:27px}#mallo-light-opening .motivations,#mallo-light-opening .branch-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:0 auto}#mallo-light-opening .motivations button,#mallo-light-opening .branch-options button{display:flex;align-items:center;gap:12px;min-height:59px;border:1px solid #806674;background:#30232d;color:#fae9dc;border-radius:15px;padding:16px 18px;text-align:left;font-size:14px;transition:background .25s,transform .25s}#mallo-light-opening .motivations button:hover,#mallo-light-opening .branch-options button:hover{background:#483140;transform:translateY(-2px)}#mallo-light-opening .motivations b{margin-left:auto;font-weight:400;color:#c0a58f}#mallo-light-opening .swatch{width:11px;height:20px;border-radius:8px;transform:rotate(25deg);flex-shrink:0}#mallo-light-opening .rose{background:#e6a0a0}#mallo-light-opening .violet{background:#baa5d1}#mallo-light-opening .jade{background:#a0d1bb}#mallo-light-opening .gold{background:#e4c18b}#mallo-light-opening .world[data-phase=caught] .actor-position,#mallo-light-opening .world[data-phase=branch] .actor-position{transform:translateY(-80px) scale(.72)}#mallo-light-opening .world[data-phase=caught] .ground,#mallo-light-opening .world[data-phase=branch] .ground{transform:translateY(-126px) scale(.72);opacity:.5}#mallo-light-opening footer{position:absolute;z-index:4;bottom:20px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:18px}#mallo-light-opening footer button{background:none;color:#d2bdc8;border:0;padding:12px 0;font-size:12px}#mallo-light-opening .culture-note{font-size:10px;color:#ab929e;letter-spacing:.5px}#mallo-light-opening .preview-end{min-height:40px;font-size:13px;line-height:1.5;color:#dfcbd0;margin:20px auto 0;max-width:340px}#mallo-light-opening .branch-options button[aria-pressed=true]{background:#efd8bc;color:#30232d}#mallo-light-opening button:focus-visible{outline:2px solid #ffdcad;outline-offset:5px}#mallo-light-opening .world.phone header{padding:20px 24px}#mallo-light-opening .world.phone .light-stage{top:125px;transform:translateX(-50%) scale(.88);transform-origin:50% 0}#mallo-light-opening .world.phone .opening{margin-top:415px}#mallo-light-opening .world.phone h1{font-size:39px}#mallo-light-opening .world.phone .caught-copy,#mallo-light-opening .world.phone .branch{margin-top:294px;padding-left:24px;padding-right:24px}#mallo-light-opening .world.phone .caught-copy h2,#mallo-light-opening .world.phone .branch h2{font-size:36px}#mallo-light-opening .world.phone .motivations,#mallo-light-opening .world.phone .branch-options{gap:10px}#mallo-light-opening .world.phone .motivations button,#mallo-light-opening .world.phone .branch-options button{padding:15px 12px;gap:8px;font-size:13px}#mallo-light-opening .world.phone footer{left:24px;right:24px}#mallo-light-opening .login-cover{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#15111bcc}#mallo-light-opening .login-cover section{position:relative;max-width:390px;border:1px solid #806777;border-radius:24px;padding:42px 28px;background:#2c202d}#mallo-light-opening .login-cover h2{font-size:32px}#mallo-light-opening .login-cover p{font-size:14px;line-height:1.6;color:#dfcbd0}#mallo-light-opening .close{position:absolute;right:10px;top:10px;width:44px;height:44px;font-size:26px;background:none;border:0;color:inherit}#mallo-light-opening .return{background:#efddc3;color:#302831;border:0;border-radius:14px;padding:14px 18px;min-height:48px}
@media(max-width:500px){#mallo-light-opening header{padding:20px 22px}#mallo-light-opening .light-stage{top:125px;transform:translateX(-50%) scale(.83);transform-origin:50% 0}#mallo-light-opening .opening{margin-top:400px}#mallo-light-opening h1{font-size:37px}#mallo-light-opening .caught-copy,#mallo-light-opening .branch{margin-top:280px;padding:0 20px 85px}#mallo-light-opening .caught-copy h2,#mallo-light-opening .branch h2{font-size:34px}#mallo-light-opening .motivations button,#mallo-light-opening .branch-options button{padding:14px 10px;gap:8px;font-size:13px}#mallo-light-opening .culture-note{display:none}#mallo-light-opening .preview-tools button{font-size:12px;padding:10px 11px}#mallo-light-opening .world.phone .light-stage{transform:translateX(-50%) scale(.83)}}
@media(prefers-reduced-motion:reduce){#mallo-light-opening *,#mallo-light-opening *:before,#mallo-light-opening *:after{transition:none!important;animation:none!important}}
#mallo-light-opening .world[data-phase=escape] .wash-rose{opacity:.45;transform:scale(1)}#mallo-light-opening .world[data-phase=escape] .wash-jade{opacity:.2;transform:scale(1)}#mallo-light-opening .world[data-phase=escape] .mouth{transform:scale(.65,1.25);border-radius:50%}
#mallo-light-opening .body-light{position:absolute;width:248px;height:248px;left:31px;top:110px;filter:sepia(.8) saturate(1.3);opacity:.28;mask-image:linear-gradient(var(--rim-angle,90deg),transparent 40%,#000);-webkit-mask-image:linear-gradient(var(--rim-angle,90deg),transparent 40%,#000);pointer-events:none}#mallo-light-opening .light-knot{border-radius:70% 15% 70% 15%;transform:rotate(-25deg)}#mallo-light-opening h1{font-size:44px}
#mallo-light-opening .world.phone{min-height:715px}#mallo-light-opening .world.phone .light-stage{top:100px}#mallo-light-opening .world.phone .opening{margin-top:365px}#mallo-light-opening .world.phone .caught-copy,#mallo-light-opening .world.phone .branch{margin-top:265px}#mallo-light-opening .world.phone h1{font-size:37px}
@media(max-width:500px){#mallo-light-opening .world{min-height:715px}#mallo-light-opening .light-stage{top:100px}#mallo-light-opening .opening{margin-top:365px}#mallo-light-opening h1{font-size:37px}}

#mallo-light-opening .world .mouth{width:16px;height:5px;left:147px;top:253px;background:#473840;border-radius:50%;transform:none}
#mallo-light-opening .world[data-phase=prologue] .actor-position{transform:translateX(var(--entrance-x,-1100px)) rotate(var(--entrance-r,-13deg));transition:none}
#mallo-light-opening .world[data-phase=prologue] .ground{opacity:var(--arrival,0)}
#mallo-light-opening .mallo-arrow{position:absolute;right:0;top:148px;width:70px;height:48px;border-top:3px solid #de797d;border-right:3px solid #de797d;border-radius:0 65% 0 0;transform:rotate(155deg);opacity:0;transition:opacity .5s;filter:drop-shadow(0 0 8px #dc646444)}
#mallo-light-opening .mallo-arrow:after{content:'';position:absolute;right:-7px;bottom:-2px;width:12px;height:12px;border-right:3px solid #de797d;border-bottom:3px solid #de797d;transform:rotate(45deg)}
#mallo-light-opening .world.pointing .mallo-arrow{opacity:1}
#mallo-light-opening .opening h1{min-height:100px;display:flex;align-items:center;justify-content:center}
#mallo-light-opening .world[data-phase=explaining] .wash-rose{opacity:1;transform:scale(1.2)}
#mallo-light-opening .world[data-phase=explaining] .wash-jade{opacity:.7;transform:scale(1.1)}
#mallo-light-opening .world[data-phase=explaining] .cheek{opacity:.7;box-shadow:0 0 18px #eaa39877}


/* The first painted frame and the motivation handoff share one dark surface. */
html,body{background:#1c1720}
#mallo-checkpoint-preview[data-stage=hello] .product{border:0;border-radius:0;background:#1c1720}
#mallo-checkpoint-preview[data-stage=hello] .product>.brand-bar,#mallo-checkpoint-preview[data-stage=hello] .product>main.stage,#mallo-checkpoint-preview[data-stage=hello] .product>.product-footer{display:none}
#mallo-checkpoint-preview:not([data-stage=hello]) #mallo-light-opening{display:none}
#mallo-light-opening .world{border-radius:0;min-height:max(715px,100svh)}
#mallo-light-opening .light-stage{display:block;padding:0;min-height:0;text-align:initial}
#mallo-light-opening .opening h1{font-family:Georgia,'Times New Roman',serif;font-weight:400}
#mallo-light-opening button{cursor:pointer}
#mallo-checkpoint-preview[data-band=""]:is([data-stage=why],[data-stage=detail]) .product{background:radial-gradient(ellipse at 50% 40%,#443039,#231c27 44%,#17141c 85%);color:#fff0dc}
#mallo-checkpoint-preview[data-band=""]:is([data-stage=why],[data-stage=detail]) :is(h1,.quiet){color:#fff0dc}
#mallo-checkpoint-preview[data-stage=why] .stage{animation:light-handoff 700ms ease both}
@keyframes light-handoff{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#mallo-checkpoint-preview[data-stage=why] .stage{animation:none}}

#mallo-light-opening .world.handoff .actor-position{transform:translateY(-70px) scale(.72)}
#mallo-light-opening .world.handoff .ground{transform:translateY(-116px) scale(.72);opacity:.5}

/* Land at the next stage's exact mascot position before revealing the choices. */
#mallo-light-opening .light-stage{transition:top 2s cubic-bezier(.2,.8,.2,1),transform 2s cubic-bezier(.2,.8,.2,1);transform-origin:50% 0}
#mallo-light-opening .world.handoff .light-stage{top:82px;transform:translateX(-50%) scale(.65)}
#mallo-light-opening .world.handoff .actor-position{transform:none}
#mallo-light-opening .world.handoff .ground{transform:none}
#mallo-light-opening .opening{transition:margin-top 2s cubic-bezier(.2,.8,.2,1)}
#mallo-light-opening .world.handoff .opening{margin-top:275px}
#mallo-checkpoint-preview #mallo-light-opening.opening-handoff-veil{display:block!important;position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
#mallo-light-opening.opening-handoff-veil header{visibility:hidden}
@media(max-width:500px){#mallo-light-opening .world.handoff .light-stage{transform:translateX(-50%) scale(.52)}#mallo-light-opening .world.handoff .opening{margin-top:235px}}
#mallo-light-opening a.light-brand{color:inherit;text-decoration:none}#mallo-light-opening a.light-brand:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:3px}