:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#e4ded8;background:#111015;font-synthesis:none;scroll-behavior:smooth;--accent:#e8b38e;--muted:#96919d;--line:#ffffff16;--opening:0;--progress:0}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{color:inherit}::selection{background:#b67c604d;color:#fff2db}.universe{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 72% 40%,#31243155,transparent 55%)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.9' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;height:2px;width:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left;z-index:30}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:35px 5%;z-index:12}.brand{font-family:Georgia,serif;font-size:27px;letter-spacing:1px}.brand span{display:block;font-family:sans-serif;font-size:7px;letter-spacing:3.3px;margin-top:9px;color:#a79c9f}.menu-toggle{border:1px solid #ffffff26;background:#14121780;border-radius:30px;font-size:11px;letter-spacing:1px;padding:13px 21px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#chapter-menu{position:absolute;z-index:13;right:5%;top:110px;background:#201c23f5;border:1px solid #ffffff20;border-radius:5px;padding:15px 25px;width:320px;box-shadow:0 20px 70px #0008}#chapter-menu a{display:flex;align-items:center;gap:20px;font-size:13px;border-bottom:1px solid var(--line);padding:15px 0}#chapter-menu a:last-child{border:0}#chapter-menu a>span:first-child{font-size:10px;color:var(--accent)}#chapter-menu a>span:last-child{margin-left:auto;color:#b09a92}.chapter-rail{position:fixed;z-index:10;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:19px}.chapter-rail a{width:18px;height:12px;display:flex;align-items:center;justify-content:center}.chapter-rail i{width:3px;height:3px;border-radius:50%;background:#a499ab66;transition:.3s}.chapter-rail [aria-current] i{width:7px;height:7px;background:var(--accent);box-shadow:0 0 15px #e8b38e66}.chapter-rail span{position:absolute;right:25px;font-size:10px;white-space:nowrap;opacity:0;background:#18151ed9;padding:6px 8px;pointer-events:none}.chapter-rail a:hover span,.chapter-rail a:focus-visible span{opacity:1}main,footer{position:relative;z-index:1}.opening{height:135svh;min-height:950px}.hero-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden}.hero-content{width:min(1180px,85%);margin:0 auto;padding-top:clamp(160px,21vh,235px);position:relative;z-index:3;opacity:calc(1 - var(--opening)*1.1);transform:translateY(calc(var(--opening)*-65px))}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:400;color:var(--accent);line-height:1.7;margin:0 0 35px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:12px;box-shadow:0 0 14px #ffbd8b88}.hero-preface{font-size:12px;line-height:2.2;color:#b3a3af;margin:0 0 24px}h1,h2,h3{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-weight:400}h1{font-size:clamp(52px,6.9vw,108px);line-height:1.3;letter-spacing:7px;margin:0 0 45px}.accent{color:var(--accent)}.period{color:#c39b7d}.hero-bottom{display:flex;gap:65px;align-items:center}.hero-bottom>p{font-size:12px;color:#aba0ad;line-height:2.2}.round-link{display:inline-flex;align-items:center;gap:25px;background:transparent;border:0;padding:0;font-size:11px;letter-spacing:1px}.round-link i{font-size:20px;font-style:normal;width:49px;height:49px;border:1px solid #e0c3aa55;display:grid;place-items:center;border-radius:50%;transition:background .3s,transform .3s}.round-link:hover i{background:#dca57d22;transform:rotate(-12deg)}.hero-caption{position:absolute;bottom:33px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#998999;opacity:calc(1 - var(--opening))}.hero-caption>span:last-child{font-size:10px;letter-spacing:1px}.hero-caption i{font-style:normal;margin-left:30px}.vertical-note{position:absolute;right:32px;top:50%;writing-mode:vertical-rl;color:#8b7c8c;font-size:7px;letter-spacing:3px}.celestial{position:absolute;right:7%;top:22%;width:min(43vw,620px);height:min(43vw,620px);transform:scale(calc(1 + var(--opening)*1.2)) rotate(calc(var(--opening)*15deg));opacity:calc(1 - var(--opening)*.65)}.planet{position:absolute;width:58%;height:58%;left:21%;top:21%;border-radius:50%;background:radial-gradient(circle at 26% 22%,#eac4a4 0,#b78a78 18%,#785666 38%,#34283f 64%,#15131e 85%);box-shadow:inset -35px -20px 65px #05050dc4,-8px -7px 25px #e8b58c12,0 0 100px #9c626e1a}.planet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-linear-gradient(160deg,transparent 0 13px,#d7b19310 17px,transparent 23px);mix-blend-mode:overlay}.halo{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #c8a89426;border-radius:50%;transform:rotate(-25deg) scaleY(.37);box-shadow:0 0 10px #e6ad7810}.halo-one{top:-12%;right:-12%;bottom:-12%;left:-12%;border-width:2px;transform:rotate(-25deg) scaleY(.42);z-index:1;-webkit-mask-image:linear-gradient(transparent 0%,#000 60%);mask-image:linear-gradient(transparent 0%,#000 60%)}.halo-two{top:-25%;right:-25%;bottom:-25%;left:-25%;border-style:dashed;transform:rotate(-25deg) scaleY(.55);opacity:.6}.planet-label{position:absolute;bottom:4%;right:5%;font:8px monospace;letter-spacing:2px;color:#b19592}.satellite{position:absolute;top:5%;right:20%;color:#f6dab5;animation:twinkle 5s ease-in-out infinite}.intro-1{animation:intro 1.1s both .1s}.intro-2{animation:intro 1.2s both .3s}.intro-3{animation:intro 1.2s both .6s}.chapter{padding:125px max(8%,calc((100% - 1120px)/2));scroll-margin-top:25px;position:relative}.chapter-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:50px}.chapter-top .eyebrow{margin-bottom:0}.chapter-note{font-size:10px;letter-spacing:1px;color:#887d89}h2{font-size:clamp(32px,4vw,58px);line-height:1.55;letter-spacing:3px;margin:0 0 30px}.chapter-deck{font-size:13px;line-height:2.2;color:#a094a4}.beginning{background:linear-gradient(#17141cde,#1b1720f5);border-top:1px solid var(--line)}.intro-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}.people{display:flex;gap:28px;margin-top:50px}.person{text-align:center;font-size:11px}.person>span{display:block;margin:14px 0 6px}.person small{font-size:8px;color:#786d7d}.avatar{width:65px;height:65px;border-radius:50%;border:1px solid #dcb79c3b;background:radial-gradient(circle at 30% 20%,#5e485b,#26202e);display:grid;place-items:center;color:#dfc6b3;font:25px serif;box-shadow:0 0 0 6px #d3a78805}.avatar-1{background:radial-gradient(circle at 25% 25%,#6a5558,#2b232d)}.avatar-2{background:radial-gradient(circle at 25% 25%,#5c5966,#282533)}.avatar-3{background:radial-gradient(circle at 25% 25%,#4b465c,#25212e)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.asset-note{font-size:9px;color:#7c707e;line-height:1.8;margin-top:25px}.prose{font-size:13px;line-height:2.45;color:#b2a6b5;letter-spacing:.35px}.prose>p{margin:0 0 23px}.prose .authorship{font-size:8px;letter-spacing:2px;color:#7e727f;margin-bottom:23px}.text-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:transparent;border:0;border-bottom:1px solid #d0ac9740;padding:9px 0;color:#c3a58f;font-size:11px;line-height:1.8}.text-button:hover{color:#f4caa7}.chapter-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:70px;padding-top:25px;font-size:10px;letter-spacing:2px;color:#7f7283}.chapter-end span{font-size:9px;letter-spacing:2px}.closer-scene{position:relative;padding-bottom:100px;background:linear-gradient(#19151d,#17141dba 50%,#17141d);min-height:150svh;scroll-margin-top:20px}.closer-sticky{height:85svh;min-height:640px;position:sticky;top:0;display:grid;align-content:center;padding:80px max(8%,calc((100% - 1120px)/2));overflow:hidden}.closer-copy{position:relative;z-index:2;width:65%;pointer-events:none}.closer-copy>p:last-child{font-size:13px;line-height:2.2;color:#a696aa}.connection-art{position:absolute;width:650px;height:450px;right:-50px;top:17%;opacity:.8;transform:rotate(-20deg)}.light-orb{position:absolute;top:30%;width:140px;height:140px;border-radius:50%;box-shadow:0 0 80px #d4a99033}.orb-left{left:20%;background:radial-gradient(circle at 25% 20%,#e2bea2,#84627a 40%,#2f253e 80%);animation:breathe 6s ease-in-out infinite}.orb-right{right:10%;width:180px;height:180px;top:25%;background:radial-gradient(circle at 25% 20%,#f2cba5,#aa797b 40%,#3b283f 80%);animation:breathe 6s ease-in-out infinite 2s}.connection-line{position:absolute;left:27%;top:44%;width:55%;height:1px;background:linear-gradient(90deg,#d0b1a1,transparent,#d0b1a1);box-shadow:0 0 15px #e2a388}.orb-name{position:absolute;top:72%;font-size:10px;letter-spacing:2px;transform:rotate(20deg);color:#ba9f9d}.name-left{left:28%}.name-right{right:20%}.distance-note{position:absolute;left:35%;top:15%;font-size:8px;letter-spacing:3px;color:#725d74}.closer-letter{position:relative;z-index:3;margin:0 max(8%,calc((100% - 1120px)/2));margin-left:45%;max-width:570px;padding:35px 40px;background:#1b1722eb;border:1px solid #d4b39f1c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.margin-note{display:block;font:16px serif;letter-spacing:2px;color:#d9b59b;margin-bottom:25px}.words{background:#18141ff0}.words-heading{display:flex;justify-content:space-between;align-items:baseline}.words-heading>p{font-size:11px;line-height:2.2;color:#918096}.quote-room{position:relative;margin-top:50px;padding:65px 60px 25px;border:1px solid #d2b29b29;background:radial-gradient(ellipse at 50% 0%,#6240542b,transparent 80%),#ffffff02}.quotation{font:130px Georgia;color:#c9a0831f;position:absolute;left:30px;top:5px}.quote-content{min-height:220px;position:relative;animation:intro .6s}.quote-source{font-size:10px;color:#9a8094;letter-spacing:2px}.quote{font-family:Songti SC,serif;font-size:clamp(30px,4.3vw,62px);line-height:1.6;letter-spacing:4px;white-space:pre-line;color:#efdfd2}.quote-final{font-size:clamp(26px,3.2vw,44px)}.quote-reply{font-size:12px;color:#9e8da3;line-height:2.2;max-width:630px;margin-top:20px}.quote-controls{display:flex;align-items:center;justify-content:space-between;padding-top:30px;border-top:1px solid var(--line)}.quote-controls>span{font:22px Georgia;color:#d2b096}.quote-controls>span i{font:10px sans-serif;font-style:normal;margin-left:10px;color:#75677f}.quote-trail{display:flex;gap:25px;margin-top:25px}.quote-trail button{background:none;border:0;color:#66586e;letter-spacing:1px;font-size:10px;padding:10px 0}.quote-trail .heard{color:#b298a4}.source-note{font-size:9px;color:#74677a;line-height:1.9;margin-top:25px}.secret{text-align:center;background:linear-gradient(#211a25ee,#19151bf5);overflow:hidden}.secret h2{font-size:clamp(32px,4vw,54px)}.mail-stage{margin:90px auto 40px;max-width:540px;position:relative}.envelope-wrap{position:relative;width:min(460px,100%);height:290px;margin:auto;perspective:1000px;isolation:isolate}.envelope{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:linear-gradient(145deg,#cbaa8c,#a57e68);box-shadow:0 30px 75px #0005;isolation:isolate}.envelope-flap{position:absolute;top:0;right:0;bottom:0;left:0;background:#d7b699;clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:top;transition:transform .7s,z-index .7s;z-index:4}.envelope-fold{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#b68e74,#d3b091);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);z-index:2}.seal{position:absolute;left:calc(50% - 25px);top:45%;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font:italic 27px Georgia;background:radial-gradient(circle at 25% 25%,#8f4c48,#602c31);color:#c78e76;box-shadow:0 4px 10px #612b3155,inset 0 0 0 3px #d2937930;z-index:5;transition:opacity .3s}.envelope-label{position:absolute;z-index:3;bottom:22px;left:0;right:0;font:13px serif;letter-spacing:3px;color:#654534}.envelope-label small{display:block;font:9px sans-serif;letter-spacing:1px;margin-top:12px}.letter-peek{position:absolute;top:15px;left:7%;width:86%;height:200px;background:#e7d8c4;text-align:left;padding:30px;font:16px/2.5 serif;color:#8e7162;transition:transform .8s .15s;z-index:0}.opened .envelope-flap{transform:rotateX(180deg);z-index:-1}.opened .seal{opacity:0}.opened .letter-peek{transform:translateY(-65px) rotate(-3deg)}.mail-scribble{display:block;font-family:serif;font-size:12px;color:#987c80;transform:rotate(-4deg);margin-top:35px;letter-spacing:1px}.letter-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s;scroll-margin-top:40px;overflow:hidden}.letter-reveal[hidden]{display:none}.letter-reveal.is-open{grid-template-rows:1fr}.paper{min-height:0;overflow:hidden;max-width:700px;width:100%;margin:auto;text-align:left;background:#e8ddcb;color:#55463e;box-shadow:0 30px 80px #0004}.is-open .paper{padding:45px 60px;margin-top:50px}.paper-heading{display:flex;justify-content:space-between;border-bottom:1px solid #8e786548;padding-bottom:20px;font-size:9px;letter-spacing:2px;color:#9c8068}.paper-heading span:last-child{font-size:7px}.paper h3{font-size:24px;margin:35px 0 25px}.paper .prose{color:#756255}.paper .authorship{color:#ac9682}.paper-note{font-size:9px;color:#a28a77;line-height:2}.signature{font-family:Songti SC,serif;font-size:22px;letter-spacing:3px;color:var(--accent);margin:40px 0}.paper .signature{color:#82604b;font-size:19px;text-align:right}.collection{background:#17151cf5}.collection-heading{display:flex;justify-content:space-between;align-items:center}.collection-heading>div>p{font-size:12px;line-height:2.2;color:#928499}.collection-count{display:block;color:#796b81;font-size:8px;letter-spacing:1px;margin-top:24px}.collection-count b{font:28px Georgia;color:#d1ae93;margin:0 8px 0 20px}.equipment{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.equip{position:relative;text-align:left;background:linear-gradient(145deg,#302735,#1d1a25);border:1px solid #d5bcae1c;border-radius:3px;padding:22px;color:inherit;transition:border-color .4s,transform .4s;overflow:hidden}.equip:hover{transform:translateY(-10px);border-color:#d5bcae66}.equip.collected{border-color:#cfa47a88;background:linear-gradient(145deg,#40303a,#241d29)}.equip-top{display:flex;justify-content:space-between;color:#9f8798;font-size:8px;letter-spacing:1px}.equip-top span:last-child{font-size:15px}.object-art{height:210px;position:relative;display:grid;place-items:center;perspective:500px}.courage i{position:absolute;width:80px;height:80px;transform:rotate(45deg);border:1px solid #e4bb9c;box-shadow:inset 0 0 30px #d29d7d33,0 0 40px #d29d7d11;background:linear-gradient(135deg,#eac8a650,#50384755)}.courage i:nth-child(2){transform:rotate(45deg) scale(.65);opacity:.6}.courage i:nth-child(3){transform:rotate(45deg) scale(1.3);opacity:.15}.heart i{position:absolute;width:73px;height:100px;border-radius:50% 50% 20% 20%;background:linear-gradient(130deg,#dcad9d,#7d586c);transform:translate(-15px) rotate(-45deg);opacity:.85;box-shadow:0 0 40px #c8949520}.heart i:nth-child(2){transform:translate(15px) rotate(45deg);background:linear-gradient(45deg,#9b7183,#d6b09c)}.heart i:nth-child(3){width:130px;height:130px;border:1px solid #d6b09c33;background:transparent;border-radius:50%;transform:none;box-shadow:none}.rest i{position:absolute;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e4c49f,#ac8b82 55%,#69506c);box-shadow:0 0 55px #c9a59433}.rest i:nth-child(2){width:140px;height:140px;background:transparent;border:1px solid #c9a59433;transform:rotateX(65deg) rotate(-30deg)}.rest i:nth-child(3){width:170px;height:170px;background:transparent;border:1px solid #c9a59418;transform:rotateX(65deg) rotate(-30deg)}.equip-tag{font-size:8px;letter-spacing:3px;color:#a98b7b}.equip h3{font-size:24px;letter-spacing:2px;margin:18px 0}.equip>p{font-size:11px;line-height:2.2;color:#9f8fa6;min-height:74px}.equip-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:#c0a18d;font-size:10px}.equip-action>span{font-size:17px}.everyday{background:#211b23f5;overflow:hidden}.everyday-heading{display:flex;align-items:center;justify-content:space-between}.everyday-heading>p{font-size:12px;line-height:2.2;color:#a58c99}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:70px 10px}.photo-card{margin:0;background:#cdbba6;padding:13px;box-shadow:0 25px 70px #0003;color:#6e5349;transform:rotate(-4deg)}.photo-card.visible{transform:rotate(-4deg)}.photo-card.photo-1{margin-top:65px;transform:rotate(5deg)}.photo-card.photo-1.visible{transform:rotate(5deg)}.photo{height:330px;position:relative;overflow:hidden;background:#806854}.photo img{width:100%;height:100%;object-fit:cover}.photo-sticker{position:absolute;top:17px;left:17px;border:1px solid #e9d7be66;padding:6px 9px;color:#dfc9ac;font:7px monospace;letter-spacing:2px}.ginger{background:#6d4a3d}.tea-illustration{height:100%;position:relative;background:radial-gradient(ellipse at 50% 30%,#d8b99044,transparent 60%)}.cup{position:absolute;width:100px;height:150px;left:calc(50% - 50px);top:26%;background:linear-gradient(100deg,#e7cba970,#c4976eb0 40%,#aa7f5d);border:1px solid #e6caa178;border-radius:8px 8px 24px 24px;box-shadow:15px 20px 35px #38221544;transform:rotate(-5deg)}.cup:before{content:"";position:absolute;top:-5px;left:-2px;right:-2px;height:15px;border-radius:50%;background:#e2cba9;border:1px solid #8f6a4f}.milk .cup:after{content:"";position:absolute;width:8px;height:110px;background:linear-gradient(90deg,#6a5140,#bfa484);top:-70px;left:62px;transform:rotate(10deg);z-index:1}.cup b{position:absolute;bottom:10px;left:12px;width:13px;height:13px;background:#443229;border-radius:50%;box-shadow:22px -5px #48352d,43px 5px #3b2b26,60px -7px #49392e,15px -23px #5c4031,40px -24px #48352d,60px -30px #614530}.saucer{position:absolute;width:170px;height:22px;left:calc(50% - 85px);top:73%;border-radius:50%;background:#30231e44;filter:blur(4px)}.ginger .cup{height:100px;top:42%;width:130px;left:calc(50% - 65px);border-radius:5px 5px 45px 45px;background:linear-gradient(100deg,#b77f4e,#c49660 40%,#875d3e)}.ginger .cup:after{content:"";position:absolute;right:-34px;top:15px;width:32px;height:42px;border-radius:50%;border:9px solid #af7c52}.ginger .cup:before{background:radial-gradient(ellipse,#6d3e21,#be8344);height:20px;top:-8px}.ginger .cup b{display:none}.steam{position:absolute;left:45%;top:20%;display:flex;gap:14px}.steam i{width:2px;height:50px;border-radius:50%;background:linear-gradient(transparent,#f9e7c955,transparent);transform:rotate(14deg);animation:steam 4s ease-in-out infinite}.steam i:nth-child(2){animation-delay:1s}.steam i:nth-child(3){animation-delay:2s}.milk .steam{display:none}.photo-art-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:3px;color:#ead5b4aa}figcaption{padding:20px 15px 12px}figcaption>span{font:8px monospace;letter-spacing:2px;color:#8f7460}figcaption p{font:16px/1.8 serif;margin:15px 0 0}.everyday-letter{max-width:620px;margin:80px auto 0}.quiet{min-height:100svh;background:#101015ed;padding-top:160px;padding-bottom:160px;overflow:hidden}.quiet-glow{position:absolute;width:600px;height:600px;border-radius:50%;top:0;left:calc(50% - 300px);background:radial-gradient(circle,#66505a22,transparent 65%);pointer-events:none}.quiet-inner{max-width:650px;margin:auto;text-align:center}.quiet-mark{font-size:11px;color:#877987;letter-spacing:3px;display:block;margin:60px 0 20px}.quiet h2{font-size:clamp(37px,5vw,65px);line-height:1.65;color:#dcd1cf}.quiet h2>span{color:#c6a18e}.quiet-line{width:1px;height:70px;background:linear-gradient(#bb8f77,transparent);margin:40px auto}.quiet .prose{text-align:left;color:#958896}.quiet .authorship{text-align:center}.quiet .source-note{margin-top:50px}.sky-section{background:linear-gradient(#131019bb,#19132288)}.sky-layout{margin-top:60px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px}.constellation{height:360px;position:relative}.constellation svg{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.constellation path{stroke:#d9ac8a55;stroke-width:1;stroke-dasharray:4 5;fill:none}.star-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#d8c3dd06 1px,transparent 1px),linear-gradient(90deg,#d8c3dd06 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 75%);mask-image:radial-gradient(ellipse,#000,transparent 75%)}.star{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;min-width:44px;min-height:44px;padding:10px;color:#b4937d;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:visible}.star-point{font-size:19px;transition:transform .3s}.star.selected .star-point{color:#ffe6c6;text-shadow:0 0 30px #e0b07d;transform:scale(1.5)}.star-label{position:absolute;top:50px;font-size:8px;white-space:nowrap;letter-spacing:1px;color:#8e798f}.star.selected .star-label{color:#d3b49a}.star-0{left:10%;top:62.5%}.star-1{left:26.67%;top:25%}.star-2{left:46.67%;top:53.89%}.star-3{left:62.5%;top:18.05%}.star-4{left:78.33%;top:68.05%}.star-5{left:91.67%;top:33.05%}.map-coordinate{position:absolute;bottom:0;left:10px;font:7px monospace;letter-spacing:2px;color:#6f5a74}.memory{position:relative;padding:30px 0 30px 35px;border-left:1px solid #c79c7b33;min-height:310px}.memory-number{font:100px Georgia;color:#a37a6b20;position:absolute;right:0;top:0}.memory-content{position:relative;animation:intro .5s}.memory .eyebrow{font-size:7px;margin:25px 0}.memory h3{font-size:27px;letter-spacing:2px}.memory-content>p:not(.eyebrow){font-size:12px;line-height:2.3;color:#ac98b1;min-height:65px}.memory .text-button{margin-top:18px}.ending{position:relative;overflow:hidden;padding:180px 8% 130px;background:linear-gradient(#18131c9c,#1b141dd9 50%,#151218);text-align:center}.ending-content{max-width:800px;margin:auto;position:relative;z-index:1}.ending-salutation{display:block;font-size:11px;letter-spacing:2px;color:#ac909d;margin:55px 0 25px}.ending h2{font-size:clamp(45px,6vw,85px);line-height:1.5}.ending h2>span{color:#e6b08b}.ending-letter{max-width:580px;margin:50px auto;text-align:left}.ending-letter .authorship{text-align:center}.ending-letter .prose{color:#b39caa}.ending .signature{margin:60px 0 40px}.ending-orbit{position:absolute;width:1100px;height:1100px;border-radius:50%;border:1px solid #bc8d711c;left:calc(50% - 550px);top:80px;box-shadow:0 0 0 90px #cfa88703,0 0 0 180px #cfa88702;background:radial-gradient(circle,#a56b6820,transparent 65%)}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;background:#151218;border-top:1px solid var(--line);gap:20px}footer>a{font:24px Georgia;color:#bea694}footer>p{font-size:10px;color:#897583}footer>span{font-size:7px;letter-spacing:2px;color:#6c586d}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes intro{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes breathe{50%{transform:translate(15px);box-shadow:0 0 100px #d4a9904d}}@keyframes twinkle{50%{opacity:.3;transform:scale(.7)}}@keyframes steam{50%{opacity:.3;transform:translateY(-15px) rotate(-7deg)}}@media(min-width:1600px){.hero-content{padding-top:22vh}.celestial{right:12%}}@media(max-width:1000px){.intro-layout{gap:40px}.people{gap:18px}.avatar{width:55px;height:55px}.chapter{padding-left:7%;padding-right:7%}.chapter-rail{right:12px}.collection-heading{gap:30px}.sky-layout{gap:25px}.equip{padding:18px}.connection-art{right:-200px}.closer-letter{margin-left:35%;margin-right:8%}.hero-content{padding-top:190px}.celestial{right:-6%;width:60vw;height:60vw;top:25%}.photo-grid{gap:40px}.photo{height:270px}.prose{font-size:12px}.equip h3{font-size:20px}}@media(max-width:650px){header{padding:25px 7%}.brand{font-size:23px}.brand span{font-size:6px;letter-spacing:2px}.menu-toggle{font-size:10px;padding:11px 16px}#chapter-menu{top:95px;width:86%;right:7%}.chapter-rail{display:none}.opening{height:125svh;min-height:900px}.hero-stage{min-height:740px}.hero-content{padding-top:160px;width:86%}.hero-content .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}.hero-preface{font-size:11px;margin-bottom:30px}h1{font-size:clamp(43px,10.5vw,68px);letter-spacing:3px;line-height:1.45;margin-bottom:30px}.hero-bottom{display:block}.hero-bottom>p{font-size:11px}.hero-bottom .round-link{margin-top:20px}.round-link{font-size:10px;gap:18px}.round-link i{width:43px;height:43px;font-size:18px}.celestial{width:330px;height:330px;right:-175px;top:35%;opacity:calc(.65 - var(--opening)*.4)}.planet-label{display:none}.hero-caption{bottom:25px;left:7%;right:7%}.hero-caption>span:first-child{display:none}.hero-caption>span:last-child{font-size:8px}.vertical-note{font-size:6px;right:15px;top:20%;letter-spacing:2px}.chapter{padding:85px 7%;scroll-margin-top:0}.chapter-top{margin-bottom:35px;gap:15px}.chapter-top .eyebrow{font-size:8px;letter-spacing:2px}.chapter-note{font-size:8px;letter-spacing:0}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}h2{font-size:clamp(28px,7.6vw,42px);line-height:1.65;letter-spacing:1px}.chapter-deck{font-size:12px}.intro-layout{grid-template-columns:1fr;gap:40px}.people{gap:0;justify-content:space-between;margin-top:35px}.avatar{width:58px;height:58px}.person>span{font-size:10px}.person small{font-size:7px}.prose{font-size:12px;line-height:2.4;letter-spacing:.3px}.prose .authorship{font-size:7px}.text-button{font-size:10px;gap:15px}.chapter-end{font-size:8px;letter-spacing:1px;margin-top:40px}.chapter-end span{font-size:8px}.closer-scene{padding-bottom:70px;min-height:150svh}.closer-sticky{padding:90px 7%;height:80svh;min-height:600px;align-content:start}.closer-copy{width:100%}.closer-copy>p:last-child{font-size:12px}.connection-art{width:480px;height:330px;top:45%;right:-80px;opacity:.7}.light-orb{width:100px;height:100px}.orb-right{width:130px;height:130px}.orb-name{font-size:8px;top:75%}.closer-letter{margin:0 7%;padding:27px 24px;max-width:none}.margin-note{font-size:14px}.words-heading{display:block}.words-heading>p{font-size:11px}.quote-room{margin-top:35px;padding:45px 22px 22px}.quotation{font-size:100px;left:15px;top:0}.quote-source{font-size:9px}.quote{font-size:33px;letter-spacing:2px}.quote-final{font-size:26px}.quote-content{min-height:240px}.quote-reply{font-size:11px}.quote-controls{padding-top:20px}.quote-controls>span{font-size:20px}.quote-trail{gap:20px}.quote-trail button{font-size:9px}.source-note{font-size:8px}.secret h2{font-size:30px}.mail-stage{margin:80px auto 35px}.envelope-wrap{height:220px;width:100%;max-width:360px}.envelope-label{bottom:18px;font-size:11px}.envelope-label small{font-size:8px}.seal{width:43px;height:43px;left:calc(50% - 21.5px);font-size:22px;top:43%}.letter-peek{height:170px;font-size:13px;padding:20px}.opened .letter-peek{transform:translateY(-45px) rotate(-3deg)}.mail-scribble{font-size:10px}.is-open .paper{padding:25px;margin-top:30px}.paper-heading{font-size:8px;letter-spacing:1px;gap:15px}.paper-heading>span:last-child{font-size:6px}.paper h3{font-size:20px}.paper .signature{font-size:16px}.paper-note{font-size:8px}.collection-heading{display:block}.collection-heading>div>p{font-size:11px}.collection-count{font-size:7px}.equipment{grid-template-columns:1fr;gap:20px;margin-top:30px}.equip{padding:25px}.object-art{height:190px}.equip h3{font-size:24px}.equip>p{font-size:12px;min-height:0;line-height:2.1}.equip-action{margin-top:25px}.everyday-heading{display:block}.everyday-heading>p{font-size:11px}.photo-grid{gap:25px;margin:50px 0;grid-template-columns:1fr}.photo-card{width:85%;margin-left:2%;padding:10px}.photo-card.photo-1{width:85%;margin:10px 0 0 12%}.photo{height:280px}.photo-sticker{font-size:6px;left:12px;top:12px}figcaption{padding:17px 10px 10px}figcaption p{font-size:14px}figcaption>span{font-size:7px}.everyday-letter{margin-top:65px}.quiet{padding-top:110px;padding-bottom:100px}.quiet-mark{margin:45px 0 20px;font-size:9px;letter-spacing:2px}.quiet h2{font-size:38px}.quiet-line{height:50px}.quiet .source-note{margin-top:35px}.sky-layout{grid-template-columns:1fr;gap:40px;margin-top:20px}.constellation{height:290px}.star-label{font-size:7px;letter-spacing:0}.star-5 .star-label{right:0}.star-0 .star-label{left:0}.map-coordinate{font-size:6px;letter-spacing:1px}.memory{min-height:260px;padding:20px 25px;border-left:0;border-top:1px solid #c79c7b33}.memory-number{font-size:90px;top:15px}.memory h3{font-size:26px}.memory-content>p:not(.eyebrow){min-height:50px;font-size:12px}.ending{padding:110px 7% 90px}.ending .eyebrow{font-size:7px;letter-spacing:1px}.ending-salutation{font-size:9px;letter-spacing:1px;margin:45px 0 30px}.ending h2{font-size:clamp(36px,9.5vw,55px);letter-spacing:1px}.ending-letter{margin:40px auto}.ending .signature{font-size:20px;letter-spacing:2px;margin:45px 0 35px}footer{padding:30px 7%;flex-wrap:wrap;gap:15px}footer>a{font-size:22px}footer>p{font-size:8px}footer>span{display:block;width:100%;font-size:6px;letter-spacing:1.5px}.reveal{transform:translateY(18px)}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-content,.celestial,.hero-caption{transform:none!important;opacity:1!important}.reveal{opacity:1;transform:none}.hero-stage,.closer-sticky{position:relative}.opening{height:auto;min-height:0}.closer-scene{min-height:0}.photo-card.visible{transform:rotate(-4deg)}.photo-card.photo-1.visible{transform:rotate(5deg)}}.connection-art .orb-left{animation:none;transform:translate(calc(var(--approach,0)*70px))}.connection-art .orb-right{animation:none;transform:translate(calc(var(--approach,0)*-35px))}.connection-art .name-left{translate:calc(var(--approach,0)*70px) 0}.connection-art .name-right{translate:calc(var(--approach,0)*-35px) 0}@media(max-width:650px){.connection-art .orb-left{transform:translate(calc(var(--approach,0)*45px))}.connection-art .orb-right{transform:translate(calc(var(--approach,0)*-25px))}}@media(prefers-reduced-motion:reduce){.connection-art .light-orb{transform:none!important}.connection-art .orb-name{translate:none!important}}.hero-letter-link{font-size:11px;color:#d6b191;border-bottom:1px solid #d6b19155;padding:10px 0;white-space:nowrap}.hero-bottom{gap:35px;flex-wrap:wrap}.quote-trail{flex-wrap:wrap;gap:8px 25px}.quote-trail button{min-height:34px}.original-letter{background:linear-gradient(#17121cfa,#211920fc);border-top:1px solid #d0ae8a33}.original-title,.original-body,.letter-index{max-width:720px;margin-left:auto;margin-right:auto}.original-title{margin-bottom:45px}.original-title>p:last-child{font-size:11px;color:#b1959d;letter-spacing:2px}.letter-index{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;border-block:1px solid #cba68a33;padding:25px 0 30px;margin-bottom:70px}.letter-index>a{font-size:11px;line-height:2;color:#b49a9e;transition:color .2s}.letter-index>a:hover{color:#f1d0b6}.original-body{color:#c3b3bf;font-family:Songti SC,STSong,serif;font-size:16px;line-height:2.2;letter-spacing:.4px}.original-body>p{margin:0 0 20px;overflow-wrap:anywhere}.original-body>h3{font-size:25px;color:#e1b99c;line-height:1.9;letter-spacing:1px;margin:80px 0 35px;padding-top:25px;border-top:1px solid #d1b09a1a;scroll-margin-top:30px}.original-body>.letter-emphasis{font-size:24px;color:#f1c6a1;margin-top:35px}.letter-date{font-size:13px;color:#9b8294}.letter-date em{font-style:normal}.original-letter>.text-button{display:flex;width:max-content;margin:70px auto 0}.ending-original-excerpt{font-family:Songti SC,serif;font-size:17px;line-height:2.3;color:#bca4b3}.ending-letter{text-align:center}@media(max-width:650px){.hero-letter-link{display:block;width:max-content;font-size:10px;margin-top:20px}.original-title>p:last-child{font-size:9px}.letter-index{grid-template-columns:1fr;gap:12px;padding:25px 0;margin-bottom:45px}.letter-index>a{font-size:11px;line-height:2}.original-body{font-size:16px;line-height:2.1;letter-spacing:0}.original-body>p{margin-bottom:20px}.original-body>h3{font-size:22px;margin-top:60px;line-height:1.9}.original-body>.letter-emphasis{font-size:21px}.original-body .letter-date{font-size:12px}.ending-original-excerpt{font-size:15px}}.little-sheep{display:block;width:100%;overflow:visible;filter:drop-shadow(0 7px 9px #06040c22)}.sheep-body{transform-box:fill-box;transform-origin:center bottom;transition:transform .5s}.sheep-face{transform-box:fill-box;transform-origin:center;transition:transform .5s}.mood-peek .sheep-face{transform:rotate(-9deg)}.mood-shy .sheep-body{transform:translateY(9px) scale(.92)}.mood-shy .sheep-face{transform:rotate(8deg)}.mood-scale .sheep-body{animation:sheep-step .85s both}.mood-hug .arm-left{transform:translate(12px,-2px) rotate(-8deg);transform-origin:50px 85px}.mood-hug .arm-right{transform:translate(-12px,-2px) rotate(8deg);transform-origin:110px 85px}.mood-hug .sheep-body{animation:sheep-cuddle .8s both}.sheep-companion{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:22px;width:112px;z-index:9;pointer-events:none}.companion-pat{display:block;width:112px;min-height:98px;padding:0;background:none;border:0;pointer-events:auto;position:relative;touch-action:manipulation}.companion-caption{font-size:10px;text-align:center;white-space:nowrap;color:#d0b5c3;line-height:1.7;padding:8px 10px;border:1px solid #c6a1b326;background:#201923d9;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:max-content;max-width:180px;margin:0 auto -2px;pointer-events:none}.companion-rest{position:absolute;top:24px;right:-28px;width:44px;height:44px;background:none;border:0;font-size:20px;color:#ab8c9e;pointer-events:auto}.sheep-companion.resting{width:60px}.resting .companion-pat{width:60px;min-height:55px;opacity:.65}.resting .companion-caption{font-size:8px;max-width:90px;padding:4px 7px}.pat-heart{position:absolute;left:40%;top:10%;font:24px serif;color:#efb3b5;animation:pat-heart 1.6s both;pointer-events:none}.secret-sheep{position:absolute;top:-65px;left:10px;width:125px;height:105px;overflow:hidden;pointer-events:none;transform:rotate(-10deg);transition:transform .7s;z-index:0}.secret-sheep .little-sheep{transform:translateY(12px)}.opened .secret-sheep{transform:translateY(-14px) rotate(-16deg)}.quote-sheep-stage{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:-10px 0 10px;min-height:105px}.quote-sheep-stage .little-sheep{width:135px}.quote-sheep-stage>span{font-size:9px;letter-spacing:1px;color:#8f778e}.receipt-interaction{margin-top:22px}.receipt-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;width:100%;border:1px dashed #8f746055;background:#e1d2be77;padding:12px;color:#705649;font:12px/1.8 PingFang SC,sans-serif;touch-action:manipulation}.receipt-toggle>i{font-style:normal;margin-left:auto}.receipt-toggle>span{margin-right:auto;font-size:19px;color:#9a7663}.tea-receipt{position:relative;background:linear-gradient(105deg,#f4ead9,#e9dcc7 49%,#f4ead9 51%);color:#655445;margin:18px auto 3px;padding:24px 22px 30px;text-align:left;max-width:300px;clip-path:polygon(0 0,100% 0,100% 97%,97% 100%,94% 97%,91% 100%,88% 97%,85% 100%,82% 97%,79% 100%,76% 97%,73% 100%,70% 97%,67% 100%,64% 97%,61% 100%,58% 97%,55% 100%,52% 97%,49% 100%,46% 97%,43% 100%,40% 97%,37% 100%,34% 97%,31% 100%,28% 97%,25% 100%,22% 97%,19% 100%,16% 97%,13% 100%,10% 97%,7% 100%,4% 97%,0 100%);animation:receipt-unfold .65s both;transform-origin:top center}.tea-receipt[hidden]{display:none}.receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:15px;border-bottom:1px dashed #a78b7166;font:10px/1.8 sans-serif;letter-spacing:1px}.tea-receipt .receipt-intro{font-size:11px;color:#9d8370;margin:18px 0 0}.tea-receipt .receipt-message{font:20px/1.8 Songti SC,serif;margin:10px 0 22px;letter-spacing:2px}.receipt-message strong{font-size:26px;font-weight:500;color:#825e50}.receipt-rule{border-top:1px dashed #a78b7166}.tea-receipt .receipt-foot{font:9px/2 sans-serif;margin:15px 0;color:#a28b77}.receipt-barcode{height:18px;max-width:145px;opacity:.3;background:repeating-linear-gradient(90deg,#665545 0 1px,transparent 1px 3px,#665545 3px 5px,transparent 5px 7px,#665545 7px 8px,transparent 8px 13px)}@keyframes sheep-step{0%{transform:translate(-14px) rotate(-5deg)}55%{transform:translate(3px) rotate(3deg)}to{transform:translate(0) rotate(0)}}@keyframes sheep-cuddle{50%{transform:translateY(-3px) scale(1.04)}to{transform:scale(1)}}@keyframes pat-heart{0%{opacity:0;transform:translateY(10px) scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-38px) scale(1.15)}}@keyframes receipt-unfold{0%{opacity:0;transform:perspective(500px) rotateX(-24deg) translateY(-10px)}to{opacity:1;transform:none}}@media(max-width:650px){.sheep-companion{left:auto;right:13px;bottom:max(12px,env(safe-area-inset-bottom));width:88px}.companion-pat{width:88px;min-height:77px}.companion-caption{font-size:8px;padding:6px 8px;transform:translate(-18px);max-width:135px}.companion-rest{right:-8px;top:16px;width:44px;height:44px;font-size:17px;transform:translateY(-8px)}.resting .companion-caption{transform:translate(-8px)}.secret-sheep{width:105px;height:90px;top:-52px;left:12px}.quote-sheep-stage{justify-content:center;min-height:105px;margin:0 0 16px}.quote-sheep-stage .little-sheep{width:116px}.quote-sheep-stage>span{font-size:8px}.receipt-toggle{font-size:11px;min-height:48px}.tea-receipt{padding:22px 18px 28px}.receipt-message strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.little-sheep *,.pat-heart,.tea-receipt{animation:none!important;transition:none!important}.mood-scale .sheep-body,.mood-hug .sheep-body{transform:none}.pat-heart{display:none}.secret-sheep{transition:none}.receipt-toggle{scroll-margin-bottom:30px}}.photo-grid{align-items:start}.photo.has-photo{height:auto;background:#332a30}.photo.has-photo img{display:block;width:100%;height:auto;object-fit:contain}.people{gap:12px;flex-wrap:wrap}.avatar img{display:block}@media(max-width:1000px)and (min-width:651px){.people{gap:8px}.avatar{width:48px;height:48px}}@media(max-width:650px){.people{gap:0;flex-wrap:nowrap}.avatar{width:clamp(44px,12vw,58px);height:clamp(44px,12vw,58px)}}