:root { --bg:#15100c; --ink:#f4ead4; --amber:#d6a557; --muted:#c0ad8c; --dim:#a18d6d; --paper:#f1ede3; --print:#302b24; --cloth:#233638; --serif:Georgia,'Palatino Linotype',serif; }
.app-update-offer {display:flex;gap:8px;margin:8px 22px;padding:10px;border:1px solid #b1935d66;border-radius:6px;}
.app-update-offer button {background:transparent;color:var(--ink);min-height:44px;border:0;}.app-update-offer button:first-child {flex:1;text-align:left;}
[hidden] { display:none!important; }
button,input { font:inherit; } button { touch-action:manipulation; } button:focus-visible,[role=button]:focus-visible,input:focus-visible { outline:2px solid var(--amber);outline-offset:3px; }
button:disabled { opacity:.38;cursor:default; }
body { background:#100d0a; }
#app { max-width:600px;background:linear-gradient(#110d09cc,#110d09e8),url('assets/walnut.69d0fca22e7e293e.webp') center/420px; }
#app::before { display:none; }
.screen { height:100dvh;min-height:0; }
.hdr { padding-top:calc(10px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));padding-bottom:4px;gap:2px; }
.hdr>.round { flex:0 0 48px; }.round { background:transparent; }.hdr .rgt { gap:0; }
#s-listen .hdr,#s-read .hdr { padding-bottom:0; }
.segwrap { position:relative;margin-top:-48px;min-height:48px;padding:0 72px 8px;pointer-events:none; }
.seg { background:none;border-radius:0;padding:0;gap:10px;pointer-events:auto; }
.seg button { padding:12px 8px;font-family:var(--serif);font-size:15px;font-weight:400;border-radius:0;color:var(--muted); }
.seg button.sel { background:none;color:var(--ink);box-shadow:0 2px var(--amber); }
.library-brand { display:flex;align-items:center;gap:10px;flex:1; }
.library-brand img { width:42px;height:42px;object-fit:contain; }
.library-brand span { font:28px var(--serif); }
.status { font-size:11px;line-height:1.5;min-height:0;flex-shrink:0; }
.status:empty { display:none; }
#shelf-status { margin:4px 22px 8px; }
#account-status { margin:2px 22px 0;color:var(--amber);font-size:12px; }
.shelf { min-height:0;padding:12px 0 calc(20px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));scrollbar-width:none; }
.shelf::-webkit-scrollbar { display:none; }
#library-search { padding:0 20px 14px; }
#book-search { width:100%;padding:12px;border:1px solid #b1935d66;border-radius:5px;background:#19140f;color:var(--ink); }
#continue-reading { margin:4px 20px 16px; }
.eyebrow { font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin:0 0 10px; }
.continue-card { width:100%;display:grid;grid-template-columns:66px minmax(0,1fr) 44px;gap:14px;align-items:center;padding:15px 13px;border:1px solid #a1814d65;border-radius:9px;background:linear-gradient(125deg,#45331e50,#17120da0);color:var(--ink);text-align:left;cursor:pointer; }
.continue-copy { min-width:0; }.continue-copy h2 { font:20px/1.2 var(--serif);margin:0 0 10px; }.continue-copy p { font-size:11px;line-height:1.5;color:var(--muted);margin:5px 0; }
.continue-play { display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#211b13; }
.continue-rule { height:2px;background:#eee0bf26;margin:10px 0 6px; }.continue-rule i { display:block;height:100%;background:var(--amber);max-width:100%; }
.mini-cover { height:90px;border-radius:3px 6px 6px 3px;box-shadow:3px 3px 0 #b7aa8744,4px 6px 10px #0008;background:linear-gradient(90deg,#0007,transparent 12%),var(--cloth);border:1px solid #b4a07850;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px; }
.mini-cover img { width:38px;height:38px;border-radius:50%;object-fit:cover; }.mini-cover span { font:8px/1.2 var(--serif);color:#e5c38a;text-align:center; }
.case-row { height:calc(var(--book-height,220px) + 27px);display:flex;align-items:flex-end;gap:var(--shelf-gap,1.5px);padding:2px var(--shelf-inset,4px) 0;position:relative;border:solid transparent;border-width:var(--shelf-frame,9px) var(--shelf-frame,9px) 16px; background:var(--bg); }
.case-row+.case-row { border-top:0;height:calc(var(--book-height,220px) + 18px); }
.spine { --spine:#344441;flex:0 0 var(--spine-width,42px);width:var(--spine-width,42px);min-width:0;height:var(--book-height,220px);position:relative;padding:14px 2px 10px;border:1px solid #b0986266;border-radius:5px 7px 4px 4px;color:#dec496;display:grid;grid-template-rows:minmax(0,1fr) 28px;justify-items:center;align-items:start;gap:4px;cursor:pointer; }
.spine::before,.spine::after { content:'';position:absolute;left:3px;right:3px;height:3px;border-top:1px solid #d1aa6a9c;border-bottom:1px solid #cda15c55;box-shadow:0 1px 1px #0007;pointer-events:none; }.spine::before {top:7px}.spine::after {bottom:6px}
.spine-title { writing-mode:vertical-rl;text-orientation:mixed;text-align:start;font:16px/1.1 var(--serif);letter-spacing:.3px;height:100%;max-height:100%;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.spine.long-title .spine-title { font-size:16px;letter-spacing:.3px; }
.spine-author { font:7px/1.2 var(--serif);text-transform:uppercase;text-align:center;width:100%;max-height:28px;align-self:end;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
.spine.current::before { top:-2px;left:50%;right:auto;transform:translateX(-50%);width:16px;height:27px;background:linear-gradient(90deg,#9e6d2d,#d5a451,#aa7731);border:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 76%,0 100%);z-index:2;box-shadow:0 1px 5px #0008; }
.spine.current .spine-title { padding-top:17px; }.spine:active { transform:translateY(-2px); }.spine.busy { opacity:.65; }
.shelf-no-results { padding:30px 22px;color:var(--muted);font-size:13px; }.empty-card { margin:15px 20px;background:#2b221755;border:1px solid #a1814d44; }
.listen { padding:12px 25px calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px))); }
.cover { position:relative;width:65%;max-width:240px;aspect-ratio:0.69;min-height:0;padding:23px 17px 20px;gap:12px;margin-bottom:22px;border-radius:6px 10px 10px 6px;background:linear-gradient(90deg,#0009 0,#ffffff12 6%,transparent 11%,#0001 95%),repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),var(--cloth);border:1px solid #70838160;box-shadow:3px 3px 0 #b5a787,5px 5px 0 #645a44,8px 9px 15px #0009; }
.cover::after { content:'';position:absolute;inset:13px 10px 13px 16px;border:1px solid #b9a5712a;border-radius:2px;pointer-events:none; }
.cover-medallion { width:72%;aspect-ratio:1;flex-shrink:0;border-radius:50%;background:url('assets/sea-medallion.f14a52a0d71aa7ba.webp') center/cover;box-shadow:0 0 0 4px var(--cloth),0 0 0 5px #a48d5255; }
.cover .bt { font:clamp(19px,5vw,25px)/1.16 var(--serif);color:#e2c38c;font-weight:400;max-width:100%;overflow-wrap:anywhere; }.cover .ba {font:9px var(--serif);letter-spacing:1.8px;color:#d1b582;margin:0; }.cover-rule {width:26px;height:1px;background:#be9a5b88;margin-top:3px;}
.chaprow { justify-content:center;text-align:center;min-height:44px;margin:0 0 7px; }.chaprow svg {display:none}.chaprow .nm {font:14px/1.35 var(--serif);color:var(--ink)}
.pills { display:none; }
.times {font-size:10px}.times .mid {font-size:10px;color:var(--muted)}
.transport {margin:19px 0 17px;gap:0}.tbtn {min-width:44px;min-height:48px;padding:6px}.playbtn {width:64px;height:64px;box-shadow:inset 0 0 0 1px #fff9,0 3px 7px #0004}.tools {justify-content:center;gap:12px}.tool {min-height:48px;font-size:10px;flex:0 1 85px;color:var(--muted)}.tool .val {font-size:16px;color:var(--ink)}
#s-read { background:var(--paper);color:var(--print);border-left:8px solid var(--cloth);box-shadow:inset 5px 0 10px #6d563331,inset -3px 0 #b5ac9933; }
#s-read .hdr {background:#15110d;color:var(--ink);margin-left:-8px;padding-left:16px;}
#s-read .segwrap {background:transparent;color:var(--ink);padding-bottom:12px;}
.readwrap {min-height:0;padding:17px 25px 35px;background:linear-gradient(90deg,#8068450a,transparent 8%,transparent 97%,#8068450b);}
.running-title {font:9px/1.4 var(--serif);letter-spacing:2.5px;text-transform:uppercase;text-align:center;margin:0 45px 26px;color:#655a49;}
.plate {background:none;color:var(--print);padding:0 5px 20px;margin-bottom:8px;}
.plate .no {font:italic 17px var(--serif);letter-spacing:0;}
.plate .no::after {content:'';display:block;width:24px;height:1px;background:#ad8747;margin:10px auto;}
.plate .nmm {font:27px/1.2 var(--serif);letter-spacing:0;font-weight:400;text-transform:none;}
#read {font-size:var(--readsize,21px);line-height:1.72;letter-spacing:0;color:var(--print);hyphens:auto;overflow-wrap:break-word;}
.para {margin:0 0 1.1em}.wd {padding:0;border-radius:1px}.wd.now,.sent.cur .wdfull {background:#d6ac5650;color:var(--print);box-shadow:0 1px #b0803450;}
.readtools {position:absolute;right:12px;top:calc(104px + var(--safe-area-inset-top,env(safe-area-inset-top,0px)));gap:0;padding:0;flex-direction:column;z-index:3;width:44px;}
.readtools button {width:44px;min-height:44px;justify-content:center;padding:7px 2px;background:#b78538;color:#261e12;box-shadow:1px 2px 3px #0002;font:19px var(--serif);}
.readtools button:first-child {clip-path:polygon(0 0,100% 0,100% 100%,50% 90%,0 100%);padding-bottom:10px;}
.readtools button:nth-child(2) {background:#3e382d;color:var(--ink);border-radius:0 0 6px 6px;}
.readtools #wbtn,.readtools #sbtn {background:transparent;box-shadow:none;font:10px sans-serif;color:#675231!important;min-height:32px;}
.readtools #wbtn[aria-pressed=false],.readtools #sbtn[aria-pressed=false] {opacity:.5;}
.readwrap {position:relative;}
.readwrap .readtools {top:12px;right:9px;}
.plate {padding-right:39px;padding-left:26px;min-height:100px;}
.readwrap .running-title {margin-bottom:22px;}
.minibar {position:relative;margin-left:-8px;background:linear-gradient(90deg,#0003,transparent),var(--cloth);color:var(--ink);padding:10px 10px calc(10px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));gap:5px;border-top:1px solid #b4935744;min-height:72px;}
.minibar .thumb {display:none}.minibar .m1 {font:11px/1.35 var(--serif);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.minibar .m2 {font-size:9px;color:#c8b999}.minibar .mplay {width:44px;height:44px}.minibar .tbtn {min-width:40px;padding:4px}.mini-progress {position:absolute;top:0;left:0;right:0;height:2px;background:#c3a46c33}.mini-progress i {display:block;height:100%;background:var(--amber);width:0;}
.read-follow {position:absolute;z-index:4;left:50%;transform:translateX(-50%);min-height:44px;padding:9px 20px;border:1px solid #8f734c77;border-radius:999px;background:#352c21;color:#fff3d8;font:14px var(--serif);white-space:nowrap;box-shadow:0 3px 12px #0005;cursor:pointer;}
.sheet {background:#eee8da;color:var(--print);--ink:#302b24;--muted:#6a5d48;--dim:#746044;--amber:#946718;border:1px solid #ad987044;border-radius:12px 12px 0 0;box-shadow:0 -8px 35px #0004;padding-bottom:calc(18px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));visibility:hidden;}
.sheet.on {visibility:visible}.sheet h3,.sheethead .lb {font:25px var(--serif);font-weight:400}.grip {background:#77654855}.sheet .tokenfield {color:#302b24;background:#fff8;border-color:#8f734c77}.sheet .primary {background:#352c21;color:#fff3d8}.sheet .secondary {border-color:#8b744c77;color:#302b24;background:transparent}.sheet .closebar {border:0;border-top:1px solid #8d755433;background:none;color:var(--print);display:block;width:100%;min-height:44px;}
.chapter-item {color:var(--print);border-bottom-color:#80684522;min-height:55px;}.chapter-item.current {background:#ba883721;border-left:3px solid #a57628}.chapter-item .chapter-name {white-space:normal;font:16px var(--serif);}.chapter-item .chapter-state {display:block;margin-top:5px;font-size:10px;}.fontpick {border:1px solid #97794355;border-radius:5px;padding:14px 2px;}.fontpick.sel {border-color:#a57628;background:#caa05c12}.fontrow {gap:7px;border-bottom:0;padding-bottom:0}.fontpick .nm {font-size:10px}.circ,.preset {border-color:#8e704366}.sheet .rail {background:#70563033}.sheet .fill {background:#a57938}.sheet .knob {background:#aa7a35}.sheet .opt {border-bottom:1px solid #80684516}.sheet .trackwrap::after {background:#90734588}.sheetnote {color:#6a5d48;}.sheetactions button {min-height:44px;}
@media(max-height:730px) { .cover {width:52%;max-width:200px;gap:8px;padding-top:17px;padding-bottom:16px;margin-bottom:14px;}.cover .bt {font-size:20px}.cover .ba {font-size:8px}.transport {margin:12px 0}.listen {padding-top:8px;padding-bottom:12px;}.plate {padding-bottom:12px}.running-title {margin-bottom:17px;} }
@media(max-width:370px) {.continue-card {grid-template-columns:52px minmax(0,1fr) 40px;gap:10px;padding:12px 10px}.mini-cover {height:77px}.continue-copy h2 {font-size:18px}.continue-play {width:40px;height:40px}.seg {gap:3px}.seg button {font-size:13px;padding-left:5px;padding-right:5px}.readwrap {padding-left:18px;padding-right:19px}.listen {padding-left:20px;padding-right:20px}.times .mid {font-size:9px}.readtools {right:7px}.library-brand span {font-size:25px}.library-brand img {width:36px;height:36px}.library-brand {gap:6px}}
@media(prefers-reduced-motion:reduce) {* {scroll-behavior:auto!important;transition:none!important}}

/* 0.3.1: scanned-style materials at screen scale, not synthetic scanlines. */
.binding-stamp {display:flex;align-items:center;justify-content:center;gap:4px;color:#cfb074;flex-shrink:0;}
.binding-stamp svg {width:18px;height:18px;flex-shrink:1;}
.binding-stamp small {font:8px Georgia,serif;letter-spacing:1px;}
.bound-volume .spine-title {font-size:16px;max-height:100%;}
.bound-volume.current .spine-title {padding-top:17px;}
.bound-volume {grid-template-rows:minmax(0,1fr) 20px 28px;gap:4px;}
.spine .binding-stamp {max-width:100%;height:20px;overflow:hidden;}
.spine-thin .binding-stamp {gap:1px;}
.cover-rule.has-stamp {width:auto;height:22px;background:none;margin-top:0;}
.cover-rule .binding-stamp svg {width:22px;height:22px;}
.cover,.mini-cover {background-blend-mode:normal,luminosity;}
#app {background:linear-gradient(#110d09c4,#110d09e0),url('assets/walnut.69d0fca22e7e293e.webp') center/360px;}
.cover,.mini-cover {background-image:linear-gradient(90deg,#0009 0%,#ffffff12 3%,#0003 7%,#203a3a88 10%,#203a3a88 96%,#0005),url('assets/bookcloth.816953d5af245a81.webp');background-size:100% 100%,190px 190px;background-color:var(--cloth);border-color:#8a9a8755;box-shadow:1px 1px 0 #182626,3px 3px 0 #d4c9ab,4px 4px 0 #6a624c,5px 5px 0 #c9bea0,7px 7px 0 #192829,10px 12px 14px #0008,inset 0 1px 2px #becab133;}
.cover::after {inset:12px 9px 12px 15px;border-color:#07191970;box-shadow:1px 1px 0 #a4b7a61c,inset 1px 1px 2px #0004;border-radius:4px;}
.cover::before {content:'';position:absolute;left:10px;top:3px;bottom:3px;width:3px;background:#051d1d44;box-shadow:1px 0 1px #c4d5bc26;pointer-events:none;}
.cover .bt,.cover .ba {text-shadow:0 1px 1px #000,0 -1px #ffe3a222;}
.cover-medallion {border:1px solid #d4b97655;box-shadow:0 0 0 5px #152c2c66,0 0 0 6px #81907a35,inset 0 2px 4px #0009;}
/* Actual skins cut from the approved material reference after text cleanup. */
.spine {--spine-surface:url('assets/shelf-spine-cognac.b5bbe9796fda5eed.webp');padding:23px 2px 13px;background-image:var(--spine-surface),url('assets/binding-leather.29fd5e0043664142.webp');background-size:calc(100% + 1px) 100%,150px 150px;background-position:center;background-repeat:no-repeat,repeat;background-color:#140c06;background-blend-mode:normal,luminosity;border:0;border-radius:4px 5px 3px 3px;color:#dda94f;box-shadow:1px 0 2px #000b,2px 1px 3px #0006;}
.spine[data-material=nonfiction].spine-thin {--spine-surface:url('assets/shelf-spine-cognac-thin.7a44f50fe4abf5cb.webp');}
.spine[data-material=nonfiction].spine-thick {--spine-surface:url('assets/shelf-spine-cognac-thick.69a5acb496e4c81b.webp');}
.spine[data-material=scifi] {--spine-surface:url('assets/shelf-spine-navy.faef2912ca0db639.webp');}
.spine[data-material=literature] {--spine-surface:url('assets/shelf-spine-burgundy.966da335cb87280b.webp');}
.spine::before,.spine::after {content:none;}
.spine.current::before {content:'';}
.spine-title,.spine-author,.spine .binding-stamp {position:relative;z-index:1;color:inherit;text-shadow:0 .5px .5px #160900;}
.spine-title,.spine-author,.spine .binding-stamp small {font-family:'Times New Roman',serif;font-weight:400;}
.spine-author {font-size:7px;line-height:1.3;overflow-wrap:normal;display:block;}
.spine-author-line {display:block;position:relative;left:50%;width:max-content;white-space:nowrap;transform:translateX(-50%) scaleX(var(--author-compression,1));transform-origin:center;}
.spine[data-material=fantasy] {background-image:url('assets/shelf-spine-forest-head.728592bb31fb1c62.webp'),url('assets/shelf-spine-forest-body.4fff1ab2d222d76e.webp');background-size:100% 20px,100% 114px;background-position:center top,center 20px;background-repeat:no-repeat,repeat-y;background-blend-mode:normal;}
.spine[data-material=fantasy]::after {content:'';left:0;right:0;bottom:0;height:20px;border:0;box-shadow:none;background:url('assets/shelf-spine-forest-head.728592bb31fb1c62.webp') center top/100% 20px no-repeat;transform:scaleY(-1);border-radius:3px 4px 0 0;}
.case-row {border-image:none;border-color:transparent;background:radial-gradient(ellipse at 40% 110%,#34201344,transparent 65%),#080503;background-clip:padding-box;box-shadow:inset 0 12px 16px #000e,inset 0 -2px 5px #000a;}
.case-row::before {content:'';position:absolute;z-index:1;pointer-events:none;left:-9px;right:-9px;top:-9px;bottom:-16px;border:0;background-image:url('assets/shelf-walnut-left.65193972f0372a1e.webp'),url('assets/shelf-walnut-right.e529fc1f35453ce0.webp'),url('assets/shelf-walnut-rail.1501ab14c8df91a8.webp');background-position:left top,right top,center top;background-size:9px 100%,9px 100%,100% 9px;background-repeat:no-repeat;}
.case-row::after {content:'';position:absolute;pointer-events:none;left:-9px;right:-9px;bottom:-16px;height:16px;background:url('assets/shelf-walnut-rail.1501ab14c8df91a8.webp') center/100% 100%;box-shadow:0 4px 6px #000b;z-index:2;}
.case-row+.case-row::before {top:0;background-size:9px 100%,9px 100%,0 0;}
#s-shelf {background-image:linear-gradient(#110b07df,#100b07e8),url('assets/shelf-walnut-left.65193972f0372a1e.webp');background-size:100% 100%,260px 650px;}
#continue-reading .mini-cover {background-image:linear-gradient(90deg,#0007,transparent 10%,transparent 87%,#0005),url('assets/shelf-spine-forest-body.4fff1ab2d222d76e.webp');background-size:100% 100%,100% 100%;background-color:var(--cloth);background-blend-mode:normal,luminosity;}
.library-brand span,.continue-copy h2 {font-family:'Times New Roman',serif;font-weight:400;}
.continue-copy h2 {font-size:22px;}
#s-read {background:var(--paper) url('assets/book-paper.5bee4213e8c30fee.webp') center/400px;}
.readwrap {background-image:linear-gradient(90deg,#75634226,transparent 5%,transparent 98%,#80684513),url('assets/book-paper.5bee4213e8c30fee.webp');background-size:100% 100%,400px 400px;box-shadow:inset -2px 0 #c4b99e88,inset -4px 0 #fff7,inset -5px 0 #99896c44;}
.minibar {background-image:linear-gradient(#0002,#0004),url('assets/bookcloth.816953d5af245a81.webp');background-size:100% 100%,190px 190px;}
.sheet {background-image:linear-gradient(#f2ede533,#f2ede533),url('assets/book-paper.5bee4213e8c30fee.webp');background-size:100% 100%,400px 400px;}
.readtools button:first-child {background-image:linear-gradient(90deg,#9f6e2266,transparent 20%,#e5bd5733 80%,#68441266),url('assets/bookcloth.816953d5af245a81.webp');background-blend-mode:normal,luminosity;background-size:100% 100%,120px 120px;background-color:#b78538;}
.cover,.mini-cover {background-image:linear-gradient(90deg,#0009 0%,#ffffff12 3%,#0003 7%,color-mix(in srgb,var(--cloth) 53%,transparent) 10%,color-mix(in srgb,var(--cloth) 53%,transparent) 96%,#0005),url('assets/bookcloth.816953d5af245a81.webp');}

/* A separate 3D book leaves its shelf slot in place until it is put back. */
.spine.spine-picked {visibility:hidden;}
.book-motion {position:fixed;inset:0;z-index:22;pointer-events:none;perspective:1100px;perspective-origin:50% 35%;}
.book-flight {position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d;will-change:transform;}
.motion-model {position:relative;width:100%;height:100%;transform-origin:left center;transform-style:preserve-3d;}
.motion-cover-hinge,.motion-leaf {position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;}
.motion-cover-hinge {transform:translateZ(var(--book-half-depth));}
.motion-cover-front,.motion-cover-inside,.motion-back-cover {position:absolute;inset:0;border-radius:2px 5px 5px 2px;}
.motion-cover-front,.motion-back-cover {background-color:var(--cover-colour);background-image:linear-gradient(90deg,#0009,transparent 9%,#ffe7b90b 55%,#0005),url('assets/shelf-spine-forest-body.4fff1ab2d222d76e.webp');background-size:100% 100%,100% 120px;background-blend-mode:normal,luminosity;border:1px solid #99764777;box-shadow:inset 0 0 0 4px #0003,inset 0 0 0 5px #c9a56338,2px 2px 4px #0009;}
.motion-back-cover {transform:translateZ(calc(-1 * var(--book-half-depth)));box-shadow:4px 9px 14px #0008;}
.motion-cover-front {backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:17px 11px;overflow:hidden;color:#dbb774;text-shadow:0 1px 1px #000;}
.motion-cover-title {font:18px/1.15 'Times New Roman',serif;text-align:center;overflow-wrap:anywhere;max-height:45%;overflow:hidden;}
.motion-cover-author {font:8px/1.3 'Times New Roman',serif;letter-spacing:.6px;text-align:center;text-transform:uppercase;}
.motion-cover-art {width:65%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:1px solid #cba66866;box-shadow:0 0 0 3px #0003;}
.motion-cover-front.has-jacket {padding:0;}
.has-jacket .motion-cover-art {position:absolute;inset:0;width:100%;height:100%;object-fit:contain;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;}
.has-jacket .motion-cover-title,.has-jacket .motion-cover-author {visibility:hidden;}
.motion-cover-inside {transform:rotateY(180deg);backface-visibility:hidden;background:linear-gradient(90deg,#0003,transparent 12%),url('assets/book-paper.5bee4213e8c30fee.webp') center/200px;border:3px solid var(--cover-colour);}
.motion-page-block {position:absolute;inset:3px 3px 3px 1px;transform:translateZ(calc(var(--book-half-depth) - 2px));background:linear-gradient(90deg,#9f886366,transparent 12%),url('assets/book-paper.5bee4213e8c30fee.webp') center/200px;border-radius:0 2px 2px 0;box-shadow:1px 1px 1px #5d4b2e;}
.motion-leaf {inset:3px 3px 3px 1px;transform:translateZ(var(--leaf-depth));background:linear-gradient(90deg,#8c71464d,transparent 13%,#fff2 75%,#7c633b22),url('assets/book-paper.5bee4213e8c30fee.webp') center/200px;border:1px solid #b5a58244;border-radius:0 2px 2px 0;box-shadow:1px 1px 2px #20140933;}
.motion-leaf::after,.motion-page-block::after {content:'';position:absolute;inset:24px 17px 22px;background:repeating-linear-gradient(180deg,#5f554b88 0 1px,transparent 1px 6px);opacity:.34;mask-image:linear-gradient(180deg,transparent 4%,#000 4% 44%,transparent 44% 50%,#000 50% 96%,transparent 96%);}
.motion-fore-edge {position:absolute;right:0;top:4px;bottom:4px;width:calc(var(--book-depth) - 5px);transform-origin:right center;transform:rotateY(90deg) translateX(var(--book-half-depth));background:repeating-linear-gradient(90deg,#dfd4b8 0 1px,#96866a 1px 1.5px,#f1e7ce 1.5px 3px);border-radius:2px;}
.motion-top-edge {position:absolute;left:1px;right:3px;top:3px;height:calc(var(--book-depth) - 5px);transform-origin:center top;transform:rotateX(90deg) translateY(calc(-1 * var(--book-half-depth)));background:repeating-linear-gradient(0deg,#dfd4b8 0 1px,#a29276 1px 1.5px,#f1e7ce 1.5px 3px);}
.motion-spine {position:absolute;left:0;top:0;height:100%;width:var(--book-depth);transform-origin:left center;transform:rotateY(-90deg) translateX(calc(-1 * var(--book-half-depth)));}
.motion-spine .motion-spine-copy {width:100%;height:100%;box-shadow:none;visibility:visible;pointer-events:none;}
.motion-spine,.motion-fore-edge {backface-visibility:hidden;}
#sheet-book {z-index:23;max-height:45vh;max-height:45dvh;overflow-y:auto;overscroll-behavior:contain;}
@media(prefers-reduced-motion:reduce) {.book-flight {will-change:auto;}}

/* A wider bookcase on desktop; the reading column stays comfortably narrow. */
@media(min-width:800px){
 .browser-reader #app{max-width:1000px;margin:auto;}
 .browser-reader .sheet{max-width:600px;left:50%;right:auto;width:100%;transform:translate(-50%,100%);}
 .browser-reader .sheet.on{transform:translate(-50%,0);}
 .browser-reader #s-read .readwrap{max-width:760px;width:100%;margin:0 auto;}
 .browser-reader #s-listen .listen{max-width:600px;width:100%;margin:auto;}
 .browser-reader #continue-reading{max-width:650px;margin-left:auto;margin-right:auto;}
}