:root{color-scheme:light;--paper:#fff6df;--ink:#364963;--muted:#6e756e;--blue:#bdd8e9;--yellow:#f5d77b;--red:#bb563e;font-family:"Yuanti SC","YouYuan","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(#b3a37c25 .8px,transparent .8px);background-size:9px 9px}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a34b34;outline-offset:6px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%;height:auto}.welcome{max-width:1320px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.story-header{margin:0 6%;height:94px;border-bottom:1.5px solid #36496344;display:flex;align-items:center;gap:18px}.story-brand{font-size:33px;font-weight:bold;letter-spacing:-3px;line-height:1}.story-brand span{display:inline-block;transform:rotate(-9deg)}.story-brand i{color:var(--red);font-style:normal}.story-header p{font-size:11px;letter-spacing:2px}.header-heart{margin-left:auto;font:34px Georgia,serif;color:var(--red);transform:rotate(15deg)}
.welcome-main{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto;column-gap:7%;padding:75px 8% 50px;align-content:center;flex:1}.welcome-copy{align-self:end}.story-eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.5px;font-size:10px;font-weight:bold;line-height:1.8}.story-eyebrow>span{height:8px;width:8px;background:var(--red);border-radius:50%}h1{font-size:clamp(40px,4.7vw,65px);line-height:1.4;letter-spacing:1px;margin-top:22px;position:relative;font-weight:800}h1>span{position:relative;white-space:nowrap;isolation:isolate}h1>span:after{content:"";position:absolute;height:10px;left:0;right:0;background:var(--yellow);bottom:2px;z-index:-1;border-radius:50%;transform:rotate(-2deg)}h1>i{display:inline-block;font-style:normal;color:var(--red);transform:rotate(12deg);margin-left:8px}.welcome-intro{font-size:13px;letter-spacing:1px;line-height:2.1;color:var(--muted);margin-top:19px}.welcome-picture{grid-column:2;grid-row:1/3;position:relative;align-self:center;transform:rotate(3deg);padding:13px;background:#fffdf4;border:2px solid var(--ink);border-radius:13px;box-shadow:8px 9px 0 #dfb86d66}.picture-window{overflow:hidden;border:1.5px solid #36496399;border-radius:5px;background:#e7d6bb;aspect-ratio:3/2}.picture-window img{width:100%;height:100%;object-fit:contain}.picture-tab{position:absolute;top:-20px;left:8%;padding:10px 19px;background:#bad5e6;border:1.5px solid var(--ink);border-radius:5px;z-index:1;font-size:11px;transform:rotate(-6deg)}.picture-sun{position:absolute;top:-62px;right:9px;font:79px Georgia,serif;color:#d09a42;transform:rotate(12deg)}.picture-note{position:absolute;right:-23px;bottom:-25px;width:88px;height:88px;display:grid;place-content:center;text-align:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;font-size:14px;font-weight:bold;line-height:1.6;transform:rotate(-12deg)}
.welcome-action{align-self:start;margin-top:29px}.enter-button{display:inline-flex;gap:35px;align-items:center;justify-content:center;min-height:58px;padding:9px 14px 9px 25px;background:var(--yellow);border:2px solid var(--ink);border-radius:40px;font-weight:bold;font-size:14px;letter-spacing:1px;box-shadow:4px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.enter-arrow{background:#fff9e7;border:1.5px solid var(--ink);width:35px;height:35px;display:grid;place-content:center;border-radius:50%;font-size:22px}.enter-button:hover{transform:translate(-1px,-2px);box-shadow:5px 7px 0 var(--ink)}.enter-button:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.random-hint{font-size:10px;color:var(--muted);margin-top:18px;letter-spacing:.8px}.three-worlds{display:flex;gap:18px;margin-top:32px;font-size:10px;color:#687469;flex-wrap:wrap}.three-worlds>span{display:flex;align-items:center;gap:6px}.three-worlds i{width:9px;height:9px;display:block;border-radius:50%;border:1px solid #36496377}.dot-cartoon{background:#bfd7ed}.dot-painting{background:#d7b4a6}.dot-gallery{background:#d5b16f}.story-footer{text-align:center;padding:27px 20px 26px;border-top:1px solid #36496322;position:relative;margin:0 6%;color:var(--muted)}.story-footer>p{font-size:11px;letter-spacing:2px}.motion-choice{display:inline-flex;align-items:center;gap:6px;font-size:10px;margin-top:14px;min-height:32px;cursor:pointer}.motion-choice input{accent-color:var(--ink);width:14px;height:14px}.no-script{font-size:13px;line-height:2;padding:20px;text-align:center}.no-script a{text-decoration:underline}
.selection{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:80px 20px 40px;overflow:hidden}.selection-back{position:absolute;left:6%;top:28px;font-size:12px;min-height:44px;display:flex;align-items:center}.selection-heading{text-align:center}.selection-heading .story-eyebrow{justify-content:center;color:var(--muted);font-size:9px}.selection-heading h2{font-size:34px;line-height:1.5;margin-top:14px;outline:none}.selection-heading>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);margin-top:15px;min-height:22px}.carousel-space{--card-width:210px;--card-height:303px;--radius:145px;width:100%;max-width:700px;min-height:380px;perspective:1100px;position:relative;display:grid;place-items:center;flex:1;margin:8px 0}.carousel{width:var(--card-width);height:var(--card-height);position:relative;transform-style:preserve-3d;will-change:transform}.album-card{position:absolute;inset:0;backface-visibility:hidden;border:2px solid var(--ink);border-radius:7px 14px 14px 7px;background:#f9df97;padding:20px 18px 15px 25px;box-shadow:inset 6px 0 #00000012,5px 5px 0 #36496355;text-align:center;transform:rotateY(0deg) translateZ(var(--radius))}.album-card:nth-child(2){transform:rotateY(120deg) translateZ(var(--radius))}.album-card:nth-child(3){transform:rotateY(240deg) translateZ(var(--radius))}.album-spine{position:absolute;left:9px;top:0;bottom:0;border-left:1px solid #36496344}.album-card>p{font-size:7px;letter-spacing:1.2px}.album-art{margin:12px 0 13px;height:166px;border:1.5px solid #36496388;border-radius:50% 50% 3px 3px;overflow:hidden;background:#fdf7e7}.album-art img{width:100%;height:100%;object-fit:cover}.album-card h3{font-size:19px;letter-spacing:1px}.album-card>span{font-size:9px;letter-spacing:2px;display:block;margin-top:7px}.album-card>i{position:absolute;bottom:8px;right:11px;font:19px Georgia,serif;color:#b75d43}.album-painting{background:#dce2d2;border-color:#687969;color:#536754}.album-painting .album-art{border-radius:2px;border:6px solid #fcf8ed}.album-painting h3{font-family:"STKaiti","KaiTi",serif;font-size:22px}.album-gallery{background:#673a31;color:#f3ddb6;border-color:#45261f;font-family:"Songti SC","SimSun",serif}.album-gallery .album-art{border:4px double #bc955c;border-radius:0;background:#c6a881}.album-gallery h3{font-weight:400}.album-gallery>i{color:#e2b867}.carousel-shadow{position:absolute;bottom:11px;width:210px;height:20px;background:#7d664b17;filter:blur(5px);border-radius:50%;z-index:-1}.carousel-star{position:absolute;font-family:Georgia,serif}.star-left{left:12%;top:15%;font-size:48px;color:#cfaa59;transform:rotate(-15deg)}.star-right{right:13%;bottom:16%;font-size:58px;color:#b96350;transform:rotate(15deg)}.selection-bottom{text-align:center;min-height:100px}.selection-caption{font-size:12px;letter-spacing:1px;color:var(--muted);margin:10px 0 15px;line-height:1.8}.skip-animation{background:none;border:0;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:5px;padding:13px}.open-album{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;border-radius:24px;border:1.5px solid var(--ink);background:var(--yellow);font-size:12px}.selection.is-selected .album-card:not(.is-picked){visibility:hidden}.selection.is-selected .carousel-star{color:var(--red)}.page-turn{position:fixed;inset:0;background:#c4dce9;z-index:20;display:grid;place-content:center;transform-origin:left center;box-shadow:12px 0 35px #36496333;pointer-events:none}.page-turn>span{text-align:center;font-size:20px;letter-spacing:3px;line-height:2}.page-turn i{display:block;font:60px Georgia,serif;color:var(--red);margin-top:16px}
@media(max-width:700px){.story-header{height:70px;margin:0 24px;gap:14px}.story-brand{font-size:29px}.story-header p{font-size:9px;letter-spacing:1.5px}.header-heart{font-size:28px}.welcome-main{display:flex;flex-direction:column;padding:32px 28px 28px;gap:0}.welcome-copy{align-self:stretch;text-align:center}.welcome-copy .story-eyebrow{justify-content:center;font-size:8px;letter-spacing:2px}h1{font-size:38px;line-height:1.35;letter-spacing:1px;margin-top:12px}h1>i{position:absolute;margin-left:8px;bottom:0}.welcome-intro{font-size:11px;line-height:1.9;margin-top:13px;letter-spacing:.5px}.welcome-picture{grid-column:auto;grid-row:auto;margin:38px 2px 0;padding:8px;align-self:stretch;transform:rotate(2deg);box-shadow:5px 6px 0 #dfb86d66}.picture-tab{font-size:9px;padding:7px 12px;top:-17px;left:7%}.picture-sun{font-size:53px;top:-44px;right:4px}.picture-note{width:61px;height:61px;right:-12px;bottom:-16px;font-size:10px;border-width:1.5px}.welcome-action{text-align:center;align-self:stretch;margin-top:36px}.enter-button{min-height:54px;padding:7px 12px 7px 22px;gap:27px;font-size:13px}.enter-arrow{width:33px;height:33px}.random-hint{font-size:9px;margin-top:17px}.three-worlds{justify-content:center;gap:15px;margin-top:21px;font-size:9px}.story-footer{padding:20px 0 15px;margin:0 24px}.story-footer>p{font-size:10px}.motion-choice{font-size:9px;margin-top:7px}.selection{padding:92px 20px 25px}.selection-back{top:18px;left:23px;font-size:10px}.selection-heading h2{font-size:29px}.selection-heading .story-eyebrow{font-size:7px;letter-spacing:1.8px}.selection-heading>p:last-child{font-size:11px}.carousel-space{--card-width:180px;--card-height:268px;--radius:116px;min-height:335px;perspective:900px;margin-top:6px}.album-card{padding:18px 14px 12px 21px}.album-art{height:142px;margin:11px 0}.album-card h3{font-size:17px}.album-painting h3{font-size:20px}.album-card>span{font-size:8px}.album-card>p{font-size:6px;letter-spacing:.8px}.carousel-shadow{width:170px;bottom:18px}.star-left{left:2%;font-size:33px;top:9%}.star-right{right:1%;font-size:39px;bottom:10%}.selection-bottom{min-height:95px}.selection-caption{font-size:11px}.page-turn>span{font-size:17px}}
@media(max-width:360px){.welcome-main{padding-inline:23px;padding-top:25px}h1{font-size:33px}.welcome-picture{margin-top:34px}.welcome-action{margin-top:32px}.three-worlds{gap:11px}.story-header{margin-inline:20px}.carousel-space{--radius:105px}.selection-heading h2{font-size:27px}}
@media(min-width:701px) and (max-height:750px){.welcome-main{padding-top:45px;padding-bottom:35px}.story-header{height:75px}.story-footer{padding-block:18px}.selection{padding-top:60px}.carousel-space{min-height:350px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.carousel{will-change:auto}}