:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f1e8;--ink:#2b2620;--dim:#7a6f5f;--accent:#8c3f2b}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,serif}main{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;padding:48px 24px;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:2px;padding:10px 20px}button:hover{background:var(--ink);color:var(--paper)}.home{text-align:center;justify-content:center;align-items:center;gap:8px}.home-title{letter-spacing:.3em;margin:0;font-size:2.4rem}.home-sub{color:var(--dim);margin:0 0 32px}.story-card{border:1px solid #d8cfbe;width:100%;padding:24px 32px}.story-card h2{margin:0 0 8px}.story-card p{color:var(--dim);margin:0 0 16px}.story-actions{justify-content:center;gap:12px;display:flex}.cover{text-align:center;justify-content:center;align-items:center;gap:16px}.cover--photo{color:#f0ead9;position:relative}.cover-photo{z-index:-1;filter:grayscale()sepia(.28)contrast(.92)brightness(.55);background-position:50%;background-size:cover;position:fixed;inset:0}.cover--photo:after{content:"";z-index:-1;background:radial-gradient(#14100a40 40%,#14100ac7 100%);position:fixed;inset:0}.cover-body{flex-direction:column;align-items:center;gap:16px;display:flex}.cover--photo .cover-index,.cover--photo .cover-epigraph{color:#cfc5ad}.cover--photo .cover-title{text-shadow:0 1px 3px #00000080}.cover--photo .cover-enter{color:#f0ead9;border-color:#f0ead9}.cover--photo .cover-note-toggle,.cover--photo .cover-note-toggle:hover{color:#d8a37a}.cover--photo .cover-note-body{color:#cfc5ad;text-shadow:0 1px 2px #0009;border-left-color:#d8a37a}.cover-credit{text-align:center;letter-spacing:.05em;color:#f0ead98c;margin:0;font-size:.72rem;position:fixed;bottom:10px;left:0;right:0}.cover-index{color:var(--dim);letter-spacing:.2em}.cover-title{letter-spacing:.15em;margin:0;font-size:2rem}.cover-epigraph{color:var(--dim);max-width:32em;font-style:italic}.cover-epigraph-source{opacity:.75;margin-top:6px;font-size:.82rem;font-style:normal;display:block}.reader--advance,.cover,.reader--advance button,.cover button{cursor:pointer}.cover-enter{letter-spacing:.5em;text-indent:.5em;background:0 0;border:none;border-bottom:1px solid;border-radius:0;margin-top:20px;padding:8px 12px 10px;font-size:1.15rem}.cover-enter:hover{color:var(--accent);background:0 0}.cover--photo .cover-enter:hover{color:#fff;background:0 0}.cover-note{max-width:36em;margin-top:24px}.cover-note-toggle{color:var(--accent);border:none;padding:4px 8px}.cover-note-toggle:hover{color:var(--accent);background:0 0;text-decoration:underline}.cover-note-body{text-align:left;color:var(--dim);border-left:2px solid var(--accent);padding-left:12px;font-size:.9rem;line-height:1.9}.reader{justify-content:center;gap:24px}.reader-chapter{color:var(--dim);letter-spacing:.15em;font-size:.9rem}.reader-era{letter-spacing:.3em;opacity:.66;border-left:1px solid;margin-left:14px;padding-left:14px;font-size:.78rem}.reader-narrative{white-space:pre-wrap;font-size:1.05rem;line-height:2.1}@media (prefers-reduced-motion:no-preference){.reader-narrative,.reader-reaction{animation:.55s both text-rise}.reader-choices button{animation:.45s both text-rise}@keyframes text-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}.reader-choices button{position:relative}.reader-choices button:before{content:"";background:#9e2b25;width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.reader-choices button:hover:before{transform:scaleY(1)}.reader-hint{text-align:center;letter-spacing:.08em;color:#f0ead9bf;text-shadow:0 1px 3px #000c;pointer-events:none;margin:0;font-size:.8rem;position:fixed;bottom:42px;left:0;right:0}.reader:not(.reader--immersive) .reader-hint{color:var(--dim);text-shadow:none}@media (width<=720px){.reader-hint{display:none}.reader-photocredit{text-align:left;padding:0 92px 0 12px;font-size:.64rem}}.reader-bg{z-index:-1;filter:brightness(.5)saturate(.85);background-position:50%;background-size:cover;position:fixed;inset:0}.sound-toggle{z-index:10;letter-spacing:0;width:36px;height:36px;color:var(--ink);background:#f5f1e8d1;border:1px solid #2b262080;border-radius:2px;padding:0;font-size:.85rem;position:fixed;top:64px;right:14px}.reader--immersive~.sound-toggle,.home--photo~.sound-toggle,.cover--photo~.sound-toggle{color:#f0ead9;background:#1a150e99;border-color:#f0ead98c}body:before{content:"";z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.reader--immersive:after{content:"";z-index:-1;background:radial-gradient(#14100a1f 30%,#14100a99 100%);position:fixed;inset:0}.reader--immersive{justify-content:flex-end;padding-bottom:48px}.reader--immersive .reader-narrative{max-height:44vh;overflow-y:auto}.reader--immersive .reader-chapter{color:#cfc5ad;text-shadow:0 1px 2px #0009}.reader--immersive .reader-narrative,.reader--immersive .reader-reaction{color:#e9e1cd;-webkit-backdrop-filter:blur(5px);background:#1a150eb8;border-radius:3px;padding:22px 26px;box-shadow:0 2px 18px #00000073}.reader--immersive .reader-reaction{color:#ecd9bd;border-left-color:#d8a37a}.reader--immersive .reader-choices button{color:#e9e1cd;-webkit-backdrop-filter:blur(5px);background:#1a150eb8;border-color:#e9e1cd8c}.reader--immersive .reader-choices button:hover{color:#1a150e;background:#e9e1cd;border-color:#e9e1cd}.reader--immersive .reader-continue{color:#f0ead9;text-shadow:0 1px 2px #000000b3}.reader--immersive .reader-continue:hover{color:#f0ead9}.reader-reaction-choice{letter-spacing:.08em;opacity:.75;margin:0 0 10px;font-size:.82rem}.reader-echo{letter-spacing:.06em;color:#d8a37a;margin:0 0 12px;font-size:.82rem}.reader-source{letter-spacing:.04em;opacity:.6;margin:12px 0 0;font-size:.78rem}.reader-photocredit{pointer-events:none;text-align:center;letter-spacing:.05em;color:#f0ead999;margin:0;font-size:.72rem;position:fixed;bottom:10px;left:0;right:0}.reader-source a,.reader-photocredit a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.reader-photocredit a{pointer-events:auto}.reader-reaction{color:var(--accent);border-left:3px solid var(--accent);padding-left:16px;font-size:1.1rem;font-style:normal;line-height:2.2}.reader-choices{flex-direction:column;gap:12px;display:flex}.reader-choices button,.reader-continue{text-align:left;padding:14px 20px}.reader-continue{color:var(--accent);border:none;align-self:flex-end}.reader-continue:hover{color:var(--accent);background:0 0;text-decoration:underline}.ending{text-align:center;justify-content:center;align-items:center;gap:12px}.ending.cover--photo{color:#f0ead9}.ending.cover--photo .ending-story{color:#cfc5ad}.ending.cover--photo .ending-title{text-shadow:0 2px 8px #000c}.ending.cover--photo .ending-epilogue{text-shadow:0 1px 4px #000000bf}.ending.cover--photo .ending-actions button{color:#f0ead9;border-color:#f0ead9}.ending.cover--photo .ending-actions button:hover{color:#1a150e;background:#f0ead9}.cover-credit a{color:inherit;text-underline-offset:3px;pointer-events:auto;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ending-story{color:var(--dim);letter-spacing:.2em}.ending-title{letter-spacing:.1em;margin:0;font-size:1.8rem}.ending-epilogue{text-align:left;max-width:34em;line-height:2.1}.ending-actions{gap:12px;margin-top:8px;display:flex}.about{max-width:620px;margin:0 auto;padding:56px 24px 72px;display:block;overflow-y:auto}.about h2{letter-spacing:.2em;margin-bottom:20px}.about-thesis{border-left:3px solid #9e2b25;margin:0 0 32px;padding-left:16px;font-size:1.22rem;line-height:1.9}.about-thesis span{color:var(--dim);margin-top:10px;font-size:.95rem;line-height:2;display:block}.about h3{letter-spacing:.15em;color:#9e2b25;margin:30px 0 10px;font-size:.95rem}.about p{margin:8px 0;font-size:.95rem;line-height:2}.about-back{margin-top:36px;padding:10px 32px}.home-about{cursor:pointer;letter-spacing:.15em;color:#f0ead98c;text-shadow:0 1px 3px #000000b3;background:0 0;border:none;padding:6px 12px;font-size:.8rem;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.home-about:hover{color:#f0ead9e6}.lang-toggle{z-index:10;color:var(--dim);background:#f5f1e880;border:1px solid #7a6f5f80;border-radius:2px;padding:4px 10px;font-size:.85rem;position:fixed;top:14px;right:14px}.reader--immersive~.lang-toggle,.cover--photo~.lang-toggle,.home--photo~.lang-toggle{color:#f0ead9;background:#1a150e8c;border-color:#f0ead98c}.reader-viewtoggle{z-index:10;color:#e9e1cd;background:#1a150e8c;border:1px solid #e9e1cd73;border-radius:2px;padding:5px 12px;font-size:.85rem;position:fixed;bottom:14px;right:14px}.reader-viewtoggle:hover{color:#1a150e;background:#e9e1cd}.reader--artonly{cursor:pointer}.reader-bg--full{filter:none}.reader--artonly:after{content:none}.cover--artview .cover-photo{filter:none}.cover--artview:after{content:none}.home--photo{color:#f0ead9;background:#14100a}.home-strip{z-index:0;display:flex;position:fixed;inset:0}.home-slice{border-right:1px solid #14100acc;flex:1 1 0;min-width:0;position:relative;overflow:hidden}.home-slice img,.home-slice-void{object-fit:cover;filter:grayscale()sepia(.25)brightness(.42);width:100%;height:100%;transition:filter .35s;display:block}.home-slice-void{background:#0a0805}.home-slice:hover img{filter:grayscale(.4)sepia(.15)brightness(.85)}.home-slice-label{letter-spacing:.12em;color:#f0ead9;opacity:0;pointer-events:none;text-shadow:0 1px 3px #000c;flex-direction:column;align-items:center;gap:2px;font-size:.8rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:18px;left:0;right:0;transform:translateY(6px)}.home-slice-label em{color:#cfc5ad;writing-mode:vertical-rl;letter-spacing:.2em;margin-top:6px;font-size:.68rem;font-style:normal}.home-slice:hover .home-slice-label{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.home-slice{opacity:0;animation:.6s forwards slice-in}@keyframes slice-in{to{opacity:1}}}.home-story{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.home-title--spine{writing-mode:vertical-rl;letter-spacing:.35em;text-shadow:0 2px 10px #000000d9;margin:0;font-size:2.6rem}.home-seal{writing-mode:vertical-rl;letter-spacing:.25em;color:#f0ead9;background:#9e2b25d9;border:1px solid #f0ead966;border-radius:2px;padding:8px 5px;font-size:.78rem;transform:rotate(-2deg);box-shadow:0 1px 6px #00000080}.home--photo .home-sub{color:#e0d6bd;text-shadow:0 1px 4px #000000b3;margin-top:6px}.home-story .story-actions{margin-top:18px}@media (width<=720px){.home-title--spine{writing-mode:horizontal-tb;letter-spacing:.2em;font-size:1.8rem}.home-seal{writing-mode:horizontal-tb;transform:rotate(-1deg)}.home-slice-label{display:none}}.home--photo .story-actions button{color:#f0ead9;border-color:#f0ead9}.home--photo .story-actions button:hover,.home--photo .story-actions button.story-primary{color:#1a150e;background:#f0ead9}.home--photo .story-actions button.story-primary:hover{color:#1a150e;background:#fff}.gallery{gap:20px;max-width:720px}.gallery h2{letter-spacing:.1em;margin:0}.gallery-sub{color:var(--dim);margin:0 0 8px;font-size:.9rem}.gallery-item{margin:0}.gallery-item img{filter:grayscale(.2)sepia(.12);border-radius:2px;width:100%;display:block}.gallery-empty{aspect-ratio:3/2;color:#7a6f5f;letter-spacing:.3em;text-indent:.3em;background:#2b2620;border-radius:2px;justify-content:center;align-items:center;width:100%;display:flex}.gallery-item figcaption{flex-direction:column;gap:2px;margin-top:8px;display:flex}.gallery-title{font-size:.95rem}.gallery-credit{color:var(--dim);font-size:.78rem}.gallery-extra{flex-direction:column;gap:4px;margin-top:14px;display:flex}.gallery-extra img{filter:grayscale(.2)sepia(.12);border-radius:2px;width:100%;display:block}.gallery>button{align-self:flex-start}.recap{gap:8px}.recap-chapter h3{margin:16px 0 4px;font-size:1rem}.recap-chapter ul{color:var(--dim);margin:0}.recap-ending{color:var(--accent);margin-top:16px}.recap button{align-self:flex-start;margin-top:16px}