:root{--ink:#243d4a;--muted:#59666c;--paper:#fffcf5;--ground:#f3efe5;--line:#dcd7ca;--gold:#bf8b45;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Noto Serif CJK SC','Songti SC',SimSun,Georgia,serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ground);font:15px/1.75 var(--sans);background-image:radial-gradient(#d9d3c52a .65px,transparent .65px);background-size:5px 5px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);padding:9px 20px;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.12);text-decoration:none}.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.text-button{color:var(--ink);border:0;background:transparent;padding:4px 8px}.inline{display:inline}.site-header{max-width:1370px;margin:0 auto;padding:30px 48px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font:25px var(--serif);letter-spacing:3px}.brand span{display:block;font:9px var(--sans);letter-spacing:3.5px;margin-top:9px}.site-header nav{display:flex;gap:24px;align-items:center;font-size:13px}main{max-width:1370px;margin:0 auto;padding:28px 48px 60px}footer{border-top:1px solid var(--line);max-width:1270px;margin:10px auto 0;padding:25px;color:var(--muted);font-size:10px;letter-spacing:2px;text-align:center}.gallery-heading{display:flex;gap:24px;align-items:baseline;margin:6px 0 30px}.gallery-heading h1{font:24px var(--serif);letter-spacing:4px;margin:0}.gallery-heading span{font-size:12px;color:var(--muted)}.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 30px;padding:12px 0 35px}.stack{position:relative;isolation:isolate;min-width:0}.stack::before,.stack::after{content:'';position:absolute;inset:0 0 29px;background:#f7f4ed;border:1px solid #d8d1c3;box-shadow:0 3px 5px #544a3a12;z-index:-1;transform:translate(5px,5px) rotate(1.5deg)}.stack::after{transform:translate(8px,10px) rotate(-1deg);z-index:-2}.postcard{height:278px;background:var(--paper);padding:16px 18px 24px;border:1px solid #ddd6c8;box-shadow:0 7px 15px #5d51411a;touch-action:pan-y;user-select:none;transition:transform .2s ease}.card-top{height:72px;display:flex;gap:10px;align-items:center;flex-direction:row-reverse;position:relative}.postmark{font:11px var(--sans);color:var(--muted);letter-spacing:1px}.stamp{display:inline-block;flex:none;width:82px;height:60px;background-image:url('landscapes.png');background-size:270px 180px;background-position:-94px -20px;border:5px solid #ece4d2;outline:1px dashed #c4b797;box-shadow:1px 2px 2px #70654b22}.stamp-1{background-position:-184px -20px}.stamp-2{background-position:-7px -98px}.stamp-3{background-position:-94px -98px}.stamp-4{background-position:-184px -98px}.card-letter{display:block;font:15px/1.95 var(--serif);white-space:pre-wrap;overflow:hidden;height:164px;margin-top:8px;overflow-wrap:anywhere}.stack-controls{display:flex;justify-content:space-between;padding:12px 3px 0;color:var(--muted);font-size:11px;position:relative}.blank-card{opacity:.63}.empty-paper{margin-top:22px;height:130px;background:repeating-linear-gradient(transparent 0,transparent 30px,#ede8dc 31px,transparent 32px)}.empty-note{font:15px var(--serif);color:var(--muted);padding:12px 0 0}.paper{background:var(--paper);border:1px solid #e4ddcf;box-shadow:0 6px 24px #4d402812;padding:42px;margin:12px auto 30px}.narrow{max-width:640px}.editor,.reading{max-width:860px}.reading{padding:56px 68px}.reading-top,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.paper h1,.space h1{font:26px/1.5 var(--serif);font-weight:500;margin-top:0}.paper h2{font:19px var(--serif);margin:32px 0 16px}.muted{font-size:12px;color:var(--muted)}.letter-body{font:18px/2.15 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere;min-height:180px;margin:38px 0 48px}.masked{background:#26323b;color:transparent;border-radius:1px}.notice{padding:15px 18px;background:#efe9db;white-space:pre-line;font-size:13px;border-left:2px solid #c1ac82}.messages{max-width:860px;margin:24px auto 0;background:#e9e6d7;padding:4px 22px}textarea,input:not([type=checkbox]),select{display:block;border:1px solid #d9d2c4;border-radius:2px;background:#fffdf8;color:var(--ink);padding:12px;width:100%}textarea{resize:vertical;font:17px/1.95 var(--serif)}textarea:focus,input:focus,select:focus{outline:2px solid #94aab4;outline-offset:2px}label{display:block;font-size:13px;margin:16px 0 7px}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:22px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.editor-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.public-box{margin-top:28px;border-top:1px solid var(--line)}.public-box[hidden]{display:none}.preview{border:1px solid var(--line);padding:20px;background:#f7f3e9;min-height:100px;max-height:480px;overflow:auto;margin:20px 0}.checkbox{display:flex;align-items:flex-start;gap:10px}.checkbox input{margin-top:5px}.prompts{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:15px}summary{cursor:pointer;font-size:13px}.errorlist{padding:12px 20px;color:#9a503f;background:#f7e7df;font-size:13px}.echo-box{border-top:1px solid var(--line);padding:22px 0 10px}.candle-button{background:transparent;color:var(--muted);border-color:var(--line);margin-bottom:18px}.candle-button.lit{color:#a56d20;background:#f8ebd0}.report,.danger{margin-top:40px;font-size:12px;color:var(--muted)}.space{max-width:900px;margin:0 auto}.filters{display:flex;gap:12px;margin:25px 0}.filters select{max-width:160px}.timeline{list-style:none;padding:0 0 0 24px;border-left:1px solid #c8c0ae;margin:32px 0}.timeline li{position:relative;padding:0 0 24px 20px}.timeline li::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#aa9674;left:-28px;top:11px}.timeline time{font-size:11px;color:var(--muted)}.timeline-card{margin-top:8px;background:#fcf9f1;border:1px solid var(--line);padding:18px 22px}.timeline-card a{float:right;font-size:12px}.timeline-card .state{font-size:10px;color:var(--muted);margin-left:18px}.reflection{white-space:pre-wrap;font-family:var(--serif)}.pagination{display:flex;justify-content:space-between;margin-bottom:30px}.write-float{position:fixed;bottom:28px;right:30px;width:64px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border-radius:4px;box-shadow:0 5px 12px #243d4a25;z-index:5;font-size:11px}.write-float svg{width:32px;height:32px}.sealed-note{min-height:160px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:var(--muted)}.review-card{max-width:850px}.review-card .letter-body{max-height:400px;overflow:auto}.back-wall{font-size:12px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #5e7b86;outline-offset:4px}@media(max-width:1050px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header,main{padding-left:30px;padding-right:30px}}@media(max-width:750px){.wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.site-header{flex-wrap:wrap}.site-header nav{gap:16px}.reading{padding:32px}.form-row{grid-template-columns:1fr}.filters{flex-wrap:wrap}.gallery-heading{flex-wrap:wrap;gap:10px}}@media(max-width:520px){.wall{grid-template-columns:1fr;max-width:360px;margin:auto}.postcard{height:290px}.card-letter{font-size:17px;height:170px}.site-header,main{padding-left:20px;padding-right:20px}.site-header{padding-top:22px}.site-header nav{gap:13px;font-size:12px}.paper{padding:24px 20px}.letter-body{font-size:17px}.write-float{right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:55px;min-height:64px}.section-heading{flex-wrap:wrap}.filters select{max-width:100%}footer{margin-bottom:70px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.candle-icon{width:16px;height:24px;margin-right:9px}

.stamp{position:relative}

.paper{overflow-wrap:anywhere}

.stack{transform:translate(var(--pile-x,0px),var(--pile-y,0px)) rotate(var(--pile-angle,0deg))}
.postcard{transform:rotate(var(--card-angle,0deg))}
.stack::before{transform:translate(var(--back-x,5px),5px) rotate(var(--back-angle,1.5deg))}
.stack::after{transform:translate(7px,10px) rotate(var(--rear-angle,-1deg))}
.stack:nth-child(1){--pile-angle:-2.8deg;--card-angle:1.1deg;--pile-y:4px;--back-angle:3deg;--rear-angle:-2deg}
.stack:nth-child(2){--pile-angle:2.1deg;--card-angle:-.8deg;--pile-y:-7px;--pile-x:2px;--back-angle:-2.2deg;--rear-angle:1.5deg}
.stack:nth-child(3){--pile-angle:-1.1deg;--card-angle:-1.6deg;--pile-y:7px;--back-angle:2.3deg;--rear-angle:-2.8deg}
.stack:nth-child(4){--pile-angle:3.2deg;--card-angle:.6deg;--pile-y:-3px;--pile-x:-3px;--back-angle:-3deg;--rear-angle:1.6deg}
.stack:nth-child(5){--pile-angle:1.5deg;--card-angle:1.2deg;--pile-y:-5px;--back-angle:-1.8deg;--rear-angle:2.5deg}
.stack:nth-child(6){--pile-angle:-3.4deg;--card-angle:.7deg;--pile-y:5px;--pile-x:3px;--back-angle:2.6deg;--rear-angle:-1.4deg}
.stack:nth-child(7){--pile-angle:2.7deg;--card-angle:-1.2deg;--pile-y:-4px;--back-angle:-2.5deg;--rear-angle:1.3deg}
.stack:nth-child(8){--pile-angle:-1.7deg;--card-angle:-.9deg;--pile-y:8px;--pile-x:-2px;--back-angle:3.2deg;--rear-angle:-2.4deg}
.stack:nth-child(9){--pile-angle:-2.3deg;--card-angle:.4deg;--pile-y:5px;--back-angle:1.8deg;--rear-angle:-2.9deg}
.stack:nth-child(10){--pile-angle:3.5deg;--card-angle:-1deg;--pile-y:-6px;--back-angle:-2.8deg;--rear-angle:1.2deg}
.stack:nth-child(11){--pile-angle:.8deg;--card-angle:1.3deg;--pile-y:7px;--pile-x:2px;--back-angle:-1.6deg;--rear-angle:2.2deg}
.stack:nth-child(12){--pile-angle:-3deg;--card-angle:-.4deg;--pile-y:-2px;--back-angle:2.4deg;--rear-angle:-1.7deg}
@media(max-width:520px){.stack{--pile-x:0px!important}.wall{gap:42px}}

/* Homepage: quiet paper, varied stacks, readable letters. */
:root{color-scheme:only light;--hand:'FandolKai','Kaiti SC','STKaiti',KaiTi,'Songti SC',serif;--serif:'FandolSong','Noto Serif CJK SC','Songti SC',SimSun,Georgia,serif}
body{background-color:#f1ede4;background-image:radial-gradient(#99866612 .7px,transparent .7px);background-size:6px 6px;-webkit-tap-highlight-color:#28536b26}
.site-header{padding-top:24px;padding-bottom:19px}.brand{font-size:26px}.brand span{font-size:10px;letter-spacing:3px}
.site-header nav{flex-wrap:wrap}.site-header nav>a{display:inline-flex;align-items:center;min-height:44px}
a,button{touch-action:manipulation}
.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:8px 16px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}
.gallery-heading{margin:0 0 30px;gap:18px}.gallery-heading h1{font-size:28px;font-weight:500;letter-spacing:4px;text-wrap:balance}.gallery-heading span{font-family:var(--serif);font-size:13px}
main:has(.postcard-gallery){padding:25px 32px 30px}
.postcard-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 28px;padding:4px 0 18px}
.postcard-gallery .stack{--face:url('paper-ivory.svg?v=20261014');--back:url('paper-blue.svg?v=20261014');--mark-color:#28536b}
.postcard-gallery .postcard{display:block;height:238px;border:0;border-radius:0;background:var(--face) center/100% 100% no-repeat;padding:22px;box-shadow:none;filter:drop-shadow(0 4px 4px #5d4b3520);position:relative;z-index:1;text-decoration:none}
.postcard-gallery a.postcard:hover{filter:drop-shadow(0 7px 6px #5d4b3533)}
.postcard-gallery a.postcard:focus-visible{outline:3px solid #28536b;outline-offset:6px}
.postcard-gallery .card-pile::before,.postcard-gallery .card-pile::after,.paper-depth{position:absolute;inset:-3px -4px 20px;background:var(--back) center/100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 3px 3px #5d4b3515);pointer-events:none}
.postcard-gallery .card-pile::after{background-image:var(--face);transform:translate(6px,13px) rotate(var(--rear-angle,-1deg))}
.paper-depth{z-index:-3;transform:translate(-5px,7px) rotate(-2.7deg)}.paper-depth.rear-sheet{z-index:-4;background-image:var(--face);transform:translate(3px,17px) rotate(1.2deg)}
.postcard-gallery .card-top{position:absolute;top:18px;right:18px;height:76px;width:101px;z-index:2}
.postcard-gallery .stamp{width:96px;height:74px;background-size:351px 234px;background-position:-122px -26px;outline:1px dashed #b19d77;border:4px solid #f3e8d3;box-shadow:1px 2px 2px #66563b28;transform:rotate(var(--stamp-turn,1deg))}
.postcard-gallery .stamp-1{background-position:-239px -26px}
.postcard-gallery .stamp-2{background-position:-9px -127px}
.postcard-gallery .stamp-3{background-position:-122px -127px}
.postcard-gallery .stamp-4{background-position:-239px -127px}
.gallery-years{position:absolute;top:187px;right:0;width:85px;text-align:center;font:10px/1.2 var(--sans);color:var(--muted);letter-spacing:.6px;z-index:4;background:#fffaf0e6}
.postcard-gallery .card-letter{position:relative;width:100%;height:178px;margin:0;padding:2px 0;font:17px/29px var(--hand);color:#243b4c;letter-spacing:.15px;z-index:3;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere}
.postcard-gallery .card-letter::before{content:'';float:right;width:113px;height:110px;shape-outside:inset(0)}
.postcard-gallery .card-letter::after{display:none}
.postcard-gallery .card-letter::first-line{font-weight:400}
.postcard-gallery .stack:nth-child(3) .card-letter,.postcard-gallery .stack:nth-child(8) .card-letter{font-family:var(--serif);font-size:15px}
.postcard-gallery .empty-paper{width:calc(100% - 85px);height:165px;margin-top:10px;opacity:.5;background:repeating-linear-gradient(transparent 0,transparent 29px,#8e806320 30px,transparent 31px)}
.postcard-gallery .blank-card{opacity:.85}.postcard-gallery .stack-controls{padding:7px 8px 0;font-size:12px;gap:18px}.stack-controls a,.stack-controls span{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}.stack-controls span{opacity:.7}
.postcard-gallery .stack:nth-child(2),.postcard-gallery .stack:nth-child(8),.postcard-gallery .stack:nth-child(11){--face:url('paper-blue.svg?v=20261014');--back:url('paper-warm.svg?v=20261014');--stamp-turn:-2deg}
.postcard-gallery .stack:nth-child(3),.postcard-gallery .stack:nth-child(6),.postcard-gallery .stack:nth-child(10){--face:url('paper-warm.svg?v=20261014');--back:url('paper-ivory.svg?v=20261014')}
.postcard-gallery .stack:nth-child(4),.postcard-gallery .stack:nth-child(9){--stamp-turn:3deg}
.postcard-postmark{position:absolute;pointer-events:none;z-index:2;transform:translate(var(--seal-x,0),var(--seal-y,0)) rotate(var(--seal-turn));opacity:.52}
.postcard-postmark img{display:block;width:100%;height:100%;object-fit:contain}
.mark-slot-0{top:47px;right:9px;width:94px;height:67px;opacity:.72}
.mark-slot-1{top:126px;right:3px;width:101px;height:72px;opacity:.23}
.mark-slot-2{top:169px;left:29px;width:80px;height:54px;opacity:.2}
.mark-turn-0{--seal-turn:-24deg}.mark-turn-1{--seal-turn:-12deg}.mark-turn-2{--seal-turn:3deg}.mark-turn-3{--seal-turn:15deg}.mark-turn-4{--seal-turn:27deg}
.mark-shift-0{--seal-x:-9px;--seal-y:-5px}.mark-shift-1{--seal-x:3px;--seal-y:7px}.mark-shift-2{--seal-x:-4px;--seal-y:2px}.mark-shift-3{--seal-x:6px;--seal-y:-8px}.mark-shift-4{--seal-x:0px;--seal-y:0px}
.mark-ink-0 img{filter:none}.mark-ink-1 img{filter:sepia(1) saturate(2.4) hue-rotate(320deg)}.mark-ink-2 img{filter:sepia(1) saturate(1.2) hue-rotate(85deg)}.mark-ink-3 img{filter:grayscale(1) brightness(.8)}
footer{font-family:var(--serif);font-size:11px;margin-top:12px;padding:18px}
.write-float{width:68px;min-height:68px;border-radius:50%;background:#303635;color:#e9dcc0;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom))}.write-float svg{width:33px;height:33px}
@media(min-width:1100px){.site-header{padding-left:32px;padding-right:32px}}
@media(max-width:1099px){.postcard-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}}
@media(max-width:950px){.postcard-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 28px}}
@media(max-width:719px){main:has(.postcard-gallery){padding:24px 25px 36px}.postcard-gallery{grid-template-columns:1fr;max-width:450px;margin:auto;gap:39px}.postcard-gallery .postcard{height:258px;padding:23px 25px}.postcard-gallery .card-letter{height:207px;width:calc(100% - 47px);font-size:17px;line-height:29px}.postcard-gallery .card-letter::before{width:67px;height:110px}.postcard-gallery .stack:nth-child(3) .card-letter,.postcard-gallery .stack:nth-child(8) .card-letter{font-size:15px}.postcard-gallery .card-top{right:17px}.postcard-gallery .gallery-years{top:200px}.mark-slot-1{right:5px;opacity:.4}.mark-slot-2{top:193px;left:20px}.write-float{width:58px;min-height:58px;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.gallery-heading{flex-wrap:wrap;gap:9px 18px}.gallery-heading h1{font-size:25px}.site-header{gap:12px}.site-header nav{gap:14px}.postcard-gallery .stack{--pile-x:0px!important}}
@media(max-width:360px){main:has(.postcard-gallery){padding-left:26px;padding-right:26px}.site-header{padding-left:26px;padding-right:26px}.site-header nav{gap:10px}.brand{font-size:23px}.postcard-gallery .postcard{padding-left:19px;padding-right:19px}.postcard-gallery .card-letter{font-size:16px}}

/* Per-letter rotation: up to 15 degrees, with room for the rotated footprint. */
.postcard-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 54px;padding:0 15px}
.postcard-gallery .stack{transform:none;padding:30px 0;--card-angle:0deg}
.postcard-gallery .stack::before,.postcard-gallery .stack::after{content:none}
.card-pile{position:relative;isolation:isolate;height:238px;transform:rotate(var(--pile-tilt));transform-origin:center}
.postcard-gallery .card-pile::before,.postcard-gallery .card-pile::after{content:'';z-index:-1;transform:translate(5px,5px) rotate(var(--back-angle))}
.postcard-gallery .card-pile::after{z-index:-2;transform:translate(6px,13px) rotate(var(--rear-angle))}
@media(max-width:1349px){.postcard-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1049px){main:has(.postcard-gallery){padding-left:65px;padding-right:65px}.postcard-gallery{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:54px}}
@media(max-width:759px){main:has(.postcard-gallery){padding-left:36px;padding-right:36px}.postcard-gallery{grid-template-columns:1fr;max-width:400px;padding:0;gap:18px}.card-pile{height:258px}.postcard-gallery .postcard{height:258px}.postcard-gallery .stack{padding:30px 0}}
@media(max-width:520px){.card-pile{transform:rotate(calc(var(--pile-tilt) * .72))}.postcard-gallery .stack{padding:22px 0}.postcard-gallery{gap:26px}.postcard-gallery .card-letter{width:calc(100% - 38px);height:207px}.postcard-gallery .card-letter::before{width:76px;height:110px}.postcard-gallery .mark-slot-1{opacity:.23}}
.tilt-0{--pile-tilt:-15deg}
.tilt-1{--pile-tilt:-14deg}
.tilt-2{--pile-tilt:-13deg}
.tilt-3{--pile-tilt:-12deg}
.tilt-4{--pile-tilt:-11deg}
.tilt-5{--pile-tilt:-10deg}
.tilt-6{--pile-tilt:-9deg}
.tilt-7{--pile-tilt:-8deg}
.tilt-8{--pile-tilt:-7deg}
.tilt-9{--pile-tilt:-6deg}
.tilt-10{--pile-tilt:-5deg}
.tilt-11{--pile-tilt:-4deg}
.tilt-12{--pile-tilt:-3deg}
.tilt-13{--pile-tilt:-2deg}
.tilt-14{--pile-tilt:-1deg}
.tilt-15{--pile-tilt:0deg}
.tilt-16{--pile-tilt:1deg}
.tilt-17{--pile-tilt:2deg}
.tilt-18{--pile-tilt:3deg}
.tilt-19{--pile-tilt:4deg}
.tilt-20{--pile-tilt:5deg}
.tilt-21{--pile-tilt:6deg}
.tilt-22{--pile-tilt:7deg}
.tilt-23{--pile-tilt:8deg}
.tilt-24{--pile-tilt:9deg}
.tilt-25{--pile-tilt:10deg}
.tilt-26{--pile-tilt:11deg}
.tilt-27{--pile-tilt:12deg}
.tilt-28{--pile-tilt:13deg}
.tilt-29{--pile-tilt:14deg}
.tilt-30{--pile-tilt:15deg}
@media(max-width:520px){main:has(.postcard-gallery){padding-left:44px;padding-right:44px}}

/* Letter detail: readable paper, generous postage, and explicit reading actions. */
.reading-top{align-items:flex-start;min-height:184px}
.reading-top>a{padding-top:8px}
.reading-postage{position:relative;flex:none;width:236px;height:174px}
.reading-postage .stamp{position:absolute;right:5px;top:5px;width:160px;height:120px;background-size:540px 360px;background-position:-188px -40px;border-width:8px;transform:rotate(2deg)}
.reading-postage .stamp-1{background-position:-368px -40px}
.reading-postage .stamp-2{background-position:-14px -196px}
.reading-postage .stamp-3{background-position:-188px -196px}
.reading-postage .stamp-4{background-position:-368px -196px}
.reading-postmark{position:absolute;pointer-events:none;width:119px;height:86px;transform:translate(var(--seal-x,0),var(--seal-y,0)) rotate(var(--seal-turn));opacity:.66}
.reading-postmark img{width:100%;height:100%;object-fit:contain}
.reading-mark-1{left:7px;top:53px}
.reading-mark-2{left:32px;top:9px;opacity:.42}
.reading-mark-3{right:-8px;top:88px;opacity:.38}
.reading .letter-body{margin-top:22px}
.letter-navigation{display:flex;justify-content:space-between;gap:12px;margin:12px 0 28px}
.letter-navigation [aria-disabled=true]{opacity:.4;cursor:default}
.reading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.reading-actions .candle-button{margin:0;gap:9px}
.candle-icon{width:18px;height:25px;flex:none}
.reflection-editor{margin-top:16px}
.reflection-editor summary{list-style:none}
.reflection-editor summary::-webkit-details-marker{display:none}
.reading .echo-box{padding-top:22px}
@media(max-width:520px){.reading-top{min-height:166px;gap:8px;flex-wrap:wrap}.reading-postage{width:175px;max-width:100%;height:154px;margin-left:auto}.reading-postage .stamp{width:132px;height:98px;background-size:445.5px 297px;background-position:-155px -33px;border-width:7px}.reading-postage .stamp-1{background-position:-304px -33px}.reading-postage .stamp-2{background-position:-12px -162px}.reading-postage .stamp-3{background-position:-155px -162px}.reading-postage .stamp-4{background-position:-304px -162px}.reading-postmark{width:95px;height:69px}.reading-mark-1{left:-3px;top:52px}.reading-mark-2{left:12px}.reading-mark-3{right:-2px;top:79px}.letter-navigation .button{padding:9px 12px}.reading-actions{gap:10px}.reading-actions .button,.reading-actions button{padding:9px 12px}.reading-top>a{font-size:12px}}

.letter-sharing{margin:0 0 26px;padding:20px 0;border-top:1px solid var(--line)}
.share-heading{font:14px var(--sans);color:var(--muted);margin:0 0 12px}
.share-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.share-actions button,.share-actions a{font-size:13px;padding:9px 14px}
.share-actions [hidden],.letter-sharing [hidden]{display:none}
.share-hint{margin:12px 0 0}
.share-status{margin:8px 0 0;min-height:0}
.share-status:empty{display:none}
#share-link{font-size:13px}

.reading-nav-status{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;margin:0;padding:10px 16px;border-radius:6px;background:#303635;color:#fffaf0;font-size:13px;line-height:1.5;box-shadow:0 4px 16px #243d4a20;pointer-events:none;white-space:nowrap}
.reading-nav-status[hidden]{display:none}