@font-face{font-family:ChenYuluoyan;src:url(/assets/ChenYuluoyan-Thin-DSlfrbue.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}:root{--paper-light: #d6c59c;--paper: #c0a878;--paper-deep: #8e714e;--ink: #21170f;--paper-sink: rgba(91, 54, 29, .18);--glow: rgba(255, 214, 126, .38);--font-zh: "ChenYuluoyan", "Hannotate SC", STKaiti, "Kaiti SC", KaiTi, cursive;--font-en: "Apple Chancery", "URW Chancery L", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-ja: YuKyokasho, "Yu Kyokasho", "Hiragino Mincho ProN", "Yu Mincho", serif;--script-font: var(--font-zh);--script-size: clamp(1.65rem, 3.85vw, 2.82rem);--script-leading: 1.4;--script-tracking: .018em;--script-weight: 300;--writing-inset-y: clamp(54px, 6vw, 74px);--writing-inset-x: clamp(48px, 8.5vw, 92px)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 51% 43%,rgba(121,84,48,.17),transparent 57%),repeating-linear-gradient(94deg,rgba(255,255,255,.012) 0 1px,transparent 1px 18px),repeating-linear-gradient(2deg,transparent 0 21px,rgba(0,0,0,.035) 22px 24px),linear-gradient(144deg,#241c16,#17120f 54%,#0d0b09);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.64),transparent 17% 84%,rgba(0,0,0,.68)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 20% 78%,rgba(0,0,0,.52));box-shadow:inset 0 0 190px #000000d1}textarea{font:inherit}.desk-atmosphere,.candle-cast,.quill-cast{position:fixed;pointer-events:none}.desk-atmosphere{inset:0;overflow:hidden;z-index:-1}.candle-cast{width:220px;height:420px;top:-170px;right:4%;border-radius:48%;background:radial-gradient(ellipse,rgba(244,181,80,.13),transparent 66%);filter:blur(18px);transform:rotate(-9deg)}.quill-cast{width:420px;height:38px;left:-95px;bottom:10%;border-radius:80% 12%;background:#0000003b;filter:blur(11px);transform:rotate(24deg) skew(-28deg);opacity:.64}.quill-cast:after{content:"";position:absolute;width:230px;height:80px;left:18px;top:-29px;border-radius:100% 12% 80% 10%;border-top:14px solid rgba(0,0,0,.15);transform:rotate(-5deg)}.letter-shell{min-height:100vh;display:grid;place-items:center;padding:clamp(20px,5vw,64px);perspective:1200px}.letter{position:relative;overflow:hidden;isolation:isolate;width:min(100%,820px);min-height:min(76vh,660px);margin:auto;border:1px solid rgba(66,39,21,.7);border-radius:2px 7px 3px 5px;clip-path:polygon(.5% 1%,7% .25%,16% .55%,27% .16%,39% .48%,52% .12%,64% .48%,77% .15%,90% .42%,99.45% .9%,99.8% 12%,99.44% 25%,99.85% 42%,99.48% 58%,99.78% 74%,99.32% 89%,99.68% 99.25%,86% 99.72%,73% 99.38%,58% 99.82%,43% 99.45%,28% 99.8%,12% 99.35%,.48% 99.7%,.7% 84%,.26% 70%,.57% 53%,.18% 37%,.6% 20%);background:radial-gradient(ellipse at 12% 17%,rgba(246,235,201,.3),transparent 25%),radial-gradient(ellipse at 91% 77%,rgba(63,40,25,.17),transparent 31%),radial-gradient(ellipse at 38% 68%,rgba(72,48,30,.07),transparent 18%),radial-gradient(ellipse at 72% 19%,rgba(74,49,29,.08),transparent 14%),radial-gradient(ellipse at 52% 48%,transparent 45%,rgba(75,53,34,.1) 84%,rgba(52,34,21,.25)),linear-gradient(112deg,var(--paper-light),var(--paper) 48%,#aa8e62);box-shadow:inset 0 0 0 1px #fff4ca4f,inset 9px 0 22px #522d1733,inset -15px -8px 36px #41231247,inset 0 0 100px #4928152b,0 5px 8px #00000061,18px 34px 90px #000000ba;transform:rotate(-.22deg) rotateX(.45deg)}.letter:before{content:"";position:absolute;inset:clamp(15px,2.7vw,25px);z-index:1;pointer-events:none;border:1px solid rgba(77,43,23,.22);border-radius:43% 57% 48% 52%/1% 2%;box-shadow:0 0 0 3px #ffebb00f,inset 0 0 19px #4c291517}.letter:after{content:"";position:absolute;inset:8%;z-index:8;pointer-events:none;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 63%);opacity:0;transform:scale(.82)}.paper-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:multiply;background:linear-gradient(7deg,transparent 8%,rgba(68,48,32,.05) 8.15%,transparent 8.35% 42%,rgba(68,48,32,.035) 42.15%,transparent 42.35%),linear-gradient(96deg,transparent 18%,rgba(245,235,207,.07) 18.12%,transparent 18.3% 74%,rgba(67,44,28,.032) 74.15%,transparent 74.35%),linear-gradient(16deg,transparent 13%,rgba(65,44,29,.04) 13.15%,transparent 13.42% 57%,rgba(246,236,207,.045) 57.16%,transparent 57.46%),linear-gradient(101deg,transparent 26%,rgba(68,44,27,.034) 26.14%,transparent 26.4% 81%,rgba(60,40,26,.026) 81.12%,transparent 81.38%)}.paper-grain:before,.paper-grain:after{content:"";position:absolute;border-radius:50%}.paper-grain:before{width:23%;aspect-ratio:1.45;top:-5%;right:6%;border:1px solid rgba(86,45,21,.11);box-shadow:inset 0 0 30px #4c271317;filter:blur(.6px);transform:rotate(19deg)}.paper-grain:after{width:19%;aspect-ratio:1;left:-7%;bottom:3%;background:radial-gradient(circle,transparent 28%,rgba(73,37,18,.12) 46%,transparent 69%);filter:blur(1.5px)}.paper-sigil{position:absolute;left:53%;top:54%;width:min(24%,164px);aspect-ratio:1;z-index:1;display:grid;place-items:center;pointer-events:none;color:#4832200d;border:1px solid currentColor;border-left-color:transparent;border-bottom-color:#48322006;border-radius:49% 51% 47% 53%;transform:translate(-50%,-50%) rotate(9deg);filter:blur(.35px)}.paper-sigil:before{content:"";position:absolute;inset:17% 13% 15% 19%;border:1px solid currentColor;border-top-color:transparent;border-radius:42% 58% 46% 54%;transform:rotate(-13deg)}.paper-sigil:after{content:"";position:absolute;width:30%;height:2px;top:49%;left:35%;background:currentColor;opacity:.6;transform:rotate(-31deg)}.writing-glow{position:absolute;z-index:2;width:190px;height:130px;left:var(--glow-x, 31%);top:var(--glow-y, 31%);pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,rgba(255,221,143,.16),transparent 67%);filter:blur(10px);opacity:0;transform:translate(-50%,-50%);transition:left .18s ease,top .18s ease,opacity .4s ease}.letter.composing .writing-glow{opacity:.72}.letter.absorbing:after{animation:paperPulse 1.7s ease-out forwards}.letter.revealing:after{animation:paperReveal 2.1s ease-out forwards}.letter.anticipating .paper-sigil{animation:sealBreathe 1.8s ease-in-out infinite}.empty-prompt,#messageInput,.input-ink-layer,.ink-layer,.media-layer{position:absolute;inset:var(--writing-inset-y) var(--writing-inset-x)}.empty-prompt,.input-ink-layer,.ink-layer,#messageInput{font-family:var(--script-font);font-size:var(--script-size);font-weight:var(--script-weight);line-height:var(--script-leading);letter-spacing:var(--script-tracking);font-kerning:normal;text-rendering:optimizeLegibility;white-space:pre-wrap}.empty-prompt{z-index:2;height:fit-content;color:#4127164a;pointer-events:none;white-space:normal;transform:translateY(.14em);transition:opacity .44s ease,filter .44s ease,transform .44s ease;text-shadow:0 0 3px rgba(83,47,23,.08)}.letter.has-content .empty-prompt{opacity:0;filter:blur(4px);transform:translateY(-.12em)}.letter[data-script=en]{--script-font: var(--font-en);--script-size: clamp(1.62rem, 3.75vw, 2.72rem);--script-leading: 1.58;--script-tracking: .012em;--script-weight: 400}.letter[data-script=ja]{--script-font: var(--font-ja);--script-size: clamp(1.34rem, 2.8vw, 1.98rem);--script-leading: 1.58;--script-tracking: .035em;--script-weight: 400}.letter[data-density=compact]{--script-size: clamp(1.36rem, 3vw, 2.15rem);--script-leading: 1.54}.letter[data-density=dense]{--script-size: clamp(1.12rem, 2.35vw, 1.72rem);--script-leading: 1.48;--writing-inset-y: clamp(48px, 6vw, 74px)}#messageInput{z-index:4;width:auto;height:auto;resize:none;border:0;outline:0;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#27170ee6;overflow:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 4px));mask-image:linear-gradient(to bottom,transparent 0,#000 16px,#000 calc(100% - 4px))}#messageInput::-webkit-scrollbar,.ink-layer::-webkit-scrollbar{width:0;height:0}#messageInput::selection{background:#714e2a33}#messageInput.hidden,.input-ink-layer.hidden{display:none}.input-ink-layer,.ink-layer{z-index:3;color:var(--ink);pointer-events:none;overflow:auto;scrollbar-width:none;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 7px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 7px),transparent 100%)}.ink-layer{z-index:5}.ink-line{display:block;min-height:1.05em}.ink-line:empty{min-height:.4em;line-height:.4}.input-ink-layer .ink-line:empty{min-height:calc(var(--script-leading) * 1em);line-height:var(--script-leading)}.ink-line[data-role=salutation]{margin-bottom:.38em}.letter[data-script=zh] .ink-line[data-role=body]{text-indent:2em}.ink-line[data-role=signature]{width:100%;padding-left:36%;text-align:right;margin-top:.22em}.letter[data-script=en] .ink-line[data-role=body]{max-width:92%}.glyph{display:inline;opacity:var(--ink-opacity, .94);filter:blur(var(--ink-softness, .06px));text-shadow:.32px .22px var(--ink-spread, .42px) rgba(46,23,12,.57),-.2px 0 0 rgba(91,48,23,.25),0 0 4px rgba(60,30,15,.1)}.glyph[data-script=zh]{font-family:var(--font-zh);font-style:normal;letter-spacing:.015em}.glyph[data-script=en]{font-family:var(--font-en);font-style:italic;letter-spacing:.01em}.glyph[data-script=ja]{font-family:var(--font-ja);font-style:normal;letter-spacing:.045em;text-shadow:.2px .2px 0 rgba(52,27,14,.58),0 0 .45px rgba(41,21,11,.38)}.glyph[data-script=punct]{font-size:.88em;letter-spacing:0}.glyph.fresh{animation:inkDry 1.35s ease-out both}.ink-layer .glyph{display:inline;position:relative;left:var(--x, 0);top:var(--y, 0);transition:opacity var(--dur, .9s) ease,filter var(--dur, .9s) ease,left var(--dur, .9s) cubic-bezier(.2,.72,.24,1),top var(--dur, .9s) cubic-bezier(.2,.72,.24,1);transition-delay:var(--delay, 0ms)}.ink-layer.vanishing .glyph{opacity:.02;color:var(--paper-sink);filter:blur(var(--blur, 5px)) saturate(.42);left:calc(var(--x, 0px) + var(--dx, 0px));top:calc(var(--y, 0px) + var(--dy, 0px));text-shadow:0 0 9px rgba(76,48,28,.22),0 0 18px rgba(240,216,157,.14)}.ink-layer.appearing .glyph{opacity:0;color:#413a2729;filter:blur(8px);left:calc(var(--x, 0px) + var(--dx, 0px));top:calc(var(--y, 0px) + var(--dy, 0px));text-shadow:0 0 17px rgba(241,219,160,.37)}.ink-layer.appearing .glyph.shown{opacity:var(--ink-opacity, .94);color:var(--ink);filter:blur(var(--ink-softness, .06px));left:var(--x, 0);top:var(--y, 0);text-shadow:.32px .22px var(--ink-spread, .42px) rgba(46,23,12,.57),-.2px 0 0 rgba(91,48,23,.25),0 0 4px rgba(60,30,15,.1)}.media-layer{z-index:6;display:grid;place-items:center;pointer-events:none}.media-layer:empty{display:none}.media-layer img,.media-layer video{max-width:min(92%,520px);max-height:min(64vh,420px);border-radius:3px;object-fit:contain;opacity:0;filter:blur(18px) saturate(.7) sepia(.18);transform:scale(1.08);box-shadow:0 0 34px #eed19138,0 18px 45px #281d133b}.media-layer.revealing img,.media-layer.revealing video{animation:mediaReveal 2.4s ease forwards}@media(max-width:620px){:root{--script-size: clamp(1.42rem, 7.6vw, 2rem);--writing-inset-x: 34px;--writing-inset-y: 58px}.letter-shell{padding:10px}.letter{min-height:calc(100vh - 20px);border-radius:2px 5px 3px 4px;transform:rotate(-.1deg)}.letter[data-script=ja],.letter[data-density=compact]{--script-size: clamp(1.28rem, 6.6vw, 1.75rem)}.letter[data-density=dense]{--script-size: clamp(1.02rem, 5.2vw, 1.4rem);--writing-inset-x: 28px;--writing-inset-y: 48px}.candle-cast{right:-90px}.quill-cast{opacity:.32}}@media(prefers-reduced-motion:reduce){.letter,.letter:after,.paper-sigil,.glyph,.empty-prompt,.writing-glow,.media-layer img,.media-layer video{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}}@keyframes inkDry{0%{opacity:.72;filter:blur(.75px);text-shadow:0 0 2px rgba(40,21,11,.78),0 0 7px rgba(92,50,25,.25)}58%{opacity:.99;filter:blur(.18px)}to{opacity:var(--ink-opacity, .94);filter:blur(var(--ink-softness, .06px))}}@keyframes sealBreathe{0%,to{opacity:.72;filter:blur(.2px)}50%{opacity:1;filter:blur(0) drop-shadow(0 0 8px rgba(228,186,103,.13))}}@keyframes paperPulse{0%{opacity:0;transform:scale(.76)}38%{opacity:.72;transform:scale(1)}to{opacity:0;transform:scale(1.24)}}@keyframes paperReveal{0%{opacity:0;transform:scale(1.18)}34%{opacity:.62;transform:scale(.98)}to{opacity:0;transform:scale(.84)}}@keyframes mediaReveal{0%{opacity:0;filter:blur(22px) saturate(.5) sepia(.35);transform:scale(1.12)}36%{opacity:.42;filter:blur(10px) saturate(.8) sepia(.25)}to{opacity:1;filter:blur(0) saturate(.94) sepia(.1);transform:scale(1)}}