@import url("https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap");@import url("https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1/style.css");.letter-stage[data-theme=gilded],.original-stage[data-theme=gilded],:root,body[data-theme=gilded]{--scene:#b3aea0;--scene-deep:#4e4a42;--scene-glow:rgba(255,216,148,0.36);--paper:#f8f6ee;--paper-raised:#fdfcf6;--paper-deep:#e5e3d6;--ink:#28251f;--muted:#716c60;--seal:#a8231f;--seal-ink:#fdf7ec;--post:#2e4d69;--gold:#b98f35;--rule:rgba(168,35,31,0.26);--line:rgba(40,37,31,0.18);--envelope:#e3d2a6;--envelope-fold:#eee0bd;--envelope-edge:#94805a;--shadow:rgba(30,26,18,0.34);--ui:rgba(253,252,246,0.88);--ui-strong:rgba(253,253,249,0.97)}.letter-stage[data-theme=moonlight],.original-stage[data-theme=moonlight],body[data-theme=moonlight]{--scene:#182642;--scene-deep:#070d1b;--scene-glow:rgba(170,198,245,0.26);--paper:#eef0ec;--paper-raised:#f8f9f3;--paper-deep:#d9e0e4;--ink:#222d3d;--muted:#68758a;--seal:#46608c;--seal-ink:#f2f7ff;--post:#8aa5cf;--gold:#cfb06a;--rule:rgba(70,96,140,0.3);--line:rgba(185,202,232,0.22);--envelope:#b3c1d8;--envelope-fold:#c6d2e5;--envelope-edge:#5c7398;--shadow:rgba(3,8,20,0.55);--ui:rgba(238,244,252,0.88);--ui-strong:rgba(248,251,255,0.97)}.letter-stage[data-theme=blush],.original-stage[data-theme=blush],body[data-theme=blush]{--scene:#d18d87;--scene-deep:#62384b;--scene-glow:rgba(255,198,172,0.5);--paper:#fdf2ea;--paper-raised:#fff9f3;--paper-deep:#f4dcd2;--ink:#42262c;--muted:#90646c;--seal:#b23a54;--seal-ink:#fff5f0;--post:#6e4961;--gold:#c78e4a;--rule:rgba(178,58,84,0.28);--line:rgba(120,60,72,0.2);--envelope:#efc9c2;--envelope-fold:#f6dbd3;--envelope-edge:#a86670;--shadow:rgba(66,28,40,0.34);--ui:rgba(255,246,240,0.88);--ui-strong:rgba(255,250,246,0.97)}.letter-stage[data-theme=mist],.original-stage[data-theme=mist],body[data-theme=mist]{--scene:#b9cfc5;--scene-deep:#5d7367;--scene-glow:rgba(238,250,243,0.55);--paper:#f4f9f3;--paper-raised:#fbfdf8;--paper-deep:#dde9dd;--ink:#24372c;--muted:#647a6c;--seal:#3f7f68;--seal-ink:#f0faf3;--post:#376052;--gold:#9a8b3e;--rule:rgba(63,127,104,0.3);--line:rgba(52,82,66,0.2);--envelope:#d0e1cd;--envelope-fold:#dfebd9;--envelope-edge:#75917e;--shadow:rgba(26,50,38,0.3);--ui:rgba(246,252,244,0.88);--ui-strong:rgba(250,253,248,0.97)}.letter-stage[data-theme=drizzle],.original-stage[data-theme=drizzle],body[data-theme=drizzle]{--scene:#8ea3b2;--scene-deep:#45535e;--scene-glow:rgba(205,226,240,0.45);--paper:#f0f5f7;--paper-raised:#f8fbfc;--paper-deep:#d9e3e8;--ink:#27313b;--muted:#66747f;--seal:#486a85;--seal-ink:#eff7fb;--post:#38576f;--gold:#8f854a;--rule:rgba(72,106,133,0.3);--line:rgba(56,74,88,0.2);--envelope:#c3d2dc;--envelope-fold:#d3dfe7;--envelope-edge:#6d8494;--shadow:rgba(26,40,50,0.34);--ui:rgba(244,249,251,0.88);--ui-strong:rgba(250,252,253,0.97)}.letter-stage[data-theme=amber],.original-stage[data-theme=amber],body[data-theme=amber]{--scene:#3e2b16;--scene-deep:#130b03;--scene-glow:rgba(255,186,96,0.24);--paper:#faeccf;--paper-raised:#fdf4dd;--paper-deep:#eed9af;--ink:#372712;--muted:#886f4c;--seal:#b34a24;--seal-ink:#fdf1da;--post:#8f6d35;--gold:#ddb054;--rule:rgba(179,74,36,0.3);--line:rgba(232,200,138,0.22);--envelope:#e2c48b;--envelope-fold:#edd5a3;--envelope-edge:#9a7639;--shadow:rgba(6,3,0,0.6);--ui:rgba(253,245,226,0.88);--ui-strong:rgba(253,247,232,0.97)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;color:var(--ink);background:var(--scene-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root{--font-display:"Ma Shan Zheng","Noto Serif SC","Kaiti SC","STKaiti","KaiTi",serif;--font-body:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--font-letter:"LXGW WenKai","Kaiti SC","STKaiti","KaiTi","Noto Serif SC",serif}figure,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--seal);color:var(--seal-ink)}:focus-visible{outline:2px solid var(--post);outline-offset:3px;border-radius:2px}.bgm-toggle,.bookshelf-view-switch,.envelope-card,.page-tools,.theme-switcher{user-select:none;-webkit-user-select:none}.envelope-index,.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:90;padding:.55rem .9rem;background:var(--ink);color:var(--paper);font-size:.85rem;border-radius:999px;transform:translateY(-260%);transition:transform .18s ease}.skip-link:focus-visible{transform:none}.letter-stage,.original-stage{position:relative;min-height:100svh;padding:clamp(4.5rem,9vh,6.5rem) clamp(1rem,4vw,3rem) clamp(4rem,8vh,6rem);background:radial-gradient(ellipse 120% 90% at 50% 0,var(--scene-glow),transparent 60%),radial-gradient(ellipse 140% 120% at 50% 115%,transparent 40%,rgba(0,0,0,.22) 100%),linear-gradient(168deg,var(--scene) 0,var(--scene-deep) 100%)}.letter-stage:before,.original-stage:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 18% 24%,rgba(255,255,255,.16) 0 1px,transparent 1.6px),radial-gradient(circle at 76% 68%,rgba(0,0,0,.1) 0 1px,transparent 1.6px);background-size:26px 26px,34px 34px}.motion-fade-up{animation:fade-up .56s cubic-bezier(.22,.8,.28,1) both}.motion-letter-reveal{animation:letter-reveal .38s cubic-bezier(.22,.8,.28,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes letter-reveal{0%{opacity:.9;transform:translateY(8px) scale(.996)}to{opacity:1;transform:translateY(0) scale(1)}}@supports (view-transition-name:letter-paper){html[data-letter-transition=active] .motion-letter-reveal{animation:none}::view-transition-group(root){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,.8,.28,1)}::view-transition-new(root),::view-transition-old(root){mix-blend-mode:normal}::view-transition-old(root){animation:route-surface-out .3s ease-out both}::view-transition-new(root){animation:route-surface-in .3s cubic-bezier(.22,.8,.28,1) both}}@keyframes route-surface-out{0%{opacity:1}to{opacity:.16}}@keyframes route-surface-in{0%{opacity:0}to{opacity:1}}.page-tools{position:fixed;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,2vw,1.25rem);z-index:60;align-items:center}.page-tools,.page-tools-links{display:flex;gap:.5rem}.original-link{display:inline-flex;align-items:center;height:2.45rem;gap:.4rem;padding:0 .95rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em;color:var(--ink);background:var(--ui);border:1px solid var(--line);border-radius:999px;box-shadow:0 4px 14px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease}.original-link:hover{transform:translateY(-1px);background:var(--ui-strong)}.shelf-link:before{content:"←";font-family:var(--font-body);font-size:.82em;transform:translateY(-.06em)}.theme-menu{position:relative}.theme-menu-trigger{display:inline-flex;align-items:center;height:2.45rem;gap:.45rem;padding:0 .95rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;color:var(--ink);background:var(--ui);border:1px solid var(--line);border-radius:999px;box-shadow:0 4px 14px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;list-style:none;transition:background .18s ease}.theme-menu-trigger::-webkit-details-marker{display:none}.theme-menu-trigger:hover{background:var(--ui-strong)}.theme-menu-chevron{width:.7rem;height:.7rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.theme-menu[open] .theme-menu-chevron{transform:rotate(180deg)}.theme-current-swatch,.theme-option-swatch{width:.85rem;height:.85rem;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}.theme-swatch-gilded{background:linear-gradient(135deg,#b3aea0 55%,#a8231f 0)}.theme-swatch-moonlight{background:linear-gradient(135deg,#182642 55%,#cfb06a 0)}.theme-swatch-blush{background:linear-gradient(135deg,#d18d87 55%,#b23a54 0)}.theme-swatch-mist{background:linear-gradient(135deg,#b9cfc5 55%,#3f7f68 0)}.theme-swatch-drizzle{background:linear-gradient(135deg,#8ea3b2 55%,#486a85 0)}.theme-swatch-amber{background:linear-gradient(135deg,#3e2b16 55%,#ddb054 0)}.theme-switcher{position:absolute;top:calc(100% + .5rem);right:0;min-width:11.5rem;padding:.6rem;display:grid;gap:.15rem;background:var(--ui-strong);border:1px solid var(--line);border-radius:.9rem;box-shadow:0 14px 34px var(--shadow);animation:fade-up .22s ease both}.theme-menu-label{padding:.2rem .55rem .45rem;font-size:.7rem;letter-spacing:.24em;color:var(--muted)}.theme-chip{display:flex;align-items:center;gap:.55rem;width:100%;padding:.42rem .55rem;font-family:var(--font-display);font-size:1.05rem;color:var(--ink);background:transparent;border:0;border-radius:.55rem;text-align:left;transition:background .15s ease}.theme-chip.is-active,.theme-chip:hover{background:var(--paper-deep)}.theme-option-check{width:.8rem;height:.8rem;margin-left:auto;fill:none;stroke:var(--seal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bgm-toggle{position:fixed;right:clamp(.75rem,2vw,1.25rem);bottom:clamp(.9rem,2.4vw,1.5rem);z-index:60;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem .45rem .5rem;font-size:.82rem;letter-spacing:.05em;color:var(--ink);background:var(--ui);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 18px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease,background .18s ease}.bgm-toggle:hover{transform:translateY(-2px);background:var(--ui-strong)}.bgm-disc{position:relative;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--paper-raised) 0 22%,var(--ink) 24% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.bgm-disc-grooves{position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,.22);mask:radial-gradient(circle,transparent 0 30%,#000 32%);-webkit-mask:radial-gradient(circle,transparent 0 30%,#000 32%)}.bgm-toggle.is-playing .bgm-disc{animation:bgm-spin 3.2s linear infinite}@keyframes bgm-spin{to{transform:rotate(1turn)}}.bgm-state-icon{position:relative;width:.85rem;height:.85rem;fill:var(--seal);stroke:var(--seal);stroke-width:1.6;stroke-linecap:round}.bgm-play-icon{fill:var(--seal-ink);stroke:none}.bgm-toggle.is-playing .bgm-state-icon{fill:none;stroke:var(--seal-ink)}.bgm-toggle.has-error .bgm-state-icon{fill:none;stroke:#d98b4a}.bgm-label{white-space:nowrap;font-family:var(--font-display);font-size:.9rem}.bookshelf-panel{position:relative;max-width:72rem;margin:0 auto}.bookshelf-header{margin-bottom:clamp(2rem,5vw,3.5rem)}.bookshelf-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1.15;color:var(--paper-raised);text-shadow:0 2px 18px var(--shadow)}.bookshelf-intro{margin-top:.9rem;font-size:clamp(.88rem,1.4vw,1rem);letter-spacing:.22em;color:var(--paper);opacity:.85;text-shadow:0 1px 8px var(--shadow)}.bookshelf-toolbar{margin-top:1.6rem}.bookshelf-view-switch{display:inline-flex;padding:.25rem;gap:.25rem;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.18);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bookshelf-view-chip{padding:.42rem 1.05rem;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em;color:var(--paper);background:transparent;border:0;border-radius:999px;transition:background .18s ease,color .18s ease}.bookshelf-view-chip.is-active{background:var(--paper-raised);color:var(--ink);box-shadow:0 2px 8px var(--shadow)}.timeline-header{display:flex;align-items:baseline;gap:.9rem;margin-bottom:1.8rem}.timeline-header h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--paper-raised);text-shadow:0 1px 10px var(--shadow)}.timeline-years{display:grid;gap:clamp(2.2rem,5vw,3.4rem)}.timeline-year-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;font-family:var(--font-display);font-size:1.3rem;letter-spacing:.06em;color:var(--paper);text-shadow:0 1px 8px var(--shadow)}.timeline-year{position:relative;padding-left:1.6rem}.timeline-year:before{content:"";position:absolute;left:0;top:.62rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--seal);box-shadow:0 0 0 3px color-mix(in srgb,var(--seal) 32%,transparent)}.timeline-year:not(:last-child):after{content:"";position:absolute;left:.27rem;top:1.35rem;bottom:calc(-.9rem - clamp(2.2rem, 5vw, 3.4rem));width:1px;background:repeating-linear-gradient(to bottom,var(--paper) 0 4px,transparent 4px 9px);opacity:.45}.bookshelf-groups{display:grid;gap:clamp(2.2rem,5vw,3.4rem)}.bookshelf-group-title{margin-bottom:1.4rem;font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--paper-raised);text-shadow:0 1px 10px var(--shadow)}.bookshelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));gap:clamp(1.4rem,3vw,2.2rem);align-items:start}@media (min-width:64rem){.bookshelf-panel{display:grid;grid-template-columns:15rem 1fr;gap:clamp(2rem,4.5vw,4rem);align-items:start}.bookshelf-header{position:sticky;top:5rem;margin-bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.8rem}.bookshelf-heading{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1.4rem}.bookshelf-intro,.bookshelf-title{writing-mode:vertical-rl}.bookshelf-title{font-size:clamp(3.4rem,5.2vw,4.6rem);letter-spacing:.12em;margin:0}.bookshelf-intro{margin:0;padding-top:.5rem;letter-spacing:.34em}.bookshelf-toolbar{margin-top:0}.bookshelf-view-switch{flex-direction:column;border-radius:1.4rem}.bookshelf-view-chip{writing-mode:vertical-rl;letter-spacing:.2em;padding:.9rem .5rem;border-radius:1.1rem}.bookshelf-panel>.bookshelf-groups,.bookshelf-panel>.timeline-section{grid-column:2;min-width:0}.archive-cat{grid-column:2}}.archive-cat{margin:clamp(2.5rem,6vw,4rem) auto 0;width:5.2rem;opacity:.75}.archive-cat svg{display:block;width:100%;fill:none;stroke:var(--paper);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 6px var(--shadow))}.archive-cat-heart{fill:var(--seal);stroke:none;transform-box:fill-box;transform-origin:center;animation:heart-beat 1.6s ease-in-out infinite}.archive-cat-flip{fill:color-mix(in srgb,var(--paper-raised) 92%,transparent);stroke:var(--paper);transform-box:view-box;transform-origin:48px 0;animation:page-flip 3.6s ease-in-out infinite}.archive-cat-eyes{transform-box:view-box;transform-origin:48px 30px;animation:cat-blink 3.3s ease-in-out infinite}@keyframes page-flip{0%,22%{transform:scaleX(1);opacity:1}38%{transform:scaleX(.04);opacity:1}54%,66%{transform:scaleX(-1);opacity:1}72%{transform:scaleX(-1);opacity:0}80%{transform:scaleX(1);opacity:0}90%,to{transform:scaleX(1);opacity:1}}@keyframes cat-blink{0%,90%,to{transform:scaleY(1)}94.5%{transform:scaleY(.1)}}@keyframes heart-beat{0%,to{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(1)}36%{transform:scale(1.12)}48%,to{transform:scale(1)}}.envelope-card{position:relative;display:block;aspect-ratio:10/11.2;max-width:19rem;animation:fade-up .56s cubic-bezier(.22,.8,.28,1) backwards;animation-delay:calc(min(var(--envelope-order, 0), 6) * 90ms);transition:transform .24s cubic-bezier(.22,.8,.28,1)}.envelope-card:hover{transform:translateY(-5px)}.envelope-letter{position:absolute;left:6.5%;right:6.5%;top:6.5%;height:62%;z-index:2;background:var(--paper-raised);border:1px solid var(--line);border-radius:2px;box-shadow:0 3px 10px var(--shadow);padding:.85rem 1rem;transform:rotate(calc((min(var(--envelope-order, 0), 4) - 1) * .5deg));transition:transform .26s cubic-bezier(.22,.8,.28,1);overflow:hidden}.envelope-card:hover .envelope-letter{transform:translateY(-7%) rotate(0deg)}.envelope-letter-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,var(--paper-deep),transparent 22%);opacity:.5}.envelope-letter-content{position:relative;display:flex;flex-direction:column;gap:.4rem}.envelope-letter-title{font-family:var(--font-display);font-size:1.42rem;line-height:1.25;color:var(--ink)}.envelope-letter-excerpt{font-family:var(--font-display);font-size:.98rem;line-height:1.6;letter-spacing:.04em;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.14rem}.envelope-shell{position:absolute;left:0;right:0;bottom:0;height:62%;z-index:3;background:var(--envelope);border:1px solid var(--envelope-edge);border-radius:3px;box-shadow:0 14px 28px -8px var(--shadow);transition:box-shadow .24s ease}.envelope-card:hover .envelope-shell{box-shadow:0 20px 36px -10px var(--shadow)}.envelope-body{position:absolute;inset:0}.envelope-body:after,.envelope-body:before{content:"";position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(-48deg,var(--seal) 0 10px,var(--paper-raised) 10px 20px,var(--post) 20px 30px,var(--paper-raised) 30px 40px);opacity:.9}.envelope-body:before{top:0;border-radius:3px 3px 0 0}.envelope-body:after{bottom:0;border-radius:0 0 3px 3px}.envelope-fold-left,.envelope-fold-right{position:absolute;top:0;bottom:0;width:52%;background:var(--envelope-fold);opacity:.55}.envelope-fold-left{left:0;clip-path:polygon(0 0,100% 50%,0 100%)}.envelope-fold-right{right:0;clip-path:polygon(100% 0,0 50%,100% 100%)}.envelope-fold-bottom{position:absolute;left:0;right:0;bottom:0;height:58%;background:var(--envelope-fold);clip-path:polygon(0 100%,50% 30%,100% 100%);filter:brightness(1.03)}.envelope-address{position:absolute;left:1rem;bottom:1rem;z-index:4;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.08em;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.35)}.envelope-motif{position:absolute;top:.85rem;right:.75rem;z-index:4;width:2.1rem;height:2.5rem;background:var(--paper-raised);outline:2px dashed rgba(255,255,255,.85);outline-offset:-3.5px;box-shadow:0 1px 3px var(--shadow);display:grid;place-items:center}.envelope-motif:before{content:"";width:1.15rem;height:1.15rem}.envelope-variant-first-touch .envelope-motif:before{background:var(--gold);clip-path:polygon(50% 0,62% 36%,100% 38%,69% 60%,81% 100%,50% 74%,19% 100%,31% 60%,0 38%,38% 36%)}.envelope-variant-moon-reply .envelope-motif:before{border-radius:50%;box-shadow:inset .32em -.1em 0 0 var(--post);transform:rotate(-18deg)}.envelope-variant-may-bloom .envelope-motif:before{background:radial-gradient(circle at 50% 50%,var(--gold) 0 12%,transparent 13%),radial-gradient(circle at 50% 18%,var(--seal) 0 17%,transparent 18%),radial-gradient(circle at 50% 82%,var(--seal) 0 17%,transparent 18%),radial-gradient(circle at 18% 40%,var(--seal) 0 17%,transparent 18%),radial-gradient(circle at 82% 40%,var(--seal) 0 17%,transparent 18%),radial-gradient(circle at 50% 50%,transparent 0 60%,transparent 61%)}.envelope-variant-qixi-orchid .envelope-motif:before{background:radial-gradient(ellipse at 24% 42%,var(--seal) 0 25%,transparent 27%),radial-gradient(ellipse at 76% 42%,var(--seal) 0 25%,transparent 27%),radial-gradient(ellipse at 38% 74%,var(--post) 0 20%,transparent 22%),radial-gradient(ellipse at 62% 74%,var(--post) 0 20%,transparent 22%),radial-gradient(circle at 50% 55%,var(--gold) 0 14%,transparent 16%)}.envelope-postmark{position:absolute;bottom:.95rem;right:.8rem;z-index:5;width:2.9rem;height:2.9rem;display:grid;place-items:center;border:1.6px solid var(--post);border-radius:50%;outline:1px solid var(--post);outline-offset:2.5px;color:var(--post);font-size:.46rem;font-weight:700;letter-spacing:.08em;line-height:1.3;text-align:center;white-space:pre-line;transform:rotate(-13deg);opacity:.82;mix-blend-mode:multiply}.envelope-seal{position:absolute;top:-.95rem;left:50%;z-index:6;width:2.35rem;height:2.35rem;transform:translateX(-50%);display:grid;place-items:center;background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--seal) 72%,#fff) 0,var(--seal) 55%,color-mix(in srgb,var(--seal) 78%,#000) 100%);border-radius:47% 53% 51% 49%/52% 48% 53% 47%;box-shadow:0 3px 7px var(--shadow),inset 0 0 0 2.5px color-mix(in srgb,var(--seal) 55%,#000),inset 0 0 0 4px transparent;color:var(--seal-ink)}.envelope-seal>span{font-family:var(--font-display);font-size:1.08rem;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.35)}.envelope-card.is-opening .envelope-letter{animation:letter-release .3s cubic-bezier(.18,.82,.22,1) both;will-change:transform}.envelope-card.is-opening .envelope-shell{animation:pocket-settle .3s cubic-bezier(.18,.82,.22,1) both;will-change:transform}.envelope-card.is-opening .envelope-seal{animation:wax-release .24s cubic-bezier(.2,.8,.2,1) both}.envelope-card.is-opening .envelope-address,.envelope-card.is-opening .envelope-motif,.envelope-card.is-opening .envelope-postmark{animation:motif-fade .24s ease both}@keyframes letter-release{0%{opacity:1;transform:translateY(-7%) rotate(0deg)}62%{opacity:1;transform:translateY(-40%) rotate(0deg) scale(1.012)}to{opacity:1;transform:translateY(-48%) rotate(0deg) scale(1.016)}}@keyframes pocket-settle{0%{transform:translateY(0) scale(1)}45%{transform:translateY(5px) scale(.985)}to{transform:translateY(2px) scale(.995)}}@keyframes wax-release{0%{opacity:1;transform:translateX(-50%) scale(1) rotate(0deg)}to{opacity:0;transform:translateX(-50%) scale(1.18) rotate(6deg)}}@keyframes motif-fade{to{opacity:0}}.letter-stage:not(.bookshelf-stage){display:flex;flex-direction:column;align-items:center;justify-content:center}.letter-card{margin:0 auto;width:fit-content;max-width:100%}.letter-paper{position:relative;writing-mode:vertical-rl;height:min(58vh,31rem);max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:repeating-linear-gradient(to bottom,transparent 0 5px,rgba(0,0,0,.012) 5px 6px),var(--paper-raised);border:1px solid var(--line);border-radius:3px;box-shadow:0 28px 55px -20px var(--shadow);padding:2.3rem 2.2rem}.letter-paper:after{content:"";position:absolute;right:1rem;bottom:.95rem;width:4.4rem;height:4.4rem;border:1.6px solid var(--rule);border-radius:50%;outline:1px solid var(--rule);outline-offset:2.5px;transform:rotate(-12deg);opacity:.32;pointer-events:none}.classic-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3vw,2.15rem);line-height:1.7;letter-spacing:.14em;color:var(--ink)}.classic-date{font-size:.74rem;letter-spacing:.3em;color:var(--muted);padding-top:.6rem;margin-left:2rem}.classic-recipient{font-family:var(--font-display);font-size:1.28rem;letter-spacing:.12em;color:var(--seal);padding-top:.4rem;margin-left:1.6rem}.letter-body{margin-left:.6rem}.letter-line{font-family:var(--font-letter);font-size:1.12rem;line-height:1.95;letter-spacing:.14em;color:var(--ink);border-left:1px solid var(--rule);padding-left:.55em;margin-left:.55em}.letter-line:first-child{border-right:1px solid var(--rule);padding-right:.55em}.letter-date{font-size:.66rem;letter-spacing:.04em;color:var(--muted)}.letter-signature{font-family:var(--font-display);font-size:1.42rem;letter-spacing:.12em;color:var(--seal);padding-top:2.2em;margin-left:1.4rem}.letter-signature-heart{font-size:.82em}.note-letter-card{width:100%;max-width:41rem}.note-paper{position:relative;background:var(--paper-raised);border:1px solid var(--line);border-radius:3px;box-shadow:0 28px 55px -20px var(--shadow);padding:clamp(2.1rem,5vw,3.3rem) clamp(1.5rem,5vw,3.1rem) clamp(2.2rem,5vw,3.2rem);overflow:hidden}.note-paper:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(-48deg,var(--seal) 0 10px,var(--paper-raised) 10px 20px,var(--post) 20px 30px,var(--paper-raised) 30px 40px);opacity:.9}.note-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1.15rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}.note-floral{display:flex;justify-content:center;margin:.4rem auto 1.5rem}.note-floral svg{display:block;width:10.5rem;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.jasmine-leaf{fill:color-mix(in srgb,var(--muted) 16%,transparent);transform-box:fill-box;animation:leaf-sway-l 2.2s ease-in-out infinite alternate}.jasmine-leaf-l{transform-origin:100% 50%}.jasmine-leaf-r{transform-origin:0 50%;animation-name:leaf-sway-r}.jasmine-plant{transform-box:view-box;transform-origin:60px 46px;animation:plant-sway 4.6s ease-in-out infinite alternate}.jasmine-wind{opacity:0;stroke-width:1.3;transform-box:view-box;animation:wind-drift 6s linear infinite}.jasmine-wind-2{animation-delay:3s}@keyframes leaf-sway-l{0%{transform:rotate(3deg)}to{transform:rotate(-5deg)}}@keyframes leaf-sway-r{0%{transform:rotate(-3deg)}to{transform:rotate(5deg)}}@keyframes plant-sway{0%{transform:rotate(-1.1deg)}to{transform:rotate(1.3deg)}}@keyframes wind-drift{0%{transform:translateX(-26px);opacity:0}18%{opacity:.35}60%{opacity:.35}85%,to{transform:translateX(104px);opacity:0}}.jasmine-bloom{fill:var(--paper-raised)}.jasmine-bloom-heart{fill:var(--gold);stroke:none}.jasmine-bud{fill:var(--paper-raised)}.jasmine-vase{fill:color-mix(in srgb,var(--envelope) 60%,transparent);stroke:var(--envelope-edge)}.note-floral-orchid{margin-top:0;margin-bottom:1.15rem}.note-floral-orchid svg{width:min(100%,16.5rem);overflow:visible}.orchid-branch{transform-box:view-box;transform-origin:32px 94px;animation:orchid-branch-sway 6.4s ease-in-out infinite alternate}.orchid-stem{stroke:var(--muted);stroke-width:1.7}.orchid-stem-fine{stroke-width:1.15;opacity:.72}.orchid-leaf{fill:color-mix(in srgb,var(--post) 14%,transparent);stroke:var(--muted);stroke-width:1.25;transform-box:fill-box;transform-origin:100% 100%;animation:orchid-leaf-flutter 4.6s ease-in-out -1.2s infinite alternate}.orchid-leaf-right{fill:color-mix(in srgb,var(--seal) 9%,transparent);transform-origin:0 100%;animation-delay:-3.1s;animation-direction:alternate-reverse}.orchid-bloom{transform-box:fill-box;transform-origin:center;will-change:transform,opacity;animation:orchid-bloom-breathe 4.2s ease-in-out infinite alternate}.orchid-petal{fill:color-mix(in srgb,var(--seal) 12%,var(--paper-raised));stroke:var(--seal);stroke-width:1.05}.orchid-sepal{fill:color-mix(in srgb,var(--post) 8%,var(--paper-raised));stroke:var(--muted);stroke-width:.9}.orchid-lip{fill:color-mix(in srgb,var(--seal) 38%,var(--paper-raised));stroke:var(--seal);stroke-width:1}.orchid-heart{fill:var(--gold);stroke:none}.orchid-bud{fill:color-mix(in srgb,var(--seal) 18%,var(--paper-raised));stroke:var(--seal);stroke-width:1}@keyframes orchid-branch-sway{0%{transform:rotate(-1deg) translateY(.3px)}to{transform:rotate(1.25deg) translateY(-.5px)}}@keyframes orchid-bloom-breathe{0%{transform:rotate(-1.8deg) scale(.985);opacity:.9}to{transform:rotate(2.2deg) scale(1.025);opacity:1}}@keyframes orchid-leaf-flutter{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.6deg)}}.note-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.3rem);line-height:1.3;color:var(--ink)}.note-letter-card-unified .note-closing,.note-letter-card-unified .note-paragraph,.note-letter-card-unified .note-salutation,.note-letter-card-unified .note-title{font-family:var(--font-letter)}.note-date-mark{font-size:.74rem;letter-spacing:.3em;color:var(--muted);white-space:nowrap}.note-salutation{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.06em;color:var(--seal);margin-bottom:1.25rem}.note-paragraph{font-family:var(--font-letter);font-size:1.1rem;line-height:2.05;text-indent:2em;color:var(--ink)}.note-footer{margin-top:1.8rem}.note-closing{font-family:var(--font-letter);font-size:1.05rem;line-height:2;text-indent:2em;color:var(--ink);white-space:pre-line}.note-closing-line{display:block}.note-letter-card-unified .note-closing{text-indent:0}.note-letter-card-unified .note-closing-line{padding-left:2em}.note-closing-line+.note-closing-line{margin-top:.2rem}.note-signature{margin-top:1rem;text-align:right;font-family:var(--font-display);font-size:1.45rem;letter-spacing:.08em;color:var(--seal)}.original-stage{display:flex;align-items:center;justify-content:center;overflow-x:clip}.original-card{position:relative;width:100%;max-width:54rem;background:var(--paper-raised);border:1px solid var(--line);padding:clamp(.9rem,2.5vw,1.5rem);box-shadow:0 30px 60px -20px var(--shadow)}.original-card:after,.original-card:before{content:"";position:absolute;top:-.8rem;width:6.5rem;height:1.6rem;background:color-mix(in srgb,var(--paper-deep) 72%,transparent);border:1px solid var(--line);opacity:.9;z-index:2}.original-card:before{left:-2.1rem;transform:rotate(-38deg)}.original-card:after{right:-2.1rem;transform:rotate(38deg)}.original-image-link{display:block;border:1px solid var(--line)}.original-image{width:100%;height:auto}.original-caption{margin-top:.95rem;text-align:center;font-size:.8rem;letter-spacing:.2em;color:var(--muted)}@media (max-width:40rem){.letter-stage,.original-stage{padding:4.4rem .9rem 4.6rem}.page-tools{left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));justify-content:flex-end;gap:.35rem}.page-tools-links{gap:.35rem}.original-link,.theme-menu-trigger{padding:0 .55rem;font-size:.8rem;white-space:nowrap}.bookshelf-header{margin-bottom:2rem}.envelope-card{max-width:none}.letter-card{width:100%}.letter-paper{height:min(50vh,25rem);padding:1.7rem 1.4rem}.note-floral svg{width:8rem}.classic-title{font-size:1.55rem}.letter-line{font-size:1.02rem}.original-card:after,.original-card:before{width:4.2rem;height:1.25rem;top:-.6rem}.original-card:before{left:-1.3rem}.original-card:after{right:-1.3rem}}@media (max-width:26rem){.bgm-label{display:none}.bgm-toggle{padding:.45rem}}@media (prefers-reduced-motion:reduce){.archive-cat-eyes,.archive-cat-flip,.archive-cat-heart,.bgm-toggle.is-playing .bgm-disc,.envelope-card,.envelope-card.is-opening .envelope-address,.envelope-card.is-opening .envelope-letter,.envelope-card.is-opening .envelope-motif,.envelope-card.is-opening .envelope-postmark,.envelope-card.is-opening .envelope-seal,.envelope-card.is-opening .envelope-shell,.jasmine-leaf,.jasmine-plant,.jasmine-wind,.motion-fade-up,.motion-letter-reveal,.orchid-bloom,.orchid-branch,.orchid-leaf,.theme-switcher{animation:none!important}.bgm-toggle,.bookshelf-view-chip,.envelope-card,.envelope-letter,.envelope-shell,.original-link,.theme-menu-trigger{transition:none!important}}