.lu{--lu-night:#0d1638;--lu-dusk:#4a2f7a;--lu-gold:#ffd76a;--lu-cream:#fff8ea;--lu-ink:#1d2545;--lu-mist:#e6e9ff;background:var(--lu-night);color:var(--lu-cream)}.lu h1,.lu h2,.lu h3{font-family:var(--font-display)}.lu-hero{background:var(--lu-night);animation:14s ease-in-out infinite alternate lu-sky;position:relative;overflow:hidden}.lu-scene{pointer-events:none;position:absolute;inset:0}.lu-sun{aspect-ratio:1;opacity:0;background:#ff9d5c;border-radius:50%;width:clamp(5rem,14vw,9rem);animation:14s ease-in-out infinite alternate lu-sunset;position:absolute;top:46%;left:8%;transform:translateY(14rem);box-shadow:0 0 70px 26px #ff9d5c73}.lu-moon{aspect-ratio:1;width:3.7rem;translate:calc(var(--px,0) * -26px) calc(var(--py,0) * -16px);background:#ffe9a8;border-radius:50%;transition:translate .3s ease-out;animation:14s ease-in-out infinite alternate lu-moonrise;position:absolute;top:4.7rem;right:-1.1rem;box-shadow:0 0 60px 20px #ffe9a866,inset -10px -8px #d6b46059}.lu-stars{translate:calc(var(--px,0) * -12px) calc(var(--py,0) * -8px);transition:translate .3s ease-out;animation:14s ease-in-out infinite alternate lu-stars-in;position:absolute;inset:0}.lu-star{background:#fff6d6;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite lu-twinkle;position:absolute;box-shadow:0 0 6px 1px #fff6d6b3}.lu-shoot{opacity:0;background:linear-gradient(90deg,#0000,#fff);border-radius:2px;width:90px;height:2px;animation:9s ease-in 4s infinite lu-shoot;position:absolute;top:12%;left:20%}.lu-cloud{opacity:.35;background:#2a376b;border-radius:9999px;height:2rem;animation:60s linear infinite lu-drift;position:absolute;left:0}.lu-hill{translate:calc(var(--px,0) * 18px) 0;border-radius:50%;transition:translate .3s ease-out;position:absolute}.lu-hill-a{background:#1b2a63;width:80%;height:16rem;animation:16s ease-in-out infinite lu-sway;bottom:-9rem;left:-20%}.lu-hill-b{background:#24367c;width:95%;height:17rem;animation:20s ease-in-out infinite reverse lu-sway;bottom:-10rem;right:-25%}.lu-house{background:#0b1230;width:3.4rem;height:2.6rem;position:absolute;bottom:5.4rem;right:16%}.lu-house:before{content:"";border-bottom:1.9rem solid #0b1230;border-left:2.2rem solid #0000;border-right:2.2rem solid #0000;position:absolute;bottom:100%;left:-.5rem}.lu-house:after{content:"";background:var(--lu-gold);border-radius:3px;width:1.1rem;height:1.1rem;animation:14s ease-in-out infinite alternate lu-lamp;position:absolute;top:.6rem;left:1.1rem;box-shadow:0 0 18px 6px #ffd76ab3}@keyframes lu-sky{0%{background:var(--lu-dusk)}45%,to{background:var(--lu-night)}}@keyframes lu-sunset{0%{opacity:1;transform:translateY(0)}55%,to{opacity:0;transform:translateY(14rem)}}@keyframes lu-moonrise{0%,30%{opacity:0;transform:translateY(11rem)}to{opacity:1;transform:translateY(0)}}@keyframes lu-stars-in{0%,35%{opacity:0}to{opacity:1}}@keyframes lu-twinkle{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes lu-shoot{0%,90%{opacity:0;transform:translate(0)rotate(24deg)}92%{opacity:1}to{opacity:0;transform:translate(240px,110px)rotate(24deg)}}@keyframes lu-drift{0%{transform:translate(-12rem)}to{transform:translate(100vw)}}@keyframes lu-sway{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}@keyframes lu-lamp{0%,45%{box-shadow:none;background:#2a2350}60%,to{background:var(--lu-gold);box-shadow:0 0 18px 6px #ffd76ab3}}.lu-in{animation:.8s cubic-bezier(.2,1,.3,1) both lu-in}@keyframes lu-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.lu-book-wrap{perspective:1400px;width:min(100%,26rem);margin-inline:auto;animation:7s ease-in-out infinite lu-hover;position:relative}.lu-book{background:var(--lu-cream);color:var(--lu-ink);transform:rotateY(calc(var(--px,0) * -7deg)) rotateX(calc(var(--py,0) * 5deg));border-radius:1.6rem;flex-direction:column;gap:1rem;padding:1.1rem;transition:transform .25s ease-out;display:flex;position:relative;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.lu-spread{gap:1rem;display:grid;position:relative}.lu-page-pic{aspect-ratio:4/3;object-fit:cover;border-radius:1rem;width:100%;height:100%}.lu-right-under{perspective:1100px;background:#efe3c4;border-radius:1rem}.lu-page{background:var(--lu-cream);transform-origin:0;border-radius:1rem;height:100%;padding:.7rem .6rem;transition:transform .85s cubic-bezier(.5,0,.3,1),opacity .25s .6s;animation:.45s both lu-page-in}.lu-page-turn{opacity:0;transform:rotateY(-104deg)}@keyframes lu-page-in{0%{opacity:0}to{opacity:1}}.lu-line{min-height:12.5rem;font-family:var(--font-display);flex-wrap:wrap;align-content:flex-start;gap:.1rem;font-size:clamp(1.3rem,5.2vw,1.55rem);font-weight:600;line-height:1.4;display:flex}.lu-word{cursor:pointer;border-radius:.5rem;padding:.05rem .3rem;transition:background .18s,box-shadow .18s,color .18s}.lu-word-on{background:var(--lu-gold);box-shadow:0 0 18px 5px #ffd76abf}.lu-word-done{color:#1d25458c}.lu-player{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lu-play{background:var(--lu-ink);width:3.5rem;height:3.5rem;color:var(--lu-gold);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lu-play-invite{animation:1.8s ease-out infinite lu-invite}.lu-wave{flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.lu-wave i{background:var(--lu-ink);border-radius:3px;width:5px;height:28px;animation:.9s ease-in-out infinite lu-wave}.lu-wave-still i{animation:none;transform:scaleY(.3)}.lu-firefly{z-index:2;pointer-events:none;background:#ffe27a;border-radius:50%;width:7px;height:7px;animation:5s ease-in-out infinite lu-fly;position:absolute;box-shadow:0 0 10px 4px #ffe27acc}@keyframes lu-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lu-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes lu-fly{0%{opacity:0;transform:translate(0)}20%,80%{opacity:1}to{opacity:0;transform:translate(26px,-90px)}}@keyframes lu-invite{0%{box-shadow:0 0 #1d254580}to{box-shadow:0 0 0 18px #1d254500}}@media (min-width:1024px){.lu-book-wrap{width:min(100%,46rem)}.lu-book{border-radius:2rem;padding:1.5rem}.lu-spread{grid-template-columns:1fr 1fr;gap:2rem}.lu-spread:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#78602829 45%,#78602847 50%,#78602829 55%,#0000);width:2rem;position:absolute;top:-.5rem;bottom:-.5rem;left:50%;translate:-50%}.lu-page-pic{aspect-ratio:4/5}.lu-page{padding:1.2rem 1rem}.lu-line{min-height:0;font-size:1.6rem;line-height:1.5}.lu-moon{width:9.5rem;top:12%;right:1.5%}.lu-cover{width:13rem}}.lu-pic-in{animation:.5s both lu-page-in}.lu-page{flex-direction:column;justify-content:space-between;animation:.55s cubic-bezier(.3,.9,.3,1) both lu-leaf;display:flex}@keyframes lu-leaf{0%{opacity:0;transform:rotateY(-70deg)}to{opacity:1;transform:none}}.lu-pageno{text-align:right;color:#1d254580;margin-top:.4rem;font-size:.85rem;font-weight:800}.lu-range{width:100%;height:1.75rem;accent-color:var(--lu-ink);cursor:pointer}.lu-ctrl{width:2.75rem;height:2.75rem;color:var(--lu-ink);cursor:pointer;background:#1d25451a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lu-ctrl:disabled{opacity:.35;cursor:default}.lu-hint{text-align:center;color:#1d2545b3;margin-top:-.4rem;font-size:.85rem;font-weight:800;line-height:1.2}.lu-speed{cursor:pointer;background:#1d25451a;border-radius:9999px;flex-shrink:0;min-width:3.25rem;min-height:2.75rem;padding:0 .6rem;font-weight:800}.lu-done{z-index:3;border-radius:inherit;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fff8eaf0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;animation:.4s both lu-page-in;display:flex;position:absolute;inset:0}.lu-story{background:radial-gradient(120% 60% at 50% 0%, #2a2466 0%, var(--lu-night) 60%);min-height:100dvh}.lu-cta{background:var(--lu-gold);min-height:3.5rem;color:var(--lu-ink);font-family:var(--font-display);border-radius:1.1rem;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:1.25rem;font-weight:800;transition:transform .1s;animation:2.4s ease-out infinite lu-glow;display:inline-flex}.lu-cta:active{transform:translateY(2px)}.lu-cta-plain{background:var(--lu-cream);min-height:3.25rem;color:var(--lu-ink);font-family:var(--font-display);cursor:pointer;border-radius:1.1rem;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:1.1rem;font-weight:800;display:inline-flex}@keyframes lu-glow{0%,to{box-shadow:0 0 #ffd76a99}50%{box-shadow:0 0 0 16px #ffd76a00}}.lu-wall{perspective:900px;padding-block:1.5rem;overflow:hidden}.lu-wall-tilt{transform-origin:0;flex-direction:column;gap:.9rem;display:flex;transform:rotateY(-14deg)rotate(-2deg)scale(1.08)}.lu-row{gap:.9rem;width:max-content;animation:38s linear infinite lu-slide;display:flex}.lu-row-back{animation-duration:46s;animation-direction:reverse}.lu-wall:hover .lu-row{animation-play-state:paused}.lu-cover{aspect-ratio:3/4;border-radius:1rem;flex-shrink:0;width:clamp(7.5rem,30vw,10.5rem);position:relative;overflow:hidden;box-shadow:0 10px 24px #00000073,inset 0 0 0 3px #fff3}.lu-cover img{object-fit:cover;width:100%;height:100%}.lu-cover span{color:#fff;font-family:var(--font-display);background:linear-gradient(#0000,#080c22e0);padding:1.6rem .7rem .55rem;font-size:1rem;font-weight:800;line-height:1.1;position:absolute;inset:auto 0 0}@keyframes lu-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.lu-card{background:#ffffff12;border:1.5px solid #ffffff24;border-radius:1.5rem}.lu-price{background:var(--lu-cream);color:var(--lu-ink);border-radius:1.5rem}