:root{--paper:#ddc9a3;--paper-lit:#ecdcbb;--paper-deep:#c3a97f;--paper-edge:#a8895c;--ink:#241a11;--ink-soft:#5c4a34;--ink-faint:#8b755a;--rule:rgba(90,64,32,.28);--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",ui-serif,Georgia,"Times New Roman",serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;background:#0d0a06;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.room{position:fixed;inset:0;display:grid;place-items:center;padding:clamp(10px,2.5vw,44px);background:radial-gradient(ellipse 58% 46% at 50% 44%,rgba(126,88,44,.2),transparent 72%),radial-gradient(ellipse 120% 96% at 50% 46%,#120d08 0,#0a0704 58%,#070502 100%);perspective:2600px;perspective-origin:50% 44%}.stage{position:relative;width:min(1240px,100%);height:min(78vh,880px);padding:clamp(16px,2.6vh,26px) clamp(14px,1.6vw,26px);display:grid;place-items:center;opacity:0;transition:opacity .8s ease}.stage.ready{opacity:1}.book{width:100%;height:100%}.pf-page{background:transparent}.stf__item{background:linear-gradient(152deg,var(--paper-lit) 0,var(--paper) 46%,var(--paper-deep) 100%);overflow:hidden}.stf__item:before{opacity:.62;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='320' height='320' filter='url(%23g)' opacity='0.5'/></svg>")}.stf__item:after,.stf__item:before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply}.stf__item:after{opacity:.66;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='800'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='0.009' numOctaves='5'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='gamma' exponent='2.1'/></feComponentTransfer></filter><rect width='800' height='800' filter='url(%23c)' opacity='0.6'/></svg>"),radial-gradient(circle 4px at 22% 31%,rgba(112,72,28,.5),transparent 70%),radial-gradient(circle 7px at 71% 19%,rgba(112,72,28,.38),transparent 72%),radial-gradient(circle 3px at 39% 78%,rgba(112,72,28,.52),transparent 70%),radial-gradient(circle 9px at 84% 64%,rgba(112,72,28,.3),transparent 74%),radial-gradient(circle 5px at 12% 58%,rgba(112,72,28,.42),transparent 70%),radial-gradient(circle 6px at 58% 88%,rgba(112,72,28,.34),transparent 72%),radial-gradient(ellipse 120% 100% at 50% 50%,transparent 42%,rgba(108,74,34,.3) 82%,rgba(84,56,24,.52) 100%)}.pf-page .gutter{position:absolute;top:0;bottom:0;width:clamp(38px,6vw,78px);pointer-events:none;z-index:3}.pf-page.verso .gutter{right:0;background:linear-gradient(90deg,transparent,rgba(74,48,18,.1) 42%,rgba(58,36,12,.4) 86%,rgba(46,28,8,.58))}.pf-page.recto .gutter{left:0;background:linear-gradient(270deg,transparent,rgba(74,48,18,.1) 42%,rgba(58,36,12,.4) 86%,rgba(46,28,8,.58))}.room.portrait .pf-page .gutter{left:0;right:auto;width:clamp(22px,7vw,48px);background:linear-gradient(270deg,transparent,rgba(74,48,18,.1) 44%,rgba(58,36,12,.34) 86%,rgba(46,28,8,.5))}.page-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:clamp(26px,3.6vw,54px)}.pf-page.verso .page-in{padding-right:clamp(44px,6vw,82px)}.pf-page.recto .page-in{padding-left:clamp(44px,6vw,82px)}.head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--rule);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}.head .folio{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.byline{margin-top:clamp(20px,3.4vw,38px)}.poem-title{font-size:clamp(23px,2.7vw,35px);font-weight:400;line-height:1.16;letter-spacing:-.01em}.poet-line{margin-top:8px;font-size:clamp(12px,1.3vw,14.5px);font-style:italic;color:var(--ink-soft)}.poet-line span{color:var(--ink-faint);font-style:normal}.verse{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.5vw,18px);padding:clamp(16px,2.4vw,30px) 0}.line{font-size:clamp(17px,1.95vw,26px);line-height:1.8;color:var(--ink-faint);transition:color .8s ease}.line.rtl{direction:rtl;text-align:right}.line.active{color:var(--ink-soft)}.word{transition:color .16s ease,text-shadow .16s ease;padding:0 .04em}.word.lit{color:var(--ink);text-shadow:0 0 .5px var(--ink),0 0 12px rgba(50,32,14,.24)}.word.done{color:var(--ink-soft)}.aside-h{margin-top:clamp(20px,3.4vw,38px);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint)}.roman{margin-top:12px;font-size:clamp(13px,1.35vw,16px);font-style:italic;line-height:1.95;color:var(--ink-soft)}.roman .rl{transition:color .6s ease}.roman .rl.active{color:var(--ink)}.trans{margin-top:clamp(20px,2.8vw,34px);flex:1 1 auto;min-height:0}.trans p{font-size:clamp(13px,1.4vw,16.5px);line-height:1.85;color:var(--ink-faint);margin-bottom:9px;transition:color .6s ease,opacity .6s ease;opacity:.72}.trans p.active{color:var(--ink);opacity:1}.trans p:first-child:first-letter{font-size:1.9em;line-height:1;float:left;margin:.08em .1em 0 0;color:var(--ink-soft)}.ctl{flex:0 0 auto;background:none;border:0;cursor:pointer;color:var(--ink-faint);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;transition:color .22s ease,background .22s ease,transform .22s ease}.ctl:hover{color:var(--ink);background:rgba(255,248,230,.34)}.ctl:active{transform:scale(.92)}.ctl svg{display:block;color:currentColor}.ctl.big{width:48px;height:48px;border:1px solid var(--rule);background:rgba(255,248,230,.26);color:var(--ink-soft)}.ctl.big:hover{background:rgba(255,250,236,.62);color:var(--ink)}.progress{flex:1 1 auto;height:1px;background:var(--rule);position:relative}.progress i{position:absolute;inset:0 auto 0 0;background:var(--ink-soft)}.elapsed{flex:0 0 auto;font-size:11px;letter-spacing:.1em;color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:820px){.room{padding:0 clamp(8px,3vw,20px) calc(22px + env(safe-area-inset-bottom, 0px));perspective:none}}.room.portrait .pf-page .page-in{padding:clamp(20px,4.6vw,40px) clamp(18px,4vw,34px) clamp(20px,4.6vw,40px) clamp(34px,8.5vw,58px)}.scrub{flex:1 1 auto;padding:11px 0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.scrub:focus-visible{outline:1px solid var(--ink-soft);outline-offset:4px}.scrub .progress{width:100%}.scrub:hover .progress{background:rgba(90,64,32,.42)}.progress b{position:absolute;top:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--ink-soft);transform:translateY(-50%) scale(0);transition:transform .18s ease}.scrub:focus-visible .progress b,.scrub:hover .progress b{transform:translateY(-50%) scale(1)}.head.foot{margin-top:auto;padding-top:12px;padding-bottom:0;border-bottom:0;border-top:1px solid var(--rule)}.aside-h.spaced{margin-top:26px}.room{grid-template-rows:1fr auto;align-content:center;gap:clamp(18px,3vw,34px)}.transport{position:relative;z-index:2;width:min(560px,88vw);display:flex;align-items:center;gap:clamp(14px,2.2vw,24px);padding:0 4px;opacity:.52;transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}.transport:focus-within,.transport:hover{opacity:1}.transport .ctl{width:38px;height:38px;border:0;background:none;color:rgba(222,205,176,.78);transition:color .55s ease,transform .55s cubic-bezier(.4,0,.2,1)}.transport .ctl:hover{color:#f3e8d4;background:none}.transport .ctl:active{transform:none}.transport .ctl.big{width:44px;height:44px;border:1px solid rgba(200,172,128,.26);background:none;color:rgba(232,218,192,.88)}.transport .ctl.big:hover{background:none;color:#fbf3e4;border-color:rgba(214,190,150,.5)}.transport .scrub{padding:13px 0}.transport .progress{height:1px;background:rgba(196,170,128,.22)}.transport .progress i{background:rgba(224,206,174,.7)}.transport .progress b{width:7px;height:7px;margin-left:-3.5px;background:rgba(230,214,184,.9);transition:transform .45s cubic-bezier(.4,0,.2,1)}.transport .scrub:hover .progress{background:rgba(196,170,128,.34)}.transport .elapsed{font-size:10.5px;letter-spacing:.16em;color:rgba(206,188,158,.5)}.stf__parent{margin:0 auto}.stf__block{overflow:visible!important}.pf-page .page-in{height:100%}.binding{left:var(--bk-x,0);top:var(--bk-y,0);width:var(--bk-w,0);height:var(--bk-h,0);pointer-events:none}.binding,.binding span{position:absolute}.binding .board{inset:0;border-radius:3px 7px 7px 3px;background:radial-gradient(ellipse 84% 70% at 32% 16%,rgba(255,232,190,.13),transparent 62%),linear-gradient(146deg,var(--leather-lit) 0,var(--leather) 34%,var(--leather-dim) 100%);box-shadow:inset 0 1px 0 rgba(255,238,206,.16),inset 0 -1px 0 rgba(0,0,0,.5),inset 0 0 40px rgba(0,0,0,.28),0 4px 14px rgba(0,0,0,.5),0 34px 80px rgba(0,0,0,.7)}.binding .board:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='h'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='260' height='260' filter='url(%23h)' opacity='0.4'/></svg>")}.binding .board:after{content:"";position:absolute;inset:max(3px,calc(var(--rim-y, 12px) * .34));border:1px solid var(--gold-soft,rgba(214,182,118,.22));border-radius:1px}.binding .hinge{top:0;bottom:0;left:50%;width:calc(var(--rim-y, 12px) * 3);transform:translateX(-50%);background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.4) 30%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.4) 70%,rgba(0,0,0,0))}.room.portrait .binding .hinge{display:none}.binding .leaves{inset:calc(var(--rim-y, 12px) - 4px) calc(var(--rim-x, 12px) - 4px) calc(var(--rim-y, 12px) - 4px) calc(var(--rim-l, 12px) - 4px);border-radius:1px;background:repeating-linear-gradient(90deg,rgba(58,38,14,.3) 0 1px,rgba(226,206,170,.18) 1px 2.5px),linear-gradient(146deg,var(--paper-deep) 0,var(--paper-edge) 70%,#8d7048 100%);box-shadow:inset 0 0 0 1px rgba(40,25,8,.34),0 0 0 1px rgba(26,15,5,.6),0 3px 9px rgba(0,0,0,.55)}.library{background:#0b0805}.alcove,.library{position:fixed;inset:0}.alcove{transition:opacity .22s ease}.alcove.gone{opacity:0;pointer-events:none}.alcove canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse 92% 82% at 44% 42%,rgba(0,0,0,0) 44%,rgba(0,0,0,.24) 78%,rgba(0,0,0,.6) 100%)}.vignette,.welcome{pointer-events:none}.welcome{position:fixed;left:0;right:0;top:clamp(22px,4.5vh,54px);text-align:center;z-index:4;opacity:0;transform:translateY(-10px);transition:opacity 1.2s ease .5s,transform 1.2s cubic-bezier(.2,.7,.3,1) .5s}.welcome.in{opacity:1;transform:none}.welcome h1{font-size:clamp(26px,3.6vw,44px);font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:rgba(238,219,184,.92);text-shadow:0 2px 26px rgba(0,0,0,.7)}.welcome p{margin-top:10px;font-size:clamp(12px,1.25vw,14.5px);font-style:italic;color:rgba(206,184,148,.62)}.hint{position:fixed;left:0;right:0;bottom:clamp(20px,4vh,46px);z-index:4;text-align:center;pointer-events:none;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:rgba(210,182,132,.5);opacity:0;transform:translateY(10px);transition:opacity 1.2s ease 1.1s,transform 1.2s cubic-bezier(.2,.7,.3,1) 1.1s}.hint.in{opacity:1;transform:none}.plate{position:fixed;top:0;left:0;margin:26px 0 0 40px;z-index:5;pointer-events:none;display:flex;flex-direction:column;gap:3px;padding:11px 15px;border:1px solid rgba(198,168,116,.2);background:rgba(20,14,8,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .28s ease}.plate.in{opacity:1}.plate b{font-weight:400;font-size:15px;letter-spacing:.04em;color:rgba(240,224,192,.95)}.plate span{font-size:11px;color:rgba(200,176,138,.6)}.plate em{font-style:normal;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(190,158,104,.58);margin-top:3px}.ledger{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:6px;padding:12px 14px;overflow-x:auto;background:linear-gradient(0deg,rgba(10,7,4,.94),rgba(10,7,4,0));opacity:0;pointer-events:none;transition:opacity .2s ease}.ledger:focus-within{opacity:1;pointer-events:auto}.ledger button{flex:0 0 auto;font-family:inherit;font-size:11px;letter-spacing:.1em;padding:7px 12px;cursor:pointer;color:rgba(214,192,154,.8);background:rgba(40,28,16,.7);border:1px solid rgba(190,158,104,.24)}.ledger button:focus-visible{outline:1px solid rgba(230,200,140,.8);outline-offset:2px;color:#f6ead4}.reader{position:fixed;inset:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .22s ease}.reader.in{opacity:1;pointer-events:auto}.masthead{position:fixed;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:18px;padding:clamp(14px,2.4vh,26px) clamp(16px,3vw,38px);pointer-events:none}.back{pointer-events:auto;font-family:inherit;font-size:11px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;padding:8px 4px;border:0;background:none;color:rgba(206,184,148,.58);transition:color .4s ease}.back:focus-visible,.back:hover{color:rgba(246,234,212,.95)}.back span{margin-right:8px}.volume-name{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(190,164,122,.42)}@media (max-width:820px){.welcome{top:16px}.hint{bottom:calc(18px + env(safe-area-inset-bottom, 0px))}.plate{display:none}}@media (prefers-reduced-motion:reduce){.welcome{transition-duration:.01ms;transition-delay:0s}}