:root{--paper:#f8f5ed;--ink:#294c42;--muted:#7b8273;--line:#dcded1;--accent:#b97859;--card:#fffdf5;--soft:#eaf0e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.8;transition:background .4s,color .4s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{height:104px;display:flex;align-items:center;gap:30px;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font-size:21px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand>span{font-size:35px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-left:12px}nav{display:flex;gap:32px;margin-left:auto;font-size:13px}.round{border:1px solid var(--line);background:none;width:40px;height:40px;border-radius:50%;font-size:22px}main{padding:0 36px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding:62px 0 72px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;color:var(--muted);margin:0 0 20px}h1,h2,h3{font-family:"Songti SC",SimSun,serif;font-weight:500;line-height:1.45}h1{font-size:clamp(34px,4.1vw,54px);letter-spacing:2px;margin:0 0 22px}h1 span{color:var(--accent)}.hero-copy>p:not(.eyebrow):not(.tiny){color:var(--muted);font-size:14px;line-height:2.1}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:0;background:var(--ink);color:var(--paper);padding:13px 23px;border-radius:5px;margin:18px 0 8px;font-size:13px}.primary:hover{filter:brightness(1.15);transform:translateY(-2px)}.tiny{font-size:11px;color:var(--muted);letter-spacing:.5px}.scene-wrap{position:relative;border:1px solid #c8d2c3;border-radius:45% 45% 6px 6px;overflow:hidden;background:#e0eeea;padding-top:38px;box-shadow:0 14px 36px #294c4209}.scene-label{position:absolute;top:30px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.5px;color:#486c60}.scene-label span{display:block;font-size:10px;margin-top:6px}.scene{display:block;width:100%;margin-top:10px}.scene-foot{display:flex;justify-content:space-between;padding:14px 20px;background:#eceddf;color:#536c5c;font-size:10px}.scene-foot span:last-child{font-size:7px;align-self:center}.wheel{transform-box:fill-box;transform-origin:center;animation:spin 5s linear infinite}.bird{animation:bob 1s ease-in-out infinite alternate}.waves{animation:drift 4s ease-in-out infinite alternate}#pelican{cursor:pointer}#bubble{position:absolute;top:27%;left:10%;right:10%;text-align:center;background:#fffdf5ee;color:#294c42;border:1px solid #d2d9c7;padding:14px;border-radius:12px;font-size:13px;box-shadow:0 8px 25px #294c4215}.section{padding:48px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:24px}.section-head .eyebrow{margin-bottom:10px}h2{font-size:29px;margin:0}p{margin:12px 0}.section-head>p{font-size:12px;color:var(--muted)}.letters{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.letter{position:relative;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:5px;padding:27px 26px;transition:transform .25s,box-shadow .25s}.letter:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 12px 24px #294c420a}.letter:nth-child(2){background:#edf0e6}.letter:nth-child(3){background:#f3e9dc}.letter-no{font-size:10px;color:#798879;letter-spacing:1px}.stamp{position:absolute;right:25px;top:22px;width:38px;height:46px;border:1px dashed #a6b49b;text-align:center;line-height:44px;font-size:22px;color:#79927c}.envelope{width:64px;height:42px;border:1px solid #9da994;margin:26px 0 18px;position:relative}.envelope:after{content:"";position:absolute;width:44px;height:44px;border-right:1px solid #9da994;border-bottom:1px solid #9da994;transform:rotate(45deg);left:9px;top:-23px}.letter h3{font-size:23px;margin:0 0 7px}.letter p{font-size:12px;color:#737e6e}.letter-bottom{font-size:11px;display:flex;justify-content:space-between;margin-top:25px}.postcards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.postcard{margin:0;padding:12px 12px 18px;background:var(--card);box-shadow:0 4px 15px #294c4209;transform:rotate(-2deg);border:1px solid var(--line)}.postcard:nth-child(2){transform:rotate(1.5deg)}.postcard:nth-child(3){transform:rotate(-.5deg)}.postcard img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover}.postcard figcaption{padding:15px 8px 0;font-family:"Songti SC",SimSun,serif;font-size:18px}.postcard figcaption small{display:block;font:11px/1.8 "Microsoft YaHei",sans-serif;color:var(--muted);margin-top:6px}.mood{margin:25px 0;padding:34px;background:var(--soft);border:0;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.mood h2{font-size:25px}.mood p{font-size:12px;color:var(--muted)}.mood-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mood-options button{background:var(--card);border:1px solid var(--line);border-radius:30px;font-size:12px;padding:9px}.mood-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#mood-answer{min-height:44px}.wishes{display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.wish{padding:19px 0;display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);cursor:pointer}.wish input{width:19px;height:19px;accent-color:#628272}.wish span{flex:1;font-size:14px}.wish small{font-size:11px;color:var(--muted)}.wish:has(input:checked) span{text-decoration:line-through;opacity:.55}.last{text-align:center;padding:60px 0 40px;position:relative}.last h2{font-size:36px}.last>p:not(.eyebrow){color:var(--muted);font-size:13px}.postmark{position:absolute;right:25px;top:50px;border:2px solid #aeb5a0;border-radius:50%;width:94px;height:94px;display:grid;place-content:center;line-height:1.5;font-size:10px;letter-spacing:2px;color:#9ba68c;transform:rotate(18deg)}#bottle-text{min-height:32px}footer{border-top:1px solid var(--line);padding:24px 36px 35px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 36px);max-height:85vh;padding:45px 38px;box-shadow:0 30px 100px #15282044}dialog::backdrop{background:#1c302d70;backdrop-filter:blur(5px)}dialog h2{margin-bottom:24px}#dialog-body{font-size:14px;line-height:2.1;white-space:pre-line}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.sign{text-align:right;margin-top:30px;font-family:SimSun,serif;color:var(--accent)}body.night{--paper:#202f32;--ink:#e4e7d6;--muted:#b0b9aa;--line:#465553;--card:#2a3c3e;--soft:#2b4040;--accent:#e4b990}.night .scene{filter:brightness(.67) hue-rotate(18deg)}.night .scene-wrap{background:#96a5a2}.night .letter:nth-child(2){background:#334644}.night .letter:nth-child(3){background:#41433c}.night .letter p,.night .letter-no{color:#b7c0af}.night .sun{fill:#fff7dd}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{to{transform:translateY(-3px)}}@keyframes drift{to{transform:translateX(14px)}}@media(max-width:800px){header{height:78px;padding:0 22px;gap:16px}.brand{font-size:18px}.brand small{display:none}nav{gap:18px;font-size:12px}main{padding:0 22px}.hero{gap:28px;padding:40px 0;grid-template-columns:1fr 1fr}h1{font-size:34px}.hero-copy .tiny{font-size:9px}.section-head{align-items:start}.section-head>p{max-width:150px}.letters{gap:12px}.letter{padding:20px 17px}.letter h3{font-size:20px}.mood{padding:25px;gap:22px}.postmark{right:0;width:75px;height:75px;font-size:8px}.postcards{gap:14px}}@media(max-width:580px){header{padding:0 18px}nav{gap:13px}header .round{width:34px;height:34px;flex-shrink:0}main{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:35px;gap:32px}.hero-copy{text-align:center}h1{font-size:39px}.hero-copy>.eyebrow{font-size:8px}.hero-copy>p:not(.eyebrow):not(.tiny){font-size:13px}.scene-wrap{max-width:420px;width:100%;margin:auto}.section{padding:35px 0}.section-head{display:block;margin-bottom:24px}.section-head>p{max-width:none;margin-top:10px}h2{font-size:26px}.letters{grid-template-columns:1fr}.letter{padding:22px 25px;display:grid;grid-template-columns:76px 1fr;column-gap:18px}.letter-no{grid-column:1/-1}.stamp{top:15px;right:24px;width:30px;height:35px;line-height:34px;font-size:18px}.envelope{grid-row:2/5;margin:25px 0 0}.letter h3{margin-top:20px}.letter p{margin:0}.letter-bottom{margin-top:12px}.postcards{grid-template-columns:1fr;gap:25px;padding:0 12px}.postcard{max-width:420px;width:100%;margin:auto}.postcard img{aspect-ratio:1.7}.mood{grid-template-columns:1fr;padding:25px 20px;gap:12px}.mood .eyebrow{font-size:9px}.wishes{grid-template-columns:1fr}.last h2{font-size:29px}.last .postmark{position:static;margin:0 auto 25px}.last .eyebrow{font-size:9px}footer{padding:22px 20px;gap:20px}dialog{padding:40px 25px}.scene-foot span:last-child{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* 第二版：纸张、邮票与沿海小旅行 */
body{background-image:radial-gradient(#7d8a6d0b .7px,transparent .7px);background-size:5px 5px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:30;width:0;pointer-events:none}header{position:relative}.hero{padding-top:70px}.hero-copy .eyebrow{letter-spacing:2px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78977e;vertical-align:middle;margin-right:7px;box-shadow:0 0 0 4px #78977e17}.hero-tags{display:flex;gap:18px;margin-top:32px;color:var(--muted);font-size:9px;letter-spacing:1px}.hero-tags span+span{border-left:1px solid var(--line);padding-left:18px}.scene-wrap:after{content:"";pointer-events:none;position:absolute;inset:10px;border:1px solid #fff9;border-radius:46% 46% 3px 3px}.scene-label{z-index:1}.arrival-strip{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:16px;font-size:12px}.arrival-strip>span:first-child{white-space:nowrap;color:var(--accent);letter-spacing:2px}.arrival-strip p{margin:0;flex:1}.arrival-end{font-size:8px;letter-spacing:1px;color:var(--muted)}#letters{border-top:0}.section-head h2{letter-spacing:1px}.section-head .eyebrow{font-size:9px}.postcard{position:relative;transition:transform .3s}.postcard:hover{transform:rotate(0) translateY(-4px)}.postcard:before{content:"";position:absolute;left:calc(50% - 30px);top:-10px;width:60px;height:22px;background:#cbbd9d60;z-index:2;transform:rotate(-5deg)}.postcard-toggle{border:0;border-bottom:1px solid var(--line);background:none;padding:6px 0;margin:10px 8px 0;font-size:10px;color:var(--muted)}.postcard-back{min-height:220px;padding:32px 18px 15px;white-space:pre-line;font-family:"Songti SC",SimSun,serif;font-size:17px;line-height:1.9;background:repeating-linear-gradient(transparent 0,transparent 31px,#8c9b7b24 32px);position:relative}.postcard-back small{font:9px sans-serif;letter-spacing:2px;display:block;margin-bottom:20px;color:var(--accent)}.mood{position:relative;overflow:hidden}.mood:before{content:"☁";position:absolute;right:-15px;bottom:-75px;font-size:200px;opacity:.035;pointer-events:none}.mood-right{position:relative}.pocket-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pocket-letter{text-align:center;border:1px solid var(--line);background:var(--card);padding:28px 12px 20px;position:relative;border-radius:80px 80px 4px 4px;transition:transform .2s}.pocket-letter:hover{transform:translateY(-5px)}.pocket-letter .pocket-icon{font-size:36px;display:block;height:67px;color:var(--accent)}.pocket-letter strong{font-size:13px;font-weight:400;display:block;margin:12px 0}.pocket-letter small{font-size:9px;letter-spacing:1px;color:var(--muted)}.pocket-letter:nth-child(even){background:var(--soft)}.wishes{column-gap:55px}.wish{padding:22px 0}.outing{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px 32px;background:var(--soft);border:0;margin:20px 0 0;border-radius:8px}.outing h2{font-size:33px}.outing-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.outline-button{padding:11px 18px;border:1px solid var(--ink);background:none;border-radius:4px;margin-top:15px;font-size:12px}.outline-button:hover{background:var(--ink);color:var(--paper)}.ticket{background:var(--card);padding:24px 28px;border:1px solid var(--line);box-shadow:5px 8px 0 #5268450b;transform:rotate(2deg);position:relative}.ticket:before,.ticket:after{content:"";position:absolute;width:20px;height:20px;background:var(--soft);border-radius:50%;top:51px}.ticket:before{left:-11px}.ticket:after{right:-11px}.ticket-top{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:18px;margin-bottom:22px;font-size:11px}.ticket .eyebrow{font-size:8px;margin-bottom:12px}.ticket h3{font-size:25px;margin:0}.ticket>p:not(.eyebrow){font-size:12px;color:var(--muted);min-height:44px}.ticket-step{display:flex;gap:10px;font-size:11px;margin:10px 0}.ticket-step b{font-weight:400;color:var(--accent);font-size:10px}.ticket-bottom{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:16px;margin-top:20px;font-size:8px;color:var(--muted)}.slow{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:65px 32px;border-top:0}.slow-visual{height:310px;position:relative;display:grid;place-items:center}.breathing-circle{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e6eedb,#aec8b8);color:#48695d;display:grid;place-items:center;text-align:center;animation:breathe 8s ease-in-out infinite;box-shadow:0 0 45px #9fb69b25}.breathing-circle span{font-family:SimSun,serif;font-size:25px;letter-spacing:5px}.breathing-circle small{font:8px/3 sans-serif;letter-spacing:2px}.orbit{position:absolute;width:240px;height:240px;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg) scaleX(1.18)}.orbit-two{width:285px;height:285px;transform:rotate(25deg) scaleX(1.14);border-style:dashed;opacity:.6}.orbit-star{position:absolute;top:35px;right:90px;color:var(--accent);font-size:28px}.slow-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:2}.text-button{font-size:11px;border:0;border-bottom:1px solid var(--line);background:none;padding:5px 0;color:var(--muted)}.breath-paused .breathing-circle{animation-play-state:paused}.last{background:radial-gradient(ellipse at 50% 90%,#d5dfc633,transparent 70%)}#copy-whisper{display:block;margin:0 auto 8px}#copy-whisper[hidden]{display:none}.night .scene-wrap:after{border-color:#e7efdd26}.night .scene-label{color:#344f49}.night .scene-wrap{border-color:#6c7f72}.night .breathing-circle{background:radial-gradient(circle at 35% 30%,#71998f,#34595c);color:#eef2e2}.night .postcard:before{background:#b5b58c55}.night .scene-label span{color:#294c42}.night .stamp{color:#b2bfa7}.night .scene .sun{filter:drop-shadow(0 0 12px #f7efab66)}@keyframes breathe{0%,100%{transform:scale(.88)}50%{transform:scale(1.1)}}@media(min-width:1000px){.section{padding-top:58px;padding-bottom:58px}.postcards{gap:32px;padding:8px 4px}.hero{gap:70px}}@media(max-width:800px){.outing{gap:30px;padding:30px}.outing h2{font-size:29px}.ticket{padding:20px}.pocket-list{gap:12px}.pocket-letter strong{font-size:12px}.slow{padding:40px 15px;gap:30px}.orbit-two{width:230px;height:230px}.orbit-one{width:200px;height:200px}.breathing-circle{width:150px;height:150px}.arrival-end{display:none}.hero-tags{gap:10px}.hero-tags span+span{padding-left:10px}}@media(max-width:580px){header nav a:last-child{display:none}.hero{padding-top:38px}.hero-tags{justify-content:center;margin-top:22px}.arrival-strip{gap:14px;font-size:11px;align-items:flex-start}.arrival-strip>span:first-child{font-size:10px;margin-top:2px;letter-spacing:1px}.pocket-list{grid-template-columns:1fr 1fr;gap:18px}.pocket-letter{padding-top:22px}.pocket-letter strong{font-size:12px}.pocket-letter .pocket-icon{height:54px;font-size:32px}.outing{grid-template-columns:1fr;gap:25px;padding:30px 20px}.outing-copy{text-align:center}.outing h2{font-size:29px}.outing .ticket{transform:rotate(1deg);margin:0 3px}.ticket h3{font-size:24px}.slow{grid-template-columns:1fr;gap:5px;padding:30px 12px 45px}.slow-visual{height:280px}.slow-copy{text-align:center}.slow-copy h2{font-size:29px}.orbit-star{right:45px}.postcard-back{min-height:215px}.last{margin-top:10px}.last .postmark{width:85px;height:85px}.section-head h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.breathing-circle{animation:none}.postcard:hover,.pocket-letter:hover{transform:none}}
/* 第三版：真实踩踏，双腿与脚踏保持连接。 */
.scene-wrap{--ride-duration:2.4s}.scene-wrap .wheel{animation:none}.scene-wrap .bird{animation:none}.scene-foot{position:relative;z-index:3;align-items:center}.road-dashes{animation:road-flow 2.4s linear infinite}.road-plants{animation:plant-flow 10s linear infinite}.ride-paused .road-dashes,.ride-paused .road-plants,.ride-paused .waves{animation-play-state:paused}@keyframes road-flow{to{stroke-dashoffset:128}}@keyframes plant-flow{from{transform:translateX(80px)}to{transform:translateX(-120px)}}@media(prefers-reduced-motion:reduce){.road-dashes,.road-plants{animation:none}}
/* 第四版：双向通信与更清晰的浏览入口。 */
[hidden]{display:none!important}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-reply{font-size:12px;color:var(--muted);margin-top:10px;border-bottom:1px solid var(--line);line-height:2}.post-office-map{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0 26px;font-size:11px;color:var(--muted)}.post-office-map>span{font-family:SimSun,serif;letter-spacing:2px;color:var(--accent)}.post-office-map a{border-bottom:1px solid transparent;line-height:2}.post-office-map a:hover{border-color:var(--accent);color:var(--ink)}.read-label{font-size:9px;color:var(--muted);font-weight:400;margin-left:12px}.letter.read .stamp{background:#66856b10;border-style:solid}.letter.read .stamp:after{content:"已拆";font-size:8px;position:absolute;bottom:-5px;right:-8px;background:var(--card);line-height:1.5;letter-spacing:1px;transform:rotate(-12deg)}.dialog-navigation{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.night-sky{display:none}.night .night-sky{display:block}.moon-cut{fill:#fff3c6}.night .scene #sky stop:first-child{stop-color:#324f55}.night .scene #sky stop:last-child{stop-color:#78908b}.night .scene{filter:brightness(.88)}.night .scene-label{color:#dee9db}.night .scene-label span{color:#b9cfba}.night .scene-wrap{background:#324f55}.reply-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:65px 0 72px}.reply-intro h2{font-size:35px}.reply-intro>p:not(.eyebrow):not(.tiny){color:var(--muted);font-size:13px;line-height:2.2;margin-top:22px}.mailbox{width:140px;position:relative;background:#557b69;border-radius:65px 65px 6px 6px;box-shadow:6px 8px 0 #45655012;color:#f2eed9;text-align:center;padding:25px 15px 20px;margin:30px 0 25px;transform:rotate(-3deg)}.mailbox>span{font-size:25px}.mail-slot{height:6px;width:80px;margin:15px auto 10px;background:#294b3d;border-radius:3px;border-bottom:2px solid #88a18a}.mailbox p{font:16px/1.5 SimSun,serif;letter-spacing:3px;margin:18px 0 8px}.mailbox small{font-size:6px;letter-spacing:2px}.reply-paper{position:relative;padding:30px 36px 28px;background:var(--card);border:1px solid var(--line);box-shadow:9px 9px 0 #55634408;border-radius:3px}.reply-paper:before{content:"";height:5px;position:absolute;inset:0 0 auto;background:repeating-linear-gradient(135deg,#758f7d 0 10px,transparent 10px 20px,#c28e70 20px 30px,transparent 30px 40px);opacity:.55}.reply-paper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font-size:10px;letter-spacing:1px;color:var(--muted)}.mini-postage{font-size:8px;text-align:center;line-height:1.6;border:1px dashed var(--line);width:40px;padding:4px;color:var(--accent)}.reply-paper label{display:block;font-size:12px;margin:16px 0 8px}.reply-paper label small{font-size:10px;color:var(--muted);margin-left:10px}.reply-paper input:not([type=hidden]),.reply-paper textarea{font:13px/2 "PingFang SC","Microsoft YaHei",sans-serif;display:block;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);width:100%;padding:6px 0;outline:none}.reply-paper textarea{resize:vertical;min-height:155px;background:repeating-linear-gradient(transparent 0 25px,var(--line) 26px 26.5px);line-height:26.5px;padding-top:0;border-bottom:0}.reply-paper input:focus-visible,.reply-paper textarea:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.reply-paper ::placeholder{color:var(--muted);opacity:.75}.reply-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin:14px 0 18px}.starter-label{font-size:10px;color:var(--muted)}.reply-starters{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 5px}.reply-starters button{border:1px solid var(--line);background:none;padding:5px 9px;border-radius:4px;font-size:10px;color:var(--muted)}.reply-starters button:hover{background:var(--soft);color:var(--ink)}.reply-actions{display:flex;align-items:center;gap:20px}.reply-actions .primary{margin-top:18px}.reply-actions .text-button{margin-top:9px}#reply-status{font-size:12px;line-height:1.8;margin-bottom:0}#reply-status.error{color:#ab674e}.night #reply-status.error{color:#f1b79f}.honeypot{position:absolute!important;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}.mobile-dock{display:none}.thanks-page main{max-width:650px;padding:70px 25px;text-align:center}.thanks-page h1{font-size:43px}.thanks-page p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2.2}.thanks-envelope{font-size:74px;color:var(--accent);line-height:1.8}.primary:disabled{opacity:.5;cursor:wait;transform:none}.scene-foot button{min-height:28px}a,button{touch-action:manipulation}@media(max-width:900px){.reply-section{gap:35px}.reply-paper{padding:25px}.reply-intro h2{font-size:30px}.post-office-map{font-size:10px}}@media(max-width:580px){html{scroll-padding-top:20px}header nav{display:none}header .round{margin-left:auto}body{padding-bottom:75px}.hero-actions{justify-content:center;gap:20px}.hero-actions .primary{margin-bottom:0}.hero-reply{margin-top:14px}.hero .tiny{margin-top:16px}.post-office-map{display:grid;grid-template-columns:1fr 1fr;padding:12px 4px 20px;column-gap:24px;row-gap:9px}.post-office-map>span{grid-column:1/-1;font-size:11px;margin-bottom:5px}.post-office-map a{font-size:12px;border-bottom:1px solid var(--line);padding:3px 0}.hero{padding-bottom:30px}.hero-tags{display:none}.arrival-strip{padding:15px 0}.reply-section{grid-template-columns:1fr;gap:20px;padding:35px 0 45px}.reply-intro{position:relative;padding-right:105px}.reply-intro h2{font-size:28px}.reply-intro>p:not(.eyebrow):not(.tiny){font-size:12px;margin-top:16px}.reply-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.mailbox{position:absolute;width:77px;right:0;top:35px;padding:16px 8px 15px;border-radius:38px 38px 3px 3px;margin:0}.mailbox>span{font-size:18px}.mail-slot{width:46px;height:5px;margin:10px auto 8px}.mailbox p{font-size:12px;letter-spacing:1px;margin:12px 0 0}.mailbox small{display:none}.reply-paper{padding:24px 22px}.reply-meta{font-size:9px;align-items:flex-start}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;justify-content:space-around;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 24px #294c4208}.mobile-dock a{display:flex;align-items:center;flex-direction:column;min-width:52px;min-height:44px;justify-content:center;font-size:10px;color:var(--muted);line-height:1.5}.mobile-dock a span{font-size:20px;line-height:1.3}.mobile-dock a[aria-current]{color:var(--ink);background:var(--soft);border-radius:8px}.primary,.outline-button{min-height:44px}.text-button{min-height:36px}.mood-options button{min-height:42px}.postcard-toggle{min-height:36px}.thanks-page{padding-bottom:0}.thanks-page h1{font-size:35px}.thanks-page main{padding-top:50px}}@media(prefers-reduced-motion:reduce){.night-sky{animation:none}}