.sof-room{--sof-desk:#14121a;--sof-desk-warm:#1c1723;--sof-page:#efeae0;--sof-page-edge:#dcd4c4;--sof-ink:#2a2433;--sof-ink-soft:#4c4458;--sof-accent:#5f4b9e;--sof-accent-soft:#8a7bb8;--sof-margin:#8a8398;--sof-wood:#241a12;--sof-wood-light:#3a2c1e;--sof-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sof-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;background:radial-gradient(ellipse 90% 65% at 50% 22%, var(--sof-desk-warm), var(--sof-desk) 78%);min-height:100vh;color:var(--sof-page);font-family:var(--sof-serif);box-sizing:border-box;flex-direction:column;align-items:center;padding:clamp(2rem,6vh,4rem) 1rem 3rem;display:flex}.sof-header{text-align:center;margin-bottom:clamp(1.6rem,5vh,3rem)}.sof-header-over{font-family:var(--sof-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--sof-margin);font-size:.62rem}.sof-header-title{letter-spacing:.01em;color:#efeae0;text-wrap:balance;margin:.9rem 0 .5rem;font-size:clamp(1.9rem,5.5vw,2.8rem);font-weight:400}.sof-header-sub{color:var(--sof-margin);max-width:46ch;margin:0 auto;font-size:.98rem;font-style:italic;line-height:1.6}.sof-case{background:linear-gradient(180deg, var(--sof-wood-light), var(--sof-wood));box-sizing:border-box;border-radius:6px;width:min(760px,94vw);padding:1.6rem 1.6rem 1.2rem;box-shadow:0 30px 70px -20px #000000b3,inset 0 0 0 1px #ffffff0a,inset 0 0 60px #00000073}.sof-shelf{margin-bottom:1.4rem}.sof-shelf:last-child{margin-bottom:0}.sof-shelf-books{align-items:flex-end;gap:.35rem;min-height:17.5rem;padding:0 .8rem;display:flex}.sof-shelf-board{background:linear-gradient(#4a3826,#241a12 70%);border-radius:2px;height:14px;box-shadow:0 6px 14px #0000008c}.sof-spine{background:linear-gradient(90deg, #00000073 0%, #ffffff17 12%, #ffffff05 45%, #00000040 88%, #00000080 100%), var(--leather);box-sizing:border-box;border:0;border-radius:3px 3px 2px 2px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;width:clamp(2.4rem,7vw,3.2rem);padding:.7rem 0;display:flex;position:relative;box-shadow:inset 0 8px 10px -8px #ffffff2e,inset 0 -10px 12px -8px #0000008c,2px 0 4px #00000059}.sof-spine-real{cursor:pointer;transition:transform .25s,box-shadow .25s}.sof-spine-real:hover,.sof-spine-real:focus-visible{outline:none;transform:translateY(-.7rem);box-shadow:inset 0 8px 10px -8px #ffffff38,inset 0 -10px 12px -8px #0000008c,0 14px 26px #0000008c}.sof-spine-real:focus-visible{outline:2px solid var(--sof-accent-soft);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sof-spine-real{transition:none}.sof-spine-real:hover,.sof-spine-real:focus-visible{transform:none}}.sof-spine-title{writing-mode:vertical-rl;font-family:var(--sof-serif);letter-spacing:.06em;color:var(--foil,#d9b76a);text-shadow:0 1px 1px #000000b3;white-space:nowrap;flex:1;justify-content:center;align-items:center;min-height:0;font-size:clamp(.62rem,1.7vw,.74rem);display:flex;overflow:hidden}.sof-spine-band{background:linear-gradient(90deg, transparent, var(--foil,#d9b76a), transparent);opacity:.85;border-radius:1px;flex-shrink:0;width:72%;height:3px}.sof-spine-year{writing-mode:vertical-rl;font-family:var(--sof-mono);letter-spacing:.24em;color:var(--foil,#d9b76a);opacity:.8;flex-shrink:0;font-size:.5rem}.sof-spine-empty{opacity:.82;filter:saturate(.7)brightness(.85)}.sof-footer{font-family:var(--sof-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sof-margin);text-align:center;opacity:.75;max-width:60ch;margin-top:1.8rem;font-size:.6rem;line-height:2}.sof-reader{flex-direction:column;align-items:center;width:100%;display:flex}.sof-close{all:unset;cursor:pointer;font-family:var(--sof-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sof-accent-soft);border:1px solid #8a7bb866;border-radius:999px;margin-bottom:1.6rem;padding:.4rem .9rem;font-size:.66rem;transition:color .15s,background .15s,border-color .15s}.sof-close:hover,.sof-close:focus-visible{color:var(--sof-page);background:var(--sof-accent);border-color:var(--sof-accent);outline:none}.sof-book-frame{aspect-ratio:5/7;perspective:1600px;width:min(560px,94vw);max-height:76vh;position:relative}.sof-book-frame:before,.sof-book-frame:after{content:"";background:var(--sof-page-edge);z-index:0;border-radius:2px 6px 6px 2px;position:absolute;inset:0}.sof-book-frame:before{opacity:.7;transform:translate(5px,5px)}.sof-book-frame:after{opacity:.4;transform:translate(10px,10px)}.sof-turn-zone{all:unset;z-index:3;cursor:pointer;width:16%;position:absolute;top:0;bottom:0}.sof-turn-zone:disabled{cursor:default}.sof-turn-prev{left:0}.sof-turn-next{right:0}.sof-page{z-index:2;background:linear-gradient(90deg, #00000012 0, #00000004 14px, transparent 34px), var(--sof-page);box-sizing:border-box;color:var(--sof-ink);transform-origin:0;border-radius:2px 6px 6px 2px;flex-direction:column;padding:clamp(1.4rem,4.5vw,2.6rem) clamp(1.5rem,5.5vw,2.9rem);transition:opacity .24s,transform .24s;display:flex;position:absolute;inset:0;box-shadow:0 18px 50px -12px #0009,0 2px 6px #0003}.sof-page.sof-turning-out{opacity:0;transform:rotateY(-14deg)translate(-12px)}.sof-page.sof-turning-in{opacity:0;transition:none;transform:rotateY(10deg)translate(14px)}@media (prefers-reduced-motion:reduce){.sof-page,.sof-page.sof-turning-out,.sof-page.sof-turning-in{opacity:1;transition:none;transform:none}}.sof-running-head{font-family:var(--sof-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sof-margin);flex-shrink:0;justify-content:space-between;gap:1rem;margin-bottom:clamp(.9rem,3vh,2rem);font-size:.62rem;display:flex}.sof-page-body{scrollbar-width:thin;flex:1;padding-right:.35rem;font-size:clamp(.86rem,2.45vw,1.02rem);line-height:1.62;overflow-y:auto}.sof-page-body p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .85em}.sof-folio{font-family:var(--sof-mono);color:var(--sof-margin);text-align:center;letter-spacing:.15em;flex-shrink:0;margin-top:clamp(.8rem,2.5vh,1.6rem);font-size:.66rem}.sof-chapter-number{font-family:var(--sof-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--sof-accent);text-align:center;margin:clamp(.5rem,4vh,2.2rem) 0 .9rem;font-size:.66rem}.sof-chapter-title{text-align:center;letter-spacing:.01em;text-wrap:balance;color:var(--sof-ink);margin:0 0 .4rem;font-size:clamp(1.35rem,4.5vw,1.8rem);font-weight:400}.sof-chapter-rule{background:var(--sof-accent);border:0;width:46px;height:1px;margin:1.1rem auto 1.6rem}.sof-dropcap:first-letter{float:left;color:var(--sof-accent);padding:.06em .09em 0 0;font-size:3.1em;line-height:.82}.sof-page-body p.sof-epigraph{text-align:center}.sof-epigraph{color:var(--sof-ink-soft);text-align:center;max-width:34ch;margin:0 auto 1.4rem;font-size:.95em;font-style:italic}.sof-epigraph-src{font-style:normal;font-family:var(--sof-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sof-margin);margin-top:.7rem;font-size:.62rem;display:block}.sof-marginal{font-family:var(--sof-mono);color:var(--sof-accent-soft);border-left:2px solid var(--sof-accent-soft);margin:1.1rem 0;padding:.15rem 0 .15rem .8rem;font-size:.68rem;line-height:1.5}.sof-poem{white-space:pre-line;text-align:left;max-width:36ch;margin:0 auto;line-height:1.9}.sof-poem-note{font-family:var(--sof-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sof-margin);text-align:center;margin-top:1.6rem;font-size:.62rem}.sof-titlepage{text-align:center;flex-direction:column;justify-content:center;height:100%;display:flex}.sof-over{font-family:var(--sof-mono);letter-spacing:.34em;text-transform:uppercase;color:var(--sof-margin);font-size:.64rem}.sof-titlepage h1{letter-spacing:.01em;text-wrap:balance;color:var(--sof-ink);margin:1.1rem 0 .4rem;font-size:clamp(2rem,7vw,3rem);font-weight:400}.sof-subtitle{color:var(--sof-ink-soft);margin:.3rem 0 2.2rem;font-size:1.02rem;font-style:italic}.sof-byline{font-family:var(--sof-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--sof-accent);font-size:.68rem}.sof-imprint{font-family:var(--sof-mono);letter-spacing:.18em;color:var(--sof-margin);margin-top:2.4rem;font-size:.6rem;line-height:1.9}.sof-fleuron{color:var(--sof-accent);margin:1.6rem 0;font-size:1.2rem}.sof-toc{margin:.4rem 0 0;padding:0;list-style:none}.sof-toc button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font-family:var(--sof-serif);color:var(--sof-ink);border-radius:3px;align-items:baseline;gap:.6rem;padding:.42rem .2rem;font-size:.95em;display:flex}.sof-toc button:hover,.sof-toc button:focus-visible{background:#5f4b9e17}.sof-toc button:focus-visible{outline:2px solid var(--sof-accent)}.sof-t-num{font-family:var(--sof-mono);color:var(--sof-accent);letter-spacing:.1em;min-width:2.2ch;font-size:.62rem}.sof-t-dots{border-bottom:1px dotted var(--sof-margin);opacity:.6;flex:1;transform:translateY(-4px)}.sof-t-pg{font-family:var(--sof-mono);color:var(--sof-margin);font-size:.66rem}.sof-witness-lede{text-align:center;color:var(--sof-ink-soft);max-width:36ch;margin:.5rem auto 0;font-style:italic}.sof-witness-block{text-align:center;margin-top:1.6rem}.sof-witness-line{font-family:var(--sof-serif);color:var(--sof-accent);border:0;border-bottom:1px solid var(--sof-ink-soft);text-align:center;background:0 0;outline:none;width:min(280px,80%);padding:.3rem .5rem;font-size:1.25rem;font-style:italic}.sof-witness-line:focus{border-bottom-color:var(--sof-accent)}.sof-witness-line::placeholder{color:var(--sof-margin);letter-spacing:.05em;font-size:.85rem;font-style:normal}.sof-witness-caption{font-family:var(--sof-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sof-margin);margin-top:.8rem;font-size:.62rem}.sof-witness-thanks{color:var(--sof-ink-soft);opacity:0;min-height:1.4em;margin-top:1.4rem;font-style:italic;transition:opacity .6s}.sof-witness-thanks.sof-shown{opacity:1}.sof-controls{font-family:var(--sof-mono);align-items:center;gap:1.2rem;padding:1.1rem 0 .4rem;display:flex}.sof-controls button{all:unset;cursor:pointer;font-family:var(--sof-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sof-accent-soft);border:1px solid #8a7bb873;border-radius:999px;padding:.45rem .9rem;font-size:.72rem;transition:color .15s,border-color .15s,background .15s}.sof-controls button:hover:not(:disabled),.sof-controls button:focus-visible{color:var(--sof-page);background:var(--sof-accent);border-color:var(--sof-accent);outline:none}.sof-controls button:disabled{opacity:.3;cursor:default}.sof-progress{letter-spacing:.2em;color:var(--sof-margin);text-align:center;min-width:8ch;font-size:.64rem}