*{box-sizing:border-box} :root{--ink:#182c24;--ivory:#f7f5ee;--metal:#808787;--gold:#bfa165}html{height:100%}body{margin:0;min-height:100svh;color:var(--ivory);font:14px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 24% 12%,#e4e3df66,transparent 46%),radial-gradient(ellipse at 79% 80%,#333d4066,transparent 53%),linear-gradient(125deg,#6c7476 0%,#a8adab 26%,#888e8d 44%,#606b6c 68%,#a1a4a0 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f1d38e;outline-offset:4px}button:disabled{opacity:.28;cursor:default}button{color:inherit}header{height:88px;max-width:1540px;margin:auto;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:inherit}.brand>span{font:32px Georgia,serif;letter-spacing:-1px;display:block}.brand .year{font:11px system-ui;letter-spacing:2px;margin-left:14px;vertical-align:middle;opacity:.65}.brand small{font-size:9px;letter-spacing:3.4px;opacity:.8}.head-actions{display:flex;gap:10px}.head-actions button{border:1px solid #ffffff35;border-radius:24px;padding:10px 17px;background:#39444222;backdrop-filter:blur(10px)}.head-actions button:hover{background:#39444266}main{max-width:1540px;margin:auto;padding:0 4vw}.edition{text-align:center;font-size:9px;letter-spacing:3px;margin:8px 0 18px;color:#f7f5eae0}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e6cc96;vertical-align:middle;margin-right:8px}#stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(62svh,690px);min-height:200px;perspective:2000px}#book{display:flex;width:min(100%,calc(62svh * 16 / 9));max-width:1200px;position:relative;border-radius:8px;isolation:isolate;box-shadow:0 35px 55px -18px #15201bc0,0 4px 12px #18252160,4px 6px 0 #d2d0c7,6px 8px 0 #a7aba8;background:var(--ivory);transition:transform .25s}#book.double{width:min(100%,calc(62svh * 32 / 9));max-width:1480px}#book .sheet{display:block;position:relative;width:100%;padding:0;line-height:0;background:var(--ivory);overflow:hidden;border-radius:6px}#book.double .sheet{width:50%;border-radius:0}#book.double .sheet:first-child{border-radius:6px 0 0 6px}#book.double .sheet:last-child{border-radius:0 6px 6px 0}#book.double:after{content:"";position:absolute;left:50%;top:0;height:100%;width:24px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,#0a100018,transparent)}.sheet img{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.sheet:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff70}.turn-next{animation:turnNext .4s ease}.turn-prev{animation:turnPrev .4s ease}@keyframes turnNext{0%{transform:rotateY(7deg);opacity:.6}100%{transform:none;opacity:1}}@keyframes turnPrev{0%{transform:rotateY(-7deg);opacity:.6}100%{transform:none;opacity:1}}.edge{position:absolute;z-index:3;width:40px;height:64px;border-radius:24px;background:#26322d48;font:35px Georgia;backdrop-filter:blur(6px);box-shadow:0 3px 12px #19282218}.edge:hover{background:#23302bbb}.previous{left:-24px}.next{right:-24px}.caption{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:20px auto 17px;font-size:11px;letter-spacing:.5px}.hint{opacity:.65;font-size:10px}.toolbar{width:max-content;max-width:100%;margin:0 auto;display:flex;gap:3px;align-items:center;padding:7px 10px;background:#26342be0;border:1px solid #d7d9d140;border-radius:40px;box-shadow:0 10px 22px #1d292d25;backdrop-filter:blur(20px)}.toolbar button{width:35px;height:36px;border-radius:50%;background:transparent;font-size:23px}.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#ffffff18;color:#f4d78f}#mark{font-size:27px}#help{font-size:17px}.navgroup{display:flex;align-items:center;gap:1px}.counter{display:flex;align-items:center;gap:4px;font-size:11px;color:#edece3aa;padding:0 5px}.counter input{border:0;width:29px;text-align:center;appearance:textfield;-moz-appearance:textfield;color:white;background:transparent;font-size:12px}.counter input::-webkit-inner-spin-button{appearance:none}.divider{height:20px;width:1px;background:#ffffff30;margin:0 7px}.progress{max-width:360px;margin:12px auto 0}.progress input{width:100%;accent-color:#e5d7b6;height:3px;cursor:pointer}footer{max-width:1540px;padding:22px 5vw;display:flex;justify-content:space-between;gap:15px;font-size:10px;opacity:.8}footer a{color:inherit;text-decoration:none}#shade{position:fixed;inset:0;background:#1c242860;backdrop-filter:blur(5px);z-index:8}aside{position:fixed;z-index:9;top:12px;right:12px;bottom:12px;width:min(460px,calc(100vw - 24px));background:#f6f4ed;color:var(--ink);border-radius:20px;box-shadow:0 20px 80px #14221d70;padding:25px 22px;overflow-y:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font:26px Georgia;margin:0}.drawer-head button,.dialog-close{background:none;color:var(--ink);font-size:30px}.tabs{display:flex;border-bottom:1px solid #cdd0c6;margin-top:20px}.tabs button{background:none;color:#6d756a;padding:12px}.tabs .active{color:var(--ink);border-bottom:2px solid var(--ink)}.tabs span{background:#e2e4da;border-radius:20px;padding:1px 6px;font-size:10px}.search{display:flex;align-items:center;background:#e9e9e1;padding:10px 12px;border-radius:9px;gap:8px;margin:18px 0}.search input{width:100%;background:none;border:0;outline:none}.entry{display:block;text-align:left;width:100%;padding:0;background:white;color:var(--ink);border-radius:10px;overflow:hidden;margin-bottom:15px;border:2px solid transparent;box-shadow:0 3px 8px #2033240a}.entry.selected{border-color:#8c9f89}.entry img{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#efede7}.entry strong{display:block;padding:10px 12px 4px;font-size:12px}.entry small{display:block;padding:0 12px 10px;color:#737d73;font-size:10px;line-height:1.5}.empty{padding:25px 10px;text-align:center;color:#788173}dialog{border:0;border-radius:18px;padding:30px;color:var(--ink);box-shadow:0 20px 60px #18231c70}dialog::backdrop{background:#161f20ce;backdrop-filter:blur(6px)}#helpDialog{width:min(470px,90vw);background:var(--ivory)}#helpDialog h2{font:27px Georgia}#helpDialog p{line-height:1.7;color:#657067;font-size:13px}.dialog-close{position:absolute;right:15px;top:10px}dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px}dt{font-weight:600}dd{margin:0;color:#657067}#zoomDialog{width:96vw;height:94svh;max-width:none;max-height:none;overflow:hidden;background:#252f2a;color:var(--ivory);padding:0}#zoomDialog[open]{display:flex;flex-direction:column}.zoom-top{height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;flex-shrink:0}.zoom-top strong{font-size:12px;font-weight:500}.zoom-top>div{display:flex;align-items:center;gap:6px}.zoom-top button{height:34px;min-width:32px;border-radius:8px;background:#ffffff0e;font-size:21px}#resetZoom{font-size:11px;padding:0 10px}#zoomPercent{font-size:11px;min-width:50px;text-align:center}#zoomViewport{position:relative;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;background:radial-gradient(ellipse,#4a554d,#242c28)}#zoomViewport:active{cursor:grabbing}#zoomImage{max-width:100%;max-height:100%;object-fit:contain;user-select:none;transform-origin:center;will-change:transform}.zoom-hint{text-align:center;padding:12px;font-size:10px;opacity:.7}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;padding:12px 20px;background:var(--ivory);color:var(--ink);border-radius:30px;z-index:30;pointer-events:none;transition:.25s;font-size:12px;max-width:90vw;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}#printNotice{display:none}body.immersive header,body.immersive footer,body.immersive .edition,body.immersive .hint{visibility:hidden}body.immersive #stage{height:70svh}body.immersive #book{width:min(100%,calc(70svh * 16 / 9))}body.immersive #book.double{width:min(100%,calc(70svh * 32 / 9))}[hidden]{display:none!important}@media(max-width:760px){header{height:75px;padding:15px 5vw}.brand>span{font-size:26px}.brand small{font-size:8px;letter-spacing:2px}.head-actions button{padding:8px 11px}.head-actions span,.hint{display:none}.edition{font-size:8px;letter-spacing:1.5px;margin-top:12px}main{padding:0 5vw}#stage{height:54svh;min-height:210px}#book{width:100%}.edge{width:28px;height:44px;font-size:25px}.previous{left:-13px}.next{right:-13px}.caption{margin:16px auto;font-size:10px}.toolbar{padding:6px 5px;gap:0}.toolbar button{width:29px;height:32px;font-size:21px}.toolbar #first,.toolbar #last,.toolbar #spread{display:none}.divider{margin:0 5px}.counter{font-size:10px}footer{font-size:9px;flex-direction:column;text-align:center;padding-top:24px}.zoom-top{padding:10px;gap:5px}.zoom-top strong{display:none}.zoom-top>div{width:100%;justify-content:center}.zoom-hint{font-size:9px}body.immersive #stage{height:60svh}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body>*{display:none!important}#printNotice{display:block!important;color:black;padding:40px}}