*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{--paper:#f4f0e7;--ink:#463e43;--accent:#776079;--line:#77607933;margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.9}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}.page-wrap{width:min(1160px,calc(100% - 120px));margin-inline:auto}.art-header{width:calc(100% - 80px);max-width:1360px;height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.return-home{font-size:16px;display:flex;gap:13px;align-items:center}.return-home span{font-size:11px;letter-spacing:2px}.art-page-brand{display:flex;align-items:center;gap:10px}.art-page-brand img{width:34px;border-radius:9px}.art-page-brand span{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:18px}.art-page-brand small{font:8px Arial,sans-serif;letter-spacing:1px;display:block;margin-top:3px;opacity:.6}.header-story-link{font-size:10px;letter-spacing:1px;opacity:.7}.page-intro{padding-top:55px;padding-bottom:52px}.collection-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:var(--accent)}.collection-label>span:last-child{font-size:8px}.intro-layout{display:grid;grid-template-columns:1fr .7fr;gap:80px;padding-top:59px;align-items:end}.page-english{font:9px monospace;letter-spacing:2px;opacity:.5;margin-bottom:22px}h1{font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(46px,5.4vw,74px);font-weight:400;line-height:1.35;letter-spacing:2px}.intro-note{position:relative;padding-bottom:9px}.intro-note>p{font-size:13px;line-height:2.1;color:var(--ink);opacity:.75}.paper-link{font-size:11px;display:inline-flex;gap:35px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-top:26px;color:var(--accent)}.paper-link:hover{border-color:var(--accent)}.page-status{display:inline-block;border:1px solid var(--line);padding:4px 8px;margin-left:17px;font-size:8px;color:var(--accent);border-radius:2px}.paper-stamp{position:absolute;right:0;top:-80px;border:1px solid var(--accent);box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 3px var(--accent);color:var(--accent);width:43px;height:48px;display:grid;place-items:center;font-family:"Songti SC",serif;font-size:16px;writing-mode:vertical-rl;letter-spacing:3px;transform:rotate(7deg);opacity:.8}.art-figure{margin-top:10px;margin-bottom:0}.art-mount{position:relative;padding:10px;background:#faf7ef;box-shadow:0 10px 40px #3728210b;transform:rotate(-.5deg)}.art-mount>img{width:100%;aspect-ratio:1.68;object-fit:cover}.expand-art{position:absolute;bottom:23px;right:23px;border:1px solid #fff8;background:#f8f1e9d9;width:36px;height:36px;border-radius:50%;font-size:20px;color:#4f4942;backdrop-filter:blur(4px)}.expand-art:hover{background:#fff}.art-figure figcaption{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:var(--accent);margin-top:20px;opacity:.65}.story-block{padding-top:100px;padding-bottom:80px}.story-layout{display:grid;grid-template-columns:.9fr 1fr;gap:120px;align-items:center}.story-quote{font-family:"Songti SC",Georgia,serif;font-size:43px;font-weight:400;line-height:1.6;letter-spacing:2px;color:var(--accent);position:relative}.story-quote svg{display:block;width:220px;height:30px;margin-top:3px;opacity:.5}.pencil-label{font-size:9px;letter-spacing:2px;color:var(--accent);opacity:.7}.story-copy h2{font:400 23px/1.6 "Songti SC",Georgia,serif;margin:18px 0 20px}.story-copy p{font-size:12px;line-height:2.2;opacity:.7}.chapter-line{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding-bottom:19px;color:var(--accent)}.chapter-line>span:last-child{font:10px monospace}.journey{padding-top:12px;padding-bottom:85px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px}.journey-step{position:relative;padding-top:7px}.step-no{font:italic 33px Georgia,serif;color:var(--accent);opacity:.45}.journey-step h3{font:400 20px/1.5 "Songti SC",Georgia,serif;margin-top:20px;margin-bottom:13px}.journey-step p{font-size:11px;opacity:.65;line-height:2;max-width:270px}.step-doodle{position:absolute;right:0;top:0;font:40px Georgia,serif;color:var(--accent);opacity:.3}.page-action{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:37px;border-top:1px solid var(--line);padding-block:57px 64px}.action-doodle{font-size:70px;color:var(--accent);opacity:.5}.page-action h2{font:400 29px "Songti SC",Georgia,serif;margin-top:15px}.page-action h2 small{font:13px Arial,sans-serif;opacity:.6;margin-left:12px}.page-action p{font-size:10px;line-height:2.1;opacity:.6;max-width:570px;margin-top:16px}.paper-button{padding:16px 20px;background:var(--accent);color:var(--paper);font-size:11px;display:inline-flex;gap:35px;align-items:center;border-radius:2px;white-space:nowrap;transition:transform .2s}.paper-button:hover{transform:translateY(-3px)}.paper-button:active{transform:scale(.97)}.next-world{width:100%;display:flex;align-items:center;gap:45px;padding:37px max(60px,calc((100vw - 1160px)/2));background:color-mix(in srgb,var(--accent) 7%,var(--paper));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-world-image{width:200px;aspect-ratio:1.6;overflow:hidden;transform:rotate(-3deg);box-shadow:0 4px 13px #2d241c16;border:5px solid #faf5e8}.next-world-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.next-world:hover img{transform:scale(1.05)}.next-world>div>span{font-size:8px;letter-spacing:1.5px;opacity:.5}.next-world h2{font:400 29px "Songti SC",Georgia,serif;margin:13px 0 9px}.next-world h2 small{font:12px Arial,sans-serif;opacity:.5;margin-left:15px}.next-world p{font-size:10px;color:var(--accent)}.next-arrow{margin-left:auto;font-size:37px;font-weight:300;color:var(--accent)}.art-footer{display:flex;justify-content:space-between;align-items:center;padding-block:37px;font-size:9px;gap:25px;color:var(--accent)}.art-footer>span{font-size:8px;opacity:.6}.app-preview{width:min(1160px,calc(100% - 120px));margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:65px 95px 0;background:#e7e2db;overflow:hidden;height:530px;border:1px solid #77607917;margin-bottom:85px;gap:60px}.preview-note{padding-top:45px}.preview-note h2{font:400 31px/1.6 "Songti SC",Georgia,serif;margin-top:20px}.preview-note p{font-size:11px;margin-top:20px;opacity:.6;line-height:2}.preview-phone{width:235px;height:510px;border:6px solid #322d31;border-radius:36px;overflow:hidden;box-shadow:7px 15px 30px #2a1b2225;transform:rotate(6deg);background:#322d31}.preview-phone img{width:100%;border-radius:27px}.art-dialog{border:0;padding:20px;background:var(--paper);width:min(1200px,calc(100% - 32px));max-height:94vh;border-radius:3px;color:var(--ink);overflow:auto}.art-dialog::backdrop{background:#191614df;backdrop-filter:blur(8px)}.art-dialog>img{width:100%;height:auto;max-height:82vh;object-fit:contain}.art-dialog p{text-align:center;font-size:9px;padding:15px 0 0;opacity:.6}.close-art{position:fixed;right:25px;top:16px;border:0;border-radius:50%;width:40px;height:40px;background:var(--paper);font-size:27px;z-index:2;box-shadow:0 0 15px #0002}.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:100}.skip{position:fixed;top:-70px;left:20px;padding:10px;background:var(--paper);z-index:10}.skip:focus{top:10px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.in-view){opacity:0;transform:translateY(22px)}.motion-ready .reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.no-motion .reveal{opacity:1!important;transform:none!important;transition:none!important}
.theme-cook{--paper:#f8f0dc;--ink:#55422e;--accent:#b65034;--line:#b6503433}.theme-cook h1{font-family:"Songti SC",Georgia,serif;font-weight:600;letter-spacing:1px}.theme-cook .art-mount{transform:rotate(.7deg);background:#fff8e5;box-shadow:7px 8px 0 #cc9b5433}.theme-cook .paper-stamp{transform:rotate(-8deg);border-radius:50%;width:49px;height:49px;writing-mode:horizontal-tb;letter-spacing:0;font-size:15px}.theme-cook .step-no{color:#c59335}.theme-voyager{--paper:#eee8d9;--ink:#263f3d;--accent:#a94732;--line:#6b6a4d3b}.theme-voyager .art-mount{padding:0;border-block:5px solid #737666;transform:none}.theme-voyager .art-figure{width:100%;max-width:none}.theme-voyager .art-mount>img{aspect-ratio:1.9;object-position:center 53%}.theme-voyager .art-figure figcaption{width:min(1160px,calc(100% - 120px));margin-inline:auto}.theme-voyager .story-quote{color:#33534e}.theme-voyager .step-no{color:#55746c}.theme-voyager h1{letter-spacing:4px}.theme-voyager .next-world-image{border-color:#e7decb}.theme-veripic{--paper:#e0c7a5;--ink:#4b3023;--accent:#8d3e26;--line:#75432f42;background-image:radial-gradient(#aa865514 .8px,transparent .8px);background-size:5px 5px}.theme-veripic .art-mount{padding:0;transform:none;box-shadow:0 12px 35px #4c281c30;clip-path:polygon(0 1%,16% 0,33% 1%,52% 0,71% 1%,88% 0,100% 1%,99.8% 98%,82% 100%,61% 99%,45% 100%,27% 99%,0 100%)}.theme-veripic .paper-stamp{border-radius:50%;writing-mode:horizontal-tb;box-shadow:none;width:52px;height:52px;letter-spacing:0;font-size:14px}.theme-veripic h1{font-weight:600}.theme-veripic .art-mount>img{aspect-ratio:1.85}.theme-veripic .journey-step h3{font-weight:600}.theme-mail{--paper:#f4f1e9;--ink:#3e4345;--accent:#5d7685;--line:#5d768533}.theme-mail .art-mount{transform:rotate(.4deg);border:1px solid #75848b33;padding:9px;box-shadow:9px 9px 0 #7e8b9020}.theme-mail .story-quote{font-style:italic}.theme-mail .paper-stamp{border-color:#5d768599;transform:rotate(-5deg)}
@media(max-width:1000px){.page-wrap{width:calc(100% - 72px)}.intro-layout{gap:40px;grid-template-columns:1fr .8fr}h1{font-size:57px}.story-layout{gap:70px}.story-quote{font-size:35px}.journey-grid{gap:35px}.page-action{grid-template-columns:60px 1fr;gap:24px}.page-action .paper-button{grid-column:2;width:max-content}.action-doodle{font-size:57px;align-self:start;margin-top:35px}.app-preview{width:calc(100% - 72px);padding:50px 60px 0;height:490px;gap:30px}.preview-note h2{font-size:27px}.preview-phone{width:205px}.theme-voyager .art-figure figcaption{width:calc(100% - 72px)}}
@media(max-width:700px){.page-wrap{width:calc(100% - 42px)}.art-header{width:calc(100% - 36px);height:78px;gap:15px}.return-home{font-size:14px;gap:7px}.return-home span{font-size:9px;letter-spacing:.5px}.art-page-brand img{width:28px;border-radius:7px}.art-page-brand span{font-size:15px}.art-page-brand small{font-size:7px}.art-page-brand{gap:8px}.header-story-link{font-size:8px;letter-spacing:0}.page-intro{padding-top:31px;padding-bottom:32px}.collection-label{font-size:8px;letter-spacing:.7px}.collection-label>span:last-child{font-size:7px}.intro-layout{display:block;padding-top:39px}.page-english{font-size:7px;letter-spacing:1.2px;margin-bottom:20px}h1{font-size:clamp(35px,11vw,59px);letter-spacing:0;line-height:1.4}.intro-note{padding-top:27px;padding-bottom:0}.intro-note>p{font-size:11px;line-height:2}.paper-stamp{top:27px;right:5px;width:35px;height:42px;font-size:13px;opacity:.55}.paper-link{font-size:10px;margin-top:22px;gap:24px}.page-status{font-size:7px;margin-left:14px;padding:4px 7px}.art-figure{margin-top:5px}.art-mount{padding:6px}.art-mount>img{aspect-ratio:1.2;object-position:center}.art-figure figcaption{font-size:6px;letter-spacing:.5px;margin-top:14px;gap:15px}.expand-art{width:30px;height:30px;font-size:18px;bottom:15px;right:15px}.story-block{padding-top:60px;padding-bottom:55px}.story-layout{grid-template-columns:1fr;gap:35px}.story-quote{font-size:32px;line-height:1.6;letter-spacing:1px}.story-quote svg{width:180px}.story-copy h2{font-size:21px;margin-block:15px}.story-copy p{font-size:11px}.pencil-label{font-size:8px;letter-spacing:1.2px}.chapter-line{font-size:9px;padding-bottom:17px}.chapter-line>span:last-child{font-size:9px}.journey{padding-top:5px;padding-bottom:50px}.journey-grid{grid-template-columns:1fr;gap:27px;margin-top:28px}.journey-step{padding-left:52px;padding-bottom:27px;border-bottom:1px dashed var(--line);padding-top:0}.journey-step:last-child{border:0;padding-bottom:0}.step-no{position:absolute;left:0;top:0;font-size:27px}.journey-step h3{font-size:19px;margin-top:0;margin-bottom:10px}.journey-step p{max-width:none;font-size:11px;padding-right:20px}.step-doodle{right:0;top:0;font-size:27px;opacity:.22}.page-action{grid-template-columns:1fr;padding-block:35px 45px;gap:25px}.action-doodle{display:none}.page-action .paper-button{grid-column:1;font-size:11px}.page-action h2{font-size:27px;margin-top:15px}.page-action h2 small{font-size:12px}.page-action p{font-size:10px;line-height:2}.next-world{gap:20px;padding:28px 21px;align-items:center}.next-world-image{width:110px;flex-shrink:0;aspect-ratio:1.1;border-width:3px}.next-world>div>span{font-size:7px;letter-spacing:.4px}.next-world h2{font-size:22px;margin-block:12px 7px}.next-world h2 small{font-size:9px;display:block;margin:4px 0 0}.next-world p{font-size:9px}.next-arrow{font-size:25px}.art-footer{padding-block:27px;font-size:8px;gap:20px;flex-wrap:wrap}.art-footer>span{font-size:7px;order:3;width:100%}.art-footer>a:last-child{margin-left:auto}.app-preview{width:calc(100% - 42px);grid-template-columns:1fr;padding:35px 27px 0;height:700px;gap:32px;margin-bottom:50px}.preview-note{padding-top:0}.preview-note h2{font-size:28px;margin-top:15px}.preview-note p{font-size:10px;margin-top:15px}.preview-note .paper-link{margin-top:18px}.preview-phone{width:200px;justify-self:center;transform:rotate(5deg);border-radius:31px}.preview-phone img{border-radius:24px}.theme-voyager .art-figure figcaption{width:calc(100% - 42px)}.theme-voyager .art-mount>img{aspect-ratio:1.1;object-position:57% center}.theme-voyager h1{letter-spacing:1px}.theme-cook .paper-stamp{width:42px;height:42px;font-size:12px}.theme-veripic .paper-stamp{width:42px;height:42px;font-size:12px}.theme-veripic .art-mount>img{aspect-ratio:1.15;object-position:52% center}.art-dialog{padding:8px}.art-dialog>img{max-height:84vh}.art-dialog p{font-size:7px;padding:13px}.close-art{right:12px;top:12px;width:34px;height:34px;font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none!important}.motion-ready .reveal:not(.in-view){opacity:1;transform:none}.paper-button,.next-world-image img{transition:none}}
