:root{--ink:#251b15;--muted:#75675d;--cream:#f3ecdc;--paper:#fff;--gold:#caa75b;--gold2:#8a692e;--wood:#3a2013;--red:#5e181c;--shadow:0 20px 50px #160d08aa;--serif:'Iowan Old Style','Baskerville',Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-height:100%;color:var(--ink);background:#e9dfcc;font-family:var(--sans)}button,input,select{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:200;background:#fff;padding:.8rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:86px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#efe6d5;border-bottom:1px solid #bcaa8c;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:14px;border:0;background:none;text-align:left;color:var(--ink);cursor:pointer}.brand-mark{width:50px;height:50px;border:1px solid var(--gold2);display:grid;place-items:center;border-radius:50%;font:700 15px var(--serif);outline:1px solid var(--gold2);outline-offset:-5px}.brand strong{display:block;font:600 22px var(--serif);letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.header-actions{display:flex;gap:8px}.icon-button{width:42px;height:42px;border-radius:50%;border:1px solid #b8a78c;background:#f6efe2;color:var(--ink);cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--gold2);box-shadow:0 0 0 3px #caa75b33}
.library-view{min-height:calc(100vh - 86px);padding:clamp(40px,7vh,80px) max(20px,5vw) 70px;background:radial-gradient(circle at 50% 10%,#fbf5e9 0,#e9dfcc 60%,#d9c9ae)}.library-intro{text-align:center;max-width:720px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:600;color:var(--gold2)}h1{font:600 clamp(40px,6vw,68px)/.95 var(--serif);margin:.2em 0}.library-intro>p:last-child{font:400 20px/1.5 var(--serif);color:var(--muted)}.catalog-tools{max-width:670px;margin:35px auto 42px;display:flex;gap:10px}.search-field{position:relative;flex:1}.search-field input,.language-filter select{width:100%;height:48px;border:1px solid #bba98d;background:#faf5ea;border-radius:4px;padding:0 46px 0 16px;color:var(--ink)}.search-field>span:last-child{position:absolute;right:16px;top:8px;font:28px var(--serif)}.language-filter{width:145px}
.bookcase{max-width:1050px;margin:auto;padding:54px 50px 68px;position:relative;border:17px ridge #5a341d;border-radius:9px;background:repeating-linear-gradient(2deg,#422416 0 7px,#4b2a18 8px 15px,#382014 16px 24px);box-shadow:0 30px 55px #2b180d66,inset 0 0 45px #130a06}.carving{position:absolute;left:10%;right:10%;text-align:center;color:#d2aa5a;text-shadow:0 2px #190c05;font:28px var(--serif);letter-spacing:1.1em}.top-carving{top:12px}.shelf{height:350px;display:flex;align-items:flex-end;padding:30px 8%;background:radial-gradient(ellipse at center,#301b11,#170c08);border:10px inset #6a3c20;border-bottom:25px ridge #744523;box-shadow:inset 0 12px 30px #000;overflow-x:auto}.book-spine{height:278px;width:92px;min-width:52px;padding:13px 10px;border:0;border-radius:5px 9px 6px 5px;background:linear-gradient(90deg,#3e0b10,#79252a 11%,#5b1419 50%,#7d272b 88%,#3a090e);box-shadow:6px 5px 12px #000b,inset 0 0 0 3px #351015,inset 0 0 0 5px #bd914255;color:#d9b96b;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transform-origin:bottom center;transition:.35s ease;flex-shrink:0}.book-spine:hover,.book-spine:focus-visible{transform:translateY(-18px) rotate(-1deg);filter:brightness(1.12);outline:2px solid #e4c875;outline-offset:5px}.spine-title{font:600 16px/1.1 var(--serif);letter-spacing:.13em;writing-mode:vertical-rl;transform:rotate(180deg);min-height:0;overflow:hidden}.spine-author{font:600 9px var(--serif);writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.1em;min-height:0;overflow:hidden}.spine-year{display:block;flex:0 0 auto;padding-top:7px;border-top:1px solid #caa75488;font:800 clamp(13px,1.5vw,16px)/1 var(--serif);letter-spacing:.06em;text-shadow:0 1px 1px #180b03;color:#efd27c}.future-books{display:flex;align-items:flex-end;height:100%;margin-left:8px;opacity:.15;pointer-events:none}.future-books span{display:block;height:240px;width:70px;background:#8c623c;border:3px solid #d0ab65}.future-books span:nth-child(2){height:260px;background:#34513d}.future-books span:nth-child(3){height:225px;background:#374d68}.future-books span:nth-child(4){height:275px;background:#7c4c2b}.wood-plaque{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#d6b466;border:1px solid #b78e45;padding:6px 20px;background:#2a160d;font:600 12px var(--serif);letter-spacing:.18em}.library-note{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}
.book-detail{min-height:calc(100vh - 86px);padding:40px max(22px,7vw) 70px;background:radial-gradient(circle,#f9f2e4,#ded0b8)}.back-link{border:0;background:none;color:var(--muted);cursor:pointer;padding:10px 0}.detail-grid{max-width:1050px;margin:30px auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.closed-book-wrap{text-align:center}.closed-book-wrap>p{font:italic 16px var(--serif);color:var(--muted)}.closed-book{position:relative;width:min(330px,80vw);aspect-ratio:.68;border:0;border-radius:4px 14px 14px 4px;background:linear-gradient(90deg,#35080c,#69161b 6%,#781c21 50%,#4c0e13);color:#d5b25b;box-shadow:-12px 12px 0 #b99b68,0 32px 45px #2c170e77,inset 6px 0 10px #170508,inset -8px 0 14px #22070a;cursor:pointer;transition:.5s ease;transform:perspective(900px) rotateY(5deg)}.closed-book:hover,.closed-book:focus-visible{transform:perspective(900px) rotateY(-6deg) translateY(-8px)}.closed-book strong{display:block;font:600 31px/1.2 var(--serif);letter-spacing:.08em}.closed-book small{display:block;margin-top:45px;font:600 12px var(--serif);letter-spacing:.2em}.cover-border{position:absolute;inset:18px;border:2px solid #bd944b;outline:1px solid #bd944b;outline-offset:-7px;border-radius:40% 3px}.cover-flourish{display:block;font:44px var(--serif);margin-bottom:42px}.cover-flourish.bottom{margin:45px 0 0}.book-meta h1{font-size:58px}.book-meta .author{font:500 24px var(--serif);color:var(--gold2)}.book-meta>p:not(.eyebrow,.author){font:18px/1.6 var(--serif);color:var(--muted)}dl{display:flex;gap:28px;margin:30px 0}dl div{border-left:1px solid #b9a78a;padding-left:12px}dt{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}dd{margin:5px 0 0;font:600 17px var(--serif)}.primary-button,.secondary-button{min-height:50px;border-radius:3px;padding:0 24px;cursor:pointer}.primary-button{border:1px solid #34100e;background:#5e181c;color:#f5e8c5;box-shadow:inset 0 0 0 2px #9d6e31}.secondary-button{margin-left:8px;border:1px solid #8e7653;background:transparent;color:var(--ink)}
.reader-view{position:fixed;inset:0;background:radial-gradient(ellipse,#624a34,#24150d);z-index:100;display:grid;grid-template-rows:68px 1fr 62px;overflow:hidden}.reader-view[hidden],.reader-panel[hidden],section[hidden]{display:none}.reader-toolbar{height:68px;background:#f2eadc;border-bottom:1px solid #b8a689;display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:12}.reader-title{text-align:center;display:flex;flex-direction:column;font:18px var(--serif)}.reader-title small{font:600 10px var(--sans);color:#67594e;margin-top:3px;font-variant-numeric:tabular-nums}.toolbar-group{display:flex}.toolbar-button{min-height:42px;border:0;background:transparent;color:var(--ink);padding:0 10px;border-radius:4px;cursor:pointer}.toolbar-button:hover,.toolbar-button:focus-visible,.toolbar-button[aria-pressed=true]{background:#dfd3c0}.toolbar-button span{font-size:11px}.reader-stage{min-height:0;display:flex;align-items:center;justify-content:center;position:relative;padding:30px 70px;overflow:auto}.open-book{display:flex;align-items:stretch;position:relative;perspective:2200px;transform-style:preserve-3d;filter:drop-shadow(0 30px 30px #0008)}.page-sheet{background:#fff;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 0 10px #0000000a}.open-book.page-turning .page-sheet{box-shadow:inset 0 0 10px #0000000a,0 5px 15px #00000024}.page-sheet canvas{display:block}.paper-page-number{display:none}.book-gutter{width:10px;background:linear-gradient(90deg,#0005,#fff8,#0005);box-shadow:0 0 13px #0007;z-index:2}.left-page{border-radius:5px 0 0 4px}.right-page{border-radius:0 5px 4px 0}.turning-leaf{position:absolute;z-index:9;transform-style:preserve-3d;pointer-events:none;will-change:transform,filter;border-radius:2px 10px 10px 2px;filter:drop-shadow(0 6px 7px #0005)}.turn-forward{transform-origin:left center}.turn-backward{transform-origin:right center}.leaf-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;background-repeat:no-repeat;box-shadow:inset 0 0 9px #00000012}.leaf-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 64%,#0000000b 84%,#00000022 100%)}.turn-backward .leaf-face::after{transform:scaleX(-1)}.leaf-back{transform:rotateY(180deg);background:#fff}.leaf-back::after{background:linear-gradient(90deg,#00000020 0%,#00000009 18%,transparent 42%)}.turn-backward .leaf-back::after{transform:scaleX(-1)}.text-layer{position:absolute;overflow:hidden;opacity:.02;line-height:1}.text-layer span{position:absolute;white-space:pre;transform-origin:0 0;color:transparent}.text-layer .highlight{background:#ffe25dcc;color:transparent;border-radius:2px}.page-arrow{position:absolute;z-index:8;width:52px;height:72px;border:1px solid #c5a86b66;border-radius:50%;background:#20120988;color:#efdba8;font:42px var(--serif);cursor:pointer}.page-arrow:hover,.page-arrow:focus-visible{background:#5e181c}.page-arrow:disabled{opacity:.45;cursor:wait}.previous{left:16px}.next{right:16px}.book-loader{position:absolute;color:#f0dfbb;text-align:center}.book-loader span{display:block;width:38px;height:38px;border:2px solid #af8c4c;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin:auto}.book-loader p{font:16px var(--serif)}@keyframes spin{to{transform:rotate(360deg)}}.reader-controls{height:62px;background:#f2eadc;border-top:1px solid #b8a689;display:flex;align-items:center;gap:22px;padding:0 18px;z-index:12}.zoom-controls{display:flex}.zoom-controls button,.view-toggle{height:36px;border:1px solid #b7a68a;background:#faf5ea;padding:0 12px;cursor:pointer}.zoom-controls button+button{border-left:0}.page-slider{flex:1}.page-slider input{width:100%;accent-color:#6a1d21}.page-jump{display:flex;align-items:center;gap:6px;font-size:12px}.page-jump input{width:60px;height:34px;border:1px solid #b7a68a;background:#fffaf0;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.reader-panel{position:fixed;z-index:120;top:68px;bottom:62px;right:0;width:min(390px,90vw);background:#faf4e8;box-shadow:-15px 0 35px #0007;padding:20px;overflow:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cabb9f}.panel-header h2{font:600 31px var(--serif);margin:0 0 12px}.panel-header button{border:0;background:none;font-size:28px;cursor:pointer}.panel-list{list-style:none;padding:0}.panel-list button{display:flex;width:100%;justify-content:space-between;border:0;border-bottom:1px solid #ded3bf;background:none;padding:14px 4px;text-align:left;cursor:pointer}.panel-list button:hover{color:#7b2025}.panel-search{display:flex;margin:15px 0}.panel-search input{min-width:0;flex:1;height:42px;padding:0 10px;border:1px solid #b7a68a}.panel-search button{border:0;background:#5e181c;color:white;padding:0 15px}.search-results{font-size:13px}.search-result{width:100%;border:0;border-bottom:1px solid #d8cbb3;background:none;text-align:left;padding:12px 4px;cursor:pointer}.search-result strong{display:block;color:#7b2025;margin-bottom:4px}.search-progress{height:3px;background:#ded1ba;margin:8px 0}.search-progress span{display:block;height:100%;background:#8d682f}.toast{position:fixed;left:50%;bottom:80px;z-index:200;transform:translate(-50%,20px);background:#24150d;color:#fff0cf;padding:11px 18px;border-radius:3px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:480px;border:1px solid #9c8257;background:#f7efe0;color:var(--ink);padding:32px;box-shadow:var(--shadow)}dialog::backdrop{background:#170d08aa}.dialog-close{float:right;border:0;background:none;font-size:28px;cursor:pointer}dialog h2{font:600 35px var(--serif);margin-top:0}dialog li{margin:.8em}kbd{border:1px solid #aa9b84;background:white;padding:2px 6px;border-radius:3px}
@media(max-width:800px){.site-header{height:70px}.brand small{display:none}.library-view{min-height:calc(100vh - 70px)}.bookcase{padding-left:20px;padding-right:20px;border-width:12px}.shelf{padding-left:12%;height:310px}.book-spine{height:250px}.detail-grid{grid-template-columns:1fr;text-align:center;gap:30px}.closed-book{width:min(260px,72vw)}.book-meta h1{font-size:45px}.book-meta dl{justify-content:center}.reader-toolbar{padding:0 6px}.toolbar-button span{display:none}.reader-title{font-size:14px}.reader-title small{display:block;font-size:9px}.reader-stage{padding:18px 48px}.open-book.single .left-page,.open-book.single .book-gutter{display:none}.reader-controls{gap:8px;padding:0 8px}.page-slider{display:none}.zoom-controls #fitButton,.view-toggle span{display:none}.view-toggle{padding:0 9px}.page-arrow{width:39px;height:58px}.previous{left:4px}.next{right:4px}}
@media(max-width:520px){.library-intro h1{font-size:42px}.catalog-tools{flex-direction:column}.language-filter{width:100%}.bookcase{margin-left:-8px;margin-right:-8px}.future-books span{width:38px}.detail-grid{margin-top:10px}.book-meta>p:not(.eyebrow,.author){font-size:16px}.secondary-button{margin:8px 0 0}.reader-view{grid-template-rows:58px 1fr 56px}.reader-toolbar{height:58px}.reader-panel{top:58px;bottom:56px}.reader-controls{height:56px}.toolbar-group .toolbar-button:nth-child(1),.toolbar-group .toolbar-button:nth-child(4){display:none}.reader-stage{padding:10px 40px}.book-gutter{display:none}.page-sheet{border-radius:3px}.site-header .icon-button:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.page-sheet,.book-gutter{flex:none}.page-sheet{width:auto;height:auto}
/* Desk-controlled leather colours */
.book-spine.brown{background:linear-gradient(90deg,#241006,#70401e 11%,#4d2914 50%,#754321 88%,#1d0c04)}
.book-spine.navy{background:linear-gradient(90deg,#030914,#18375b 11%,#0b203b 50%,#21486f 88%,#020711)}
.book-spine.green{background:linear-gradient(90deg,#031008,#1e5332 11%,#103522 50%,#28643d 88%,#020c06)}
.book-spine.black{background:linear-gradient(90deg,#030303,#292929 11%,#111 50%,#303030 88%,#020202)}
.closed-book.brown{background:linear-gradient(90deg,#241006,#70401e 6%,#4d2914 50%,#1d0c04)}
.closed-book.navy{background:linear-gradient(90deg,#030914,#18375b 6%,#0b203b 50%,#020711)}
.closed-book.green{background:linear-gradient(90deg,#031008,#1e5332 6%,#103522 50%,#020c06)}
.closed-book.black{background:linear-gradient(90deg,#030303,#292929 6%,#111 50%,#020202)}