:root{--ink:#1a1612;--ink-soft:#4a433c;--ink-faint:#1a161273;--paper:#f2ebe0;--paper-deep:#e8dfd0;--rule:#1a16121f;--danger:#7a3b2e;--font-mono:"Special Elite", "Courier New", Courier, monospace;--font-cn:"Noto Serif SC", "Songti SC", "SimSun", serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-mono), var(--font-cn);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--paper);flex-direction:column;width:100%;min-height:100dvh;padding:clamp(1.25rem,3vw,2rem) 0 clamp(1.5rem,4vw,2.5rem);display:flex;position:relative}.grain{pointer-events:none;opacity:.07;mix-blend-mode:multiply;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header,.main,.site-footer{z-index:1;position:relative}.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1.5rem;width:100%;margin-bottom:0;padding:0 clamp(1.25rem,5vw,4rem) 1rem;display:flex}.brand{letter-spacing:.12em;color:var(--ink);background:0 0;border:none;padding:0;font-size:.95rem}.brand:hover{opacity:.7}.nav{flex-wrap:wrap;justify-content:flex-end;gap:1.15rem;display:flex}.nav-link{letter-spacing:.14em;color:var(--ink-soft);background:0 0;border:none;border-bottom:1px solid #0000;padding:.1rem 0;font-size:.8rem;text-decoration:none}a.nav-link{display:inline-block}.nav-link:hover{color:var(--ink)}.nav-link.is-active{color:var(--ink);border-bottom-color:var(--ink)}.main{flex-direction:column;flex:1;width:100%;max-width:42rem;margin:0 auto;padding:max(1.25rem,25vh - 5.5rem) clamp(1.25rem,5vw,3rem) 0;display:flex}.page{flex-direction:column;flex:1;width:100%;animation:.38s page-in;display:flex}@keyframes page-in{0%{opacity:0}to{opacity:1}}.letter{flex:1;width:100%}.paper-meta{letter-spacing:.1em;color:var(--ink-faint);margin:0 0 1.35rem;font-size:.78rem}.paper-body{letter-spacing:.02em;white-space:pre-wrap;word-break:break-word;font-size:clamp(1.1rem,2.6vw,1.28rem);line-height:1.85;font-family:var(--font-mono), var(--font-cn);min-height:7em;margin:0}.about-copy{min-height:0}.about-copy p{margin:0 0 1.15em}.about-copy p:last-child{margin-bottom:0}.paper-sign{text-align:right;color:var(--ink-soft);letter-spacing:.04em;margin:2rem 0 0;font-size:.95rem}.cursor{color:var(--ink);vertical-align:baseline;margin-left:1px;font-size:.85em;line-height:1;display:inline-block}.cursor.blink{animation:1.05s step-end infinite blink}@keyframes blink{0%,45%{opacity:1}46%,to{opacity:0}}.home-actions{flex-direction:column;align-items:flex-start;gap:.65rem;margin-top:2.25rem;display:flex}.home-actions--end{align-items:flex-end;width:100%}.ghost-btn,.primary-btn{border:none;border-bottom:1px solid var(--ink);letter-spacing:.18em;color:var(--ink);background:0 0;border-radius:0;padding:.2rem 0;font-size:.78rem}.ghost-btn:hover,.primary-btn:hover{opacity:.55}.primary-btn{letter-spacing:.2em}.hint{letter-spacing:.04em;color:var(--ink-faint);text-align:left;max-width:28rem;font-size:.72rem;line-height:1.55;font-family:var(--font-cn), var(--font-mono);margin:0}.paper-input{resize:none;width:100%;min-height:10rem;font-size:clamp(1.1rem,2.6vw,1.28rem);line-height:1.85;font-family:var(--font-mono), var(--font-cn);white-space:pre-wrap;background:0 0;border:none;outline:none;margin:0 0 1.25rem;padding:0}.paper-input::placeholder{color:#1a161252}.write-meta-row,.write-fields{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1rem;display:flex}.write-fields .name-field{min-width:9rem}.name-field{letter-spacing:.08em;color:var(--ink-faint);flex-direction:column;flex:1;gap:.35rem;font-size:.72rem;display:flex}.name-field input{border:none;border-bottom:1px solid var(--rule);background:0 0;outline:none;max-width:16rem;padding:.25rem 0;font-size:.95rem}.count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.75rem}.count.warn{color:var(--danger)}.form-error{color:var(--danger);letter-spacing:.04em;margin:.85rem 0 0;font-size:.85rem}.site-footer{letter-spacing:.04em;color:var(--ink-faint);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;width:100%;margin-top:auto;padding:2.5rem clamp(1.25rem,5vw,4rem) 0;font-size:.68rem;line-height:1.45;display:flex}.sep{opacity:.5}.beian-link{color:inherit;text-decoration:none}.beian-link:hover{color:var(--ink-soft);text-decoration:underline}@media (width<=600px){.site-header{flex-direction:column;align-items:flex-start;gap:.85rem}.nav{justify-content:flex-start;gap:1rem}}