/* Return to the large, continuously moving book. Neutral newsprint, unboxed voices. */
:root{--ink:#2a2a29;--paper:#f1eee5;--accent:#8b5843;--muted:#6c6b6a;--bar:104px;--dock:123px;--pale:#eeeadd}
body{color:var(--ink);background:#dedbd3;-webkit-font-smoothing:auto}
.echo-space{background:radial-gradient(ellipse at 50% 43%,#f6f4ec,#e4e1d8 60%,#ceccc3);z-index:0}.echo-space:after{opacity:.09;background-size:1350px}.light-sail,.space-horizon{display:none}
/* Only the controls sit above the book: the rules can be crossed by the paper. */
.appbar{height:var(--bar);margin:0 4vw;padding-top:17px;background:transparent;z-index:auto;isolation:auto;align-items:flex-start}
.appbar:after{bottom:0;background:linear-gradient(90deg,#8482804f,transparent 27%,transparent 72%,#8482804f);z-index:0}
.book-logo{position:relative;z-index:12;min-width:0;padding:0;display:flex;align-items:center;gap:14px;color:#30302f;letter-spacing:0;text-shadow:none}
.cat-emblem{width:106px;height:51px;display:block;object-fit:contain}.book-logo .book-title{font:500 29px/1.3 var(--song);letter-spacing:.16em;color:#30302f}
.appbar nav{position:relative;z-index:12;gap:33px;align-items:center;padding-top:11px;margin-left:auto}
.appbar nav>button{display:flex;align-items:baseline;gap:9px;min-width:0;padding:0 0 8px;border:0;background:transparent;box-shadow:none;color:#383837;font:21px/1.4 Georgia,'Times New Roman',serif;text-shadow:none}
.appbar nav>button span{font:12px var(--song);color:#666563;letter-spacing:.04em}.appbar nav>button:before{display:none}.appbar nav>button:after{border-color:#8b584380;bottom:0}.appbar nav #menu-open{font:12px var(--sans);color:#605e5c;padding:0 0 8px;min-width:0;margin-left:0}.appbar nav>i{display:none}
/* Same projection and size as the accepted "页外回声", with no clipping plane. */
.book-viewport{overflow:visible;perspective:1700px;perspective-origin:50% 40%;height:calc(100svh - var(--bar) - var(--dock));z-index:3;isolation:isolate}
.fold-book{top:47%;left:calc(50% + var(--book-shift,0px));transform:rotateX(7deg) rotateZ(-1deg);transform-style:preserve-3d}
.leaf{filter:none!important;box-shadow:0 0 0 .7px #fffffff0,0 2px 0 #c6c3b8,1px 4px 0 #8b8a8877,4px 12px 14px #3937352c}
.leaf:after{height:3px;bottom:-3px;background:repeating-linear-gradient(0deg,#9f9d9b 0 .7px,#f0ecdc .7px 1.5px);border-color:#72706d44}
.leaf:before{opacity:calc(.08 + var(--attention)*.1);background:linear-gradient(110deg,transparent 38%,#fff7 49%,transparent 62%)}
.hinge-shade{opacity:.62!important;background:linear-gradient(90deg,#3b393528,transparent 14%,transparent 85%,#2f2d2930 99%,#fff9)!important}
.leaf:nth-child(even) .hinge-shade{background:linear-gradient(90deg,#fff9,#35332f29 2%,transparent 19%,transparent 85%,#302e2b30)!important}
.book-shadow{top:calc(47% + var(--leaf-h)/2 - 2px);height:57px;background:radial-gradient(ellipse,#45433f3e,transparent 68%);filter:blur(13px)}
.edge-mist{opacity:.83;background:linear-gradient(90deg,#e2dfd6dd,#e4e0d6a3 61%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(90deg,#000 25%,#000a 62%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 25%,#000a 62%,transparent)}
/* Thoughts outside the book: no box, border, tinted slab, or blurred lettering. */
.margin-panel{color:#363534;filter:none;opacity:1;text-shadow:none;width:clamp(190px,calc((100vw - var(--leaf-w))/2 - 100px),310px)}
.echo-panel{background:none;border:0;padding:0;box-shadow:none;top:26%}.echo-panel:before,.echo-panel:after{display:none}.echo-left{left:4.8vw}.echo-right{right:4.8vw;top:45%}
.echo-panel .margin-kicker{font:italic 28px/1.25 Georgia,'Times New Roman',serif;color:#4e4c4a;margin:0 0 12px;letter-spacing:0}
.echo-date{display:block;font:11px var(--sans);color:#767471;margin-bottom:23px;letter-spacing:.05em}
.echo-panel blockquote{font:500 clamp(17px,1.28vw,22px)/1.95 var(--song);color:#302f2d;letter-spacing:.035em;text-shadow:none}
.echo-panel .echo-source{font:11px var(--sans);color:#775944;border:0;margin-top:23px;min-height:34px}.echo-source:hover{color:#482f1d;text-decoration:underline}
.opening-note{left:4.8vw;top:17%;padding:0;border:0;background:none}.opening-note .margin-kicker{font:11px var(--song);color:#767370;letter-spacing:.15em;margin-bottom:26px}.opening-note .margin-kicker span{display:none}.opening-note h2{font:500 clamp(24px,1.8vw,31px)/1.65 var(--song);color:#3a3937;letter-spacing:.04em;margin:0 0 27px}
.opening-body p{font:15px/2 var(--song);color:#666562;margin:0 0 16px}.opening-note .archive-definition{font:11px/1.8 var(--song)!important;color:#797774!important;letter-spacing:0!important;margin-top:25px!important}
.opening-coda{margin-top:29px;border:0;padding:0}.opening-coda blockquote{font:15px/1.85 var(--song);color:#555350}.opening-coda button{font:11px var(--sans);color:#7a5f47;margin-top:12px;min-height:34px}
.closing-person{border:0;margin-bottom:28px;padding:0}.closing-person h2{font:33px/1.3 Georgia,serif;color:#444240}.closing-person button{font:13px var(--song);color:#72614a;margin-right:24px}.closing-note .margin-kicker{color:#7e7c79}
/* Paper, bookcloth and monochrome printing; the paintings retain their colour. */
.cover-leaf{background:#535251;color:#eeeadb}.cover-leaf .leaf-content{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#24232222 0 1px,transparent 1px 4px);box-shadow:inset 9px 0 12px #22211f44}
.cover-leaf .leaf-content:before{border-color:#d8d5c46b;box-shadow:inset 0 0 0 4px #535251,inset 0 0 0 5px #d0ccbd33}.cover-leaf h1{color:#e9e4d3;text-shadow:0 1px #fff4,0 -1px #242220}.cover-leaf h1>span,.cover-edition span{color:#c0bebb}.cover-edition,.cover-poem{color:#e1dfdc}.cover-poem .citation{color:#b8b6b2}.room-leaf{background:#f1eee5;color:#3f3e3c}.room-leaf h2{color:#464442}.room-leaf .running-head,.room-leaf #room-original{color:#74726e}.room-switch{color:#787672}.room-switch button[aria-pressed=true]{color:#765039}.room-words{background:#a6a5a4}
.ambrose-leaf{background:#e5e4e3}.ambrose-leaf .author-name{color:#524f4b}.judas-leaf{background:#b7b4a6;color:#373533}.judas-leaf .author-name{color:#44413d}.judas-leaf .running-head,.judas-leaf .diary-date,.judas-leaf .leaf-foot{color:#696662;border-color:#7c7a7655}.judas-leaf .primary-read{color:#494642;border-color:#6a686455}
.sea-leaf{background:#dddcda}.music-leaf{background:#4f4e4c;color:#eee9d9}.music-large{color:#bab8b4}.music-leaf .leaf-content{background:radial-gradient(circle at 72% 25%,#8f8c8733,transparent 65%)}.music-leaf .running-head,.music-leaf .music-bottom .citation,.music-player>div,.music-player time,.music-leaf .leaf-foot{color:#c2bfbb;border-color:#c2bfbb44}.music-player>button{background:#908d89;color:#f0efee;border-color:#bfbcb7}.wave line{stroke:#bfbbb6aa}.record-ring{background:repeating-radial-gradient(circle,#bab6b01f 0 1px,transparent 1px 6px);border-color:#bab6b144}
.ship-leaf{background:#aeadac;color:#383634}.ship-leaf h2{color:#3d3c39}.ship-leaf .running-head,.process-credit,.ship-leaf #ship-source{color:#5f5c57}.process-tabs button{font-size:12px;opacity:.8}.process-tabs button[aria-pressed=true]{font-weight:600;opacity:1}.process-credit{font-size:11px}.cafe-leaf{background:#b7ab94}.cafe-leaf h2,.cafe-leaf .script-excerpt{color:#f9f6e6}.table-leaf{background:#e5dfcf}.umbrella-leaf{background:#979591;color:#34312d}.umbrella-leaf h2{color:#3c3934}.umbrella-leaf .running-head,.umbrella-leaf .citation,.umbrella-leaf .leaf-foot{color:#5d5954}.letter-leaf{background:#eeeadf}.goodbye-ambrose{background:#d9d8d6}.last-night{background:#777572}.last-night h2,.last-night-thanks blockquote{color:#f5f0de}.last-night-text blockquote,.last-night .running-head,.last-night .citation{color:#d6d4d1}.end-leaf{background:#d1cfcc}.end-authors span{color:#514e49}.end-authors small,.end-links>*,.end-leaf #return-start{color:#6c6862}
/* Track coordinates are shared by all 151 ticks, 16 labels, cursor and input. */
.ruler-dock{height:var(--dock);position:relative;z-index:auto;padding:0 4.8vw;background:transparent;isolation:auto}.ruler-dock:before{content:'';position:absolute;left:4.8vw;right:4.8vw;top:0;height:1px;background:linear-gradient(90deg,#8b898544,transparent 28%,transparent 72%,#8b898544);z-index:0}
.reading-line,.wood-ruler,.ruler-bottom{position:relative;z-index:12}.reading-line{height:33px;color:#7a7875;font-size:11px}.reading-line #page-label{font:15px Georgia,serif;color:#65635f}.reading-line #gesture-hint{font-size:18px;color:#7d7b77}
.wood-ruler{height:47px;margin:0;border:0;border-top:1px solid #a7a4a055;border-bottom:1px solid #a3a09c55;border-radius:0;background:linear-gradient(180deg,#e7e6e4c4,#ceccc88c);box-shadow:0 1px 0 #f7f7f6cc,0 4px 7px #38353113;backdrop-filter:none;isolation:isolate}.wood-ruler:after,.ruler-grain,.ruler-screw{display:none}.wood-ruler:focus-within{outline:none}
.ruler-track{position:absolute;inset:0 10px}.ruler-marks,#ruler-lines{position:absolute;inset:0;background:none!important;pointer-events:none}.ruler-marks>span{font:12px var(--sans);color:#5e5b56;padding-top:23px;text-shadow:none;transform:translateX(-50%)}.ruler-marks>span:before{display:none}.ruler-marks>span:first-child{transform:translateX(0)}.ruler-marks>span:last-child{transform:translateX(-100%)}
#ruler-lines i{position:absolute;top:0;width:1px;height:6px;background:#68645e66;transform:translateX(-.5px)}#ruler-lines .half{height:10px;background:#68645e99}#ruler-lines .major{height:16px;background:#56534ebb}
.red-thread{position:absolute;width:1px;background:#915435;top:-5px;bottom:-3px;box-shadow:none;z-index:2}.red-thread:before{width:6px;height:6px;left:-2.5px;top:-1px;background:#95603e;transform:rotate(45deg);border:0;border-radius:0;box-shadow:none}
.wood-ruler input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;z-index:3;touch-action:none;cursor:ew-resize;appearance:none}.wood-ruler:has(input:focus-visible){outline:1px dashed #73706b;outline-offset:4px}
.ruler-bottom{height:39px}.chapter-nav>button{font-size:11px;color:#7b7874}.chapter-nav>button[aria-current=true]{color:#79583a}.chapter-nav>button:hover,.turn-buttons button{color:#5e5a55}.reader .reader-top,.directory{background:#4e4c49}.reader-logo,.directory-logo{color:#ede6d1}.reader-aside{background:#dedddb}.reader-main{background-color:#f2f0e6}.art-view #art-body{background:#393735}
@media(min-width:1800px){.margin-panel{max-width:352px}.echo-panel blockquote{font-size:23px}.opening-note h2{font-size:33px}.opening-body p,.opening-coda blockquote{font-size:17px}.appbar nav>button{font-size:23px}}
@media(max-width:1100px){.margin-panel{width:calc((100vw - var(--leaf-w))/2 - 48px)}.opening-note,.echo-left{left:22px}.closing-note,.echo-right{right:22px}.echo-panel blockquote{font-size:16px}.opening-note h2{font-size:23px}.opening-body p,.opening-coda blockquote{font-size:13px}.echo-panel .margin-kicker{font-size:23px}.echo-date{font-size:10px}.appbar nav{gap:24px}}
@media(max-width:800px){:root{--bar:88px;--dock:112px}.appbar{padding-top:15px}.cat-emblem{width:67px;height:37px}.book-logo{gap:8px}.book-logo .book-title{font-size:23px;letter-spacing:.08em}.appbar nav{gap:18px;padding-top:9px}.appbar nav>button{font-size:18px;gap:5px}.appbar nav>button span{font-size:10px}.appbar nav #menu-open{font-size:10px}.fold-book{transform:rotateX(5deg) rotateZ(-.7deg)}.room-words{background:#dcdad9}.room-words .running-head,.room-voice .citation{color:#6e6b66}.wood-ruler{height:43px}.chapter-nav>button{font-size:10px}.ruler-marks>span{font-size:10px;padding-top:21px}.reading-line{font-size:10px}.process-tabs button{font-size:10px}.process-credit{font-size:9px}.mobile-intro{color:#d6d4d0}.ruler-bottom{height:34px}}
@media(max-width:420px){.appbar{margin:0 4vw;gap:10px}.cat-emblem{width:52px;height:34px}.book-logo .book-title{font-size:20px}.appbar nav{gap:12px}.appbar nav>button{font-size:17px;display:grid;gap:2px;padding-bottom:0}.appbar nav>button span{font-size:9px}.appbar nav #menu-open{font-size:9px}.ruler-track{inset:0 7px}}
@media(max-height:650px){:root{--bar:76px;--dock:100px}.appbar{padding-top:11px}.cat-emblem{height:43px;width:90px}.book-logo .book-title{font-size:25px}.opening-note{top:11%}.opening-note h2{font-size:22px;margin-bottom:15px}.opening-note .margin-kicker{margin-bottom:16px}.opening-body p{font-size:12px;margin-bottom:10px;line-height:1.8}.opening-note .archive-definition{margin-top:14px!important;font-size:10px!important}.opening-coda{margin-top:18px}.opening-coda blockquote{font-size:12px}.echo-panel{top:21%}.echo-right{top:43%}.echo-panel blockquote{font-size:15px;line-height:1.85}.echo-date{margin-bottom:15px;font-size:10px}.echo-panel .echo-source{margin-top:15px}.reading-line{height:29px}.wood-ruler{height:38px}.ruler-marks>span{padding-top:20px}.ruler-bottom{height:31px}}
@media(prefers-reduced-motion:reduce){.edge-mist{backdrop-filter:none;-webkit-backdrop-filter:none}}