:root{--header-height: 15vh;--footer-height: 28vh;--content-height: 57vh;--header-min-height: 100px;--footer-min-height: 120px;--gallery-min-height: 350px;--spacing-standard: 50px;--spacing-mobile: 25px;--spacing-small: 15px;--bg-color: #f5f4f0;--text-color: #1a1a1a;--border-color: currentColor;--loading-bg: rgba(200, 200, 200, .2);--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background-color .25s ease,color .25s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" /></filter><rect width="200" height="200" filter="url(%23noise)" opacity="0.08"/></svg>');pointer-events:none;z-index:1}.dark-mode{--bg-color: #1a1a1a;--text-color: #f5f4f0;--loading-bg: rgba(60,60,60,.3)}.dark-mode body:before{opacity:.6}.dark-mode .book-link,.dark-mode .social-links a,.dark-mode footer a,.dark-mode .lang-btn,.dark-mode .theme-btn{color:var(--text-color)}.dark-mode .book-separator{opacity:.6}.dark-mode .info-panel{background:var(--bg-color);color:var(--text-color)}.dark-mode .info-panel-content input,.dark-mode .info-panel-content textarea{background-color:#2a2a2a;border-color:#f5f4f033;color:var(--text-color)}.dark-mode .info-panel-content button[type=submit]{background-color:var(--text-color);color:var(--bg-color)}.dark-mode .loading-bar{background:#f5f4f033}.dark-mode .loading-bar-fill{background:var(--text-color)}.dark-mode .lightbox{background:#0006}body.scrollbar-dragging,body.scrollbar-dragging *{cursor:ew-resize!important}@media(min-width:769px){body.book-active:not(.scrollbar-dragging){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cline x1='6' y1='6' x2='22' y2='22' stroke='%23888' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='22' y1='6' x2='6' y2='22' stroke='%23888' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 14 14,pointer}body.book-active .book-overlay,body.book-active .book-overlay *{cursor:grab}body.book-active .book-overlay.dragging,body.book-active .book-overlay.dragging *{cursor:grabbing!important}body.book-active .book-overlay .spread-regions .region{cursor:pointer}body.book-active .lightbox,body.book-active .lightbox *,body.book-active .info-panel,body.book-active .info-panel *,body.book-active .toast{cursor:auto}}.container{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;padding:40px var(--spacing-standard);justify-content:space-between}header{display:flex;justify-content:space-between;align-items:flex-start;height:var(--header-height);min-height:var(--header-min-height);position:relative;z-index:2;overflow:visible}.main-space{flex:0 0 var(--content-height);min-height:var(--gallery-min-height);display:flex;align-items:center;justify-content:center}h1{font-size:2.2rem;font-weight:400;letter-spacing:-.02em}h1[lang=zh]{font-family:IBM Plex Mono,monospace;font-weight:300}#site-title{position:relative;cursor:default;user-select:none}#site-title.has-action{cursor:pointer}#site-title .title-main,#site-title .title-action{display:block;transition:opacity .2s ease}#site-title .title-action{position:absolute;top:0;left:0;opacity:0;white-space:nowrap;font-size:inherit;letter-spacing:inherit;font-weight:inherit}#site-title.has-action:hover .title-main{opacity:0}#site-title.has-action:hover .title-action{opacity:1}.header-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.social-links{display:flex;gap:20px;font-size:.9rem;justify-content:flex-end;margin:0}.social-links a{color:inherit;text-decoration:none;padding:8px;display:inline-block}.social-links a:hover{opacity:.5}.lang-switcher{font-size:.85rem;display:flex;gap:5px}.lang-btn{background:none;border:none;color:inherit;padding:8px;margin:0 6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.85rem;opacity:.4;min-height:44px;min-width:44px}.lang-btn:hover,.lang-btn.active{opacity:1}.theme-toggle{display:flex;gap:8px;align-items:center;margin-top:10px;justify-content:flex-end;margin-left:auto}.theme-btn{background:none;border:none;color:inherit;padding:8px;margin:0 6px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;opacity:.4;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.theme-btn svg{display:block}.theme-btn:hover,.theme-btn.active{opacity:1}.lang-btn:focus-visible,.theme-btn:focus-visible,.book-link:focus-visible,footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px;opacity:1}.book-index{font-size:1.1rem;line-height:1.5;overflow-x:hidden;overflow-y:auto;white-space:normal;scrollbar-width:thin;scrollbar-color:var(--text-color) transparent;padding-right:15px;order:1;max-height:calc(var(--footer-height) - 60px)}.book-index::-webkit-scrollbar{width:12px;display:block}.book-index::-webkit-scrollbar-track{background:transparent}.book-index::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:0;border:3px solid var(--bg-color)}.book-link{color:inherit;text-decoration:none;cursor:pointer;letter-spacing:-.01em;display:inline-block;padding:8px;min-height:44px}.book-link:hover{opacity:.5}.book-link.active{opacity:1!important}body.book-active .book-link:not(.active){opacity:.4}body.book-active .book-link:not(.active):hover{opacity:.7!important}.book-separator{margin:0 8px;opacity:.4;pointer-events:none}footer{display:flex;flex-direction:column;gap:20px;margin-top:auto;padding-top:15px;font-size:1.1rem;min-height:var(--footer-min-height);overflow:visible}.footer-links{display:flex;gap:25px;align-items:center;order:2}footer a{color:inherit;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;padding:12px 8px;line-height:1.2;white-space:nowrap;min-height:48px}footer a:hover{opacity:.5}.book-preview{position:fixed;left:50%;top:calc(var(--header-height) + var(--content-height) / 2);transform:translate(-50%,-50%);z-index:500;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:16px;opacity:0;transition:opacity .25s ease}.book-preview.active{opacity:1}.book-preview-title{font-size:1.6rem;font-weight:400;letter-spacing:-.02em;text-align:center;white-space:nowrap;order:0}.book-preview-img-wrap{position:relative;order:1}.book-preview img{max-height:calc(var(--content-height) * .65);width:auto;display:block;transform:translate(var(--preview-offset-x, 0px),var(--preview-offset-y, 0px));opacity:1}.book-preview img.no-image{border:1px solid var(--border-color);background:transparent;min-height:260px;width:380px;max-width:80vw}.book-preview-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;opacity:.5;text-align:center;pointer-events:none}.book-overlay.active .overlay-gallery{filter:blur(0px);opacity:1;transition:filter .3s ease,opacity .3s ease}.book-overlay.active.index-hovering .overlay-gallery{filter:blur(8px);opacity:.3}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:#0000001a;z-index:4000;opacity:0;transition:opacity .3s}.loading-bar.active{opacity:1}.loading-bar-fill{height:100%;background:var(--text-color);width:0%;transition:width .3s ease}.book-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:var(--footer-height);height:var(--content-height);min-height:var(--gallery-min-height);z-index:1000;display:none;opacity:0;transition:opacity .2s ease;pointer-events:none;overflow:hidden}.book-overlay.active{display:block;opacity:1;pointer-events:auto}.overlay-gallery{width:100%;height:100%;min-height:var(--gallery-min-height);overflow-x:scroll;overflow-y:hidden;white-space:nowrap;padding:20px var(--spacing-standard);display:flex;align-items:center;scrollbar-width:none;pointer-events:auto;user-select:none;-webkit-user-select:none;cursor:grab;transform:translateZ(0);will-change:scroll-position}.overlay-gallery::-webkit-scrollbar{display:none}.overlay-gallery.dragging{cursor:grabbing}.custom-scrollbar{position:absolute;left:var(--spacing-standard);right:var(--spacing-standard);bottom:18px;height:12px;background:transparent;pointer-events:none;z-index:1100;opacity:0;transition:opacity .2s ease}.custom-scrollbar-thumb{height:100%;width:0;background:#000;transform-origin:left center;transition:transform .1s ease;cursor:ew-resize;pointer-events:auto}.dark-mode .custom-scrollbar-thumb{background:#fff}.info-square,.spread{display:inline-block;vertical-align:middle;margin-right:40px;flex-shrink:0}.overlay-gallery>.spread:last-child,.overlay-gallery>.info-square:last-child{margin-right:0}.info-square{width:380px;height:calc(var(--content-height) * var(--book-viewing-height, .5));padding:40px;display:flex;flex-direction:column;justify-content:center;background:transparent;position:relative;border:1px solid currentColor;opacity:.6;cursor:default;overflow:hidden;box-sizing:border-box}.info-title{font-size:1.5rem;font-weight:400;margin-bottom:8px;letter-spacing:-.02em;word-wrap:break-word;white-space:normal}.info-year{font-size:.9rem;opacity:.6;margin-bottom:25px;word-wrap:break-word;white-space:normal}.info-description{font-size:.95rem;line-height:1.6;opacity:.8;word-wrap:break-word;white-space:normal}.spread{cursor:pointer;position:relative;overflow:visible;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;vertical-align:middle;min-width:150px;min-height:150px;transform:translateZ(0);backface-visibility:hidden;pointer-events:auto;height:calc(var(--content-height) * var(--book-viewing-height, .5))}.spread img{display:block;height:calc(var(--content-height) * var(--book-viewing-height, .5) * var(--spread-scale, 1));width:auto;opacity:0;transition:none;position:relative;z-index:2;transform:translateZ(0);pointer-events:none}.spread img.loaded{opacity:1}.interactive-images-wrapper{position:relative;display:inline-block}.interactive-images-wrapper img{display:block}.interactive-images-wrapper img.alternate{position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:2;height:calc(var(--content-height) * var(--book-viewing-height, .5) * var(--spread-scale, 1));width:auto}.interactive-images-wrapper img.alternate.active{opacity:1;z-index:3}.interactive-images-wrapper img.hidden{opacity:0!important}.spread[data-spacing]{margin-right:var(--spread-spacing, 40px)}.spread[data-spacing="0"]{margin-right:0}.spread.loading:before{content:"";position:absolute;inset:0;min-width:100px;min-height:100px;background:transparent;border:1px solid currentColor;z-index:1;pointer-events:none}.spread.loading:after{content:"...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;letter-spacing:.2em;z-index:2;animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.spread.interactive{position:relative}.spread-regions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;z-index:4;pointer-events:auto}.spread-regions .region{flex:1;cursor:pointer;position:relative}.spread-dots{position:absolute;bottom:-20px;left:0;display:flex;gap:8px;z-index:5;pointer-events:auto}.spread-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.3;cursor:pointer;transition:opacity .2s,transform .2s}.spread-dot:hover{opacity:.7;transform:scale(1.3)}.spread-dot.active{opacity:1;transform:scale(1.2)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff6;z-index:2000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;padding-bottom:120px}.lightbox.active{display:flex;opacity:1}.lightbox-spread{position:relative;display:flex;align-items:center;justify-content:center;max-width:90vw;max-height:calc(100vh - 180px)}.lightbox-spread img{max-width:90vw;max-height:calc(100vh - 180px);width:auto;height:auto;display:block;opacity:0;object-fit:contain}.lightbox-spread img.loaded{opacity:1}.lightbox-spread.loading:before{content:"";position:absolute;inset:0;width:100%;height:100%;max-width:90vw;max-height:calc(100vh - 180px);background:transparent;border:1px solid currentColor;z-index:1;pointer-events:none}.lightbox-spread.loading:after{content:"...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;letter-spacing:.3em;z-index:2;animation:loadingDots 1.5s infinite}.lightbox-close{position:absolute;top:30px;right:30px;font-size:3rem;background:none;border:none;color:inherit;cursor:pointer;padding:10px;line-height:1;opacity:.6;z-index:20;min-height:48px;min-width:48px}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:0;bottom:120px;width:80px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:none;border:none;color:inherit;cursor:pointer;padding:20px;opacity:.6;z-index:10}.lightbox-nav:hover:not(:disabled){opacity:1}.lightbox-nav:disabled{opacity:.05;cursor:not-allowed}.lightbox-nav.prev{left:0}.lightbox-nav.next{right:0}.lightbox-counter{position:fixed;bottom:60px;left:50%;transform:translate(-50%);font-size:.9rem;opacity:.6;z-index:10;background:#0003;padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px)}.keyboard-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:.75rem;opacity:.4;z-index:10;white-space:nowrap}.keyboard-hint[data-en]:lang(en):before{content:attr(data-en)}.keyboard-hint[data-fr]:lang(fr):before{content:attr(data-fr)}.keyboard-hint[data-zh]:lang(zh):before{content:attr(data-zh)}.info-panel{position:fixed;top:0;right:0;width:100%;max-width:600px;height:100%;background:var(--bg-color);z-index:3000;box-shadow:-5px 0 30px #0000001a;display:none}.info-panel.active{display:block}.info-panel-content{padding:60px var(--spacing-standard);height:100%;overflow-y:auto;color:var(--text-color)}.info-panel-content h2{font-size:2rem;font-weight:400;margin-bottom:30px;letter-spacing:-.02em}.info-panel-content p{font-size:1rem;line-height:1.8;margin-bottom:20px}.info-panel-content form{margin-top:40px}.info-panel-content input,.info-panel-content textarea{width:100%;margin-bottom:20px;padding:15px;border:1px solid rgba(26,26,26,.2);background-color:var(--bg-color);font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s;min-height:48px}.info-panel-content input:focus,.info-panel-content textarea:focus{outline:none;border-color:var(--text-color)}.info-panel-content button[type=submit]{background-color:var(--text-color);color:var(--bg-color);border:none;padding:12px 30px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:.95rem;min-height:48px}.info-panel-content button[type=submit]:hover:not(:disabled){opacity:.8}.info-panel-content button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.info-panel-close{position:absolute;top:30px;right:30px;font-size:2rem;background:none;border:none;color:var(--text-color);cursor:pointer;padding:10px;line-height:1;opacity:.6;min-height:48px;min-width:48px}.info-panel-close:hover{opacity:1}.error-message{color:#d32f2f;font-size:.85rem;margin-top:-15px;margin-bottom:15px;display:none}.error-message.visible{display:block}.success-message{background:#4caf50;color:#fff;padding:15px;border-radius:4px;margin-bottom:20px;display:none}.success-message.visible{display:block}.toast{position:fixed;bottom:30px;right:30px;background:var(--text-color);color:var(--bg-color);padding:16px 24px;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:5000;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none}.toast.active{opacity:1;transform:translateY(0)}.mobile-close-btn{display:none}.view-home{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;pointer-events:auto}.home-title{font-size:clamp(3rem,10vw,6rem);font-weight:400;margin-bottom:2rem;letter-spacing:-.02em;opacity:0;transform:translateY(20px);animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) forwards}.home-nav{display:flex;gap:clamp(15px,3vw,40px);opacity:0;transform:translateY(20px);animation:fadeInUp 1.2s cubic-bezier(.16,1,.3,1) .3s forwards;flex-wrap:wrap;justify-content:center}.category-link{font-size:clamp(1rem,2vw,1.25rem);text-decoration:none;color:var(--text-color);opacity:.5;transition:opacity .4s ease,transform .4s ease;position:relative}.category-link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1)}.category-link:hover{opacity:1}.category-link:hover:after{transform:scaleX(1);transform-origin:left}.home-controls{margin-top:4rem;display:flex;flex-direction:column;gap:2rem;opacity:0;animation:fadeIn 1.2s cubic-bezier(.16,1,.3,1) .6s forwards}.home-langs{display:flex;gap:1.5rem;justify-content:center}.home-langs .lang-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.8rem;opacity:.4;transition:opacity .3s;letter-spacing:.1em}.home-langs .lang-btn.active,.home-langs .lang-btn:hover{opacity:1}.home-themes{display:flex;gap:2rem;justify-content:center;opacity:.6}.home-themes .theme-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:5px;transition:transform .3s,opacity .3s}.home-themes .theme-btn:hover{transform:scale(1.1);opacity:1}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.view-transition-out{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}body.switching{overflow:hidden}.view-placeholder{text-align:center;padding:40px var(--spacing-standard);width:100%;max-width:1200px;margin:0 auto}.placeholder-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:300;margin-bottom:3rem;letter-spacing:-.02em}.coming-soon-text{font-size:1rem;opacity:.4;margin-top:2rem}.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:3rem}.placeholder-item{aspect-ratio:4/5;background:var(--text-color);opacity:.05;position:relative;overflow:hidden}.shimmer-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 2.5s infinite ease-in-out}@keyframes shimmer{to{left:100%}}body.focus-mode header,body.focus-mode footer{opacity:0;transition:opacity .5s ease;pointer-events:none}body.focus-mode header:hover,body.focus-mode footer:hover{opacity:1;pointer-events:auto}@media(max-height:750px){:root{--header-height: 12vh;--footer-height: 25vh;--content-height: 63vh;--header-min-height: 85px;--footer-min-height: 110px;--gallery-min-height: 300px}.container{padding:25px var(--spacing-standard)}.book-index{font-size:1rem;line-height:1.4}footer{font-size:1rem;gap:15px}}@media(max-height:625px){:root{--header-height: 10vh;--footer-height: 22vh;--content-height: 68vh;--header-min-height: 70px;--footer-min-height: 110px;--gallery-min-height: 250px}.container{padding:20px var(--spacing-standard)}h1{font-size:1.4rem}.social-links{font-size:.75rem;gap:12px;margin-bottom:8px}.book-index{font-size:.8rem;line-height:1.5}footer{font-size:.85rem;gap:8px}}@media(max-width:768px){:root{--spacing-standard: var(--spacing-mobile);--header-height: auto;--footer-height: auto}.container{padding:20px var(--spacing-mobile);height:100vh;min-height:100vh;display:flex;flex-direction:column}header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;margin-bottom:20px;height:auto;min-height:auto;flex-shrink:0}h1{font-size:1.8rem;margin:0;width:100%}.header-right{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.social-links{font-size:.95rem;gap:15px;margin-bottom:0}.social-links a{padding:10px 6px}.lang-switcher{display:flex;gap:8px}.lang-btn{font-size:.95rem;padding:10px 12px;margin:0}.theme-toggle,.main-space{display:none}footer{flex:1;display:flex;flex-direction:column;gap:0;margin-top:0;min-height:0;padding-top:0;overflow:hidden;padding-bottom:0}.book-index{flex:1;font-size:1.8rem;line-height:1.4;padding:20px 0 100px;white-space:normal;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:20px;margin-bottom:0}.book-link{padding:15px 10px;min-height:auto;display:block;border-bottom:1px solid currentColor}.book-index::-webkit-scrollbar{width:4px}.book-index::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:2px}.book-separator{display:none}.footer-links{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:0;padding:15px 0;padding-bottom:max(15px,env(safe-area-inset-bottom));position:relative;background:var(--bg-color);z-index:10;min-height:60px}.footer-links-left{display:flex;gap:25px}.footer-links .theme-toggle{display:flex;gap:8px}.footer-links .theme-btn{padding:10px 12px;margin:0}.footer-links .theme-btn svg{width:18px;height:18px}footer a{padding:10px 5px;min-height:auto;font-size:1rem}.book-overlay{top:0;bottom:0;height:100vh;background:var(--bg-color)}.book-overlay.active{z-index:3000}.overlay-gallery{flex-direction:column;overflow-x:hidden;overflow-y:scroll;padding:0 var(--spacing-mobile);padding-top:70px;padding-bottom:140px;align-items:center;height:100vh;-webkit-overflow-scrolling:touch;cursor:default}.overlay-gallery.dragging{cursor:default}.info-square,.spread{margin-right:0;margin-bottom:40px;width:100%;max-width:100%}.info-square{height:auto;min-height:200px;padding:35px;border:1px solid currentColor}.info-title{font-size:1.6rem}.info-year{font-size:1rem}.info-description{font-size:1.05rem;line-height:1.7}.spread{width:100%!important;height:auto!important;max-width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.spread img{width:100%;height:auto!important;max-height:none;object-fit:contain}.spread[data-spacing]{margin-right:0!important;margin-bottom:var(--spread-spacing, 40px)}.spread[data-spacing="0"]{margin-bottom:0}.interactive-images-wrapper img.alternate{width:100%;height:auto!important}.custom-scrollbar{display:none}.lightbox-close,.lightbox-nav{font-size:2.5rem;padding:15px;min-height:52px;min-width:52px}.lightbox-close{top:20px;right:20px}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-counter{bottom:80px;font-size:1rem;padding:10px 18px}.keyboard-hint{display:none}.info-panel-content{padding:80px var(--spacing-mobile)}.info-panel-content h2{font-size:1.8rem}.info-panel-content p{font-size:1.05rem;line-height:1.8}.info-panel-close{top:20px;right:20px;font-size:2.5rem;min-height:52px;min-width:52px}.book-preview{display:none}}@media(max-width:768px)and (orientation:portrait){.container{display:flex;flex-direction:column;height:100vh;overflow:hidden}footer{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.book-index{flex:1;font-size:1.8rem;line-height:1.4;padding:20px 0 150px;white-space:normal;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:20px;margin-bottom:0}.footer-links{flex-shrink:0;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-color);border-top:1px solid currentColor;padding:15px var(--spacing-mobile);padding-bottom:max(15px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center}.book-overlay.active .overlay-gallery{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:120px 0 140px;align-items:center;pointer-events:auto;gap:40px}.book-overlay.contiguous .overlay-gallery{gap:0!important}.book-overlay.active .spread{transform:rotate(90deg);transform-origin:center center;width:auto!important;height:auto!important;flex-shrink:0;padding-top:0!important;padding-bottom:0!important;justify-content:center!important;align-items:center!important;display:inline-flex!important;pointer-events:auto}.book-overlay.active .spread img{height:calc(80vh * var(--spread-scale, 1))!important;width:auto!important;max-height:calc(100vw - 80px)!important;object-fit:contain!important}.book-overlay.active .spread:not([data-spacing]){margin-bottom:0!important}.book-overlay.active .spread[data-spacing]{margin-bottom:var(--spread-spacing, 40px)!important;margin-top:0!important;margin-left:0!important;margin-right:0!important}.book-overlay.active .spread[data-spacing="0"]{margin-bottom:0!important}.book-overlay.active .info-square{transform:rotate(90deg);transform-origin:center center;height:80vh;width:auto;min-height:50vh;max-height:calc(100vw - 80px);max-width:calc(100vh - 260px);padding:30px;margin:5vh 0;flex-shrink:0;box-sizing:border-box;pointer-events:auto;display:flex!important;flex-direction:column;justify-content:center}.mobile-header-bar{z-index:3200;background:var(--bg-color);border-bottom:1px solid currentColor;pointer-events:auto}.mobile-footer-bar{z-index:3200;background:var(--bg-color);border-top:1px solid currentColor;pointer-events:auto}.lightbox{display:none!important}}@media(max-width:926px)and (max-height:428px)and (orientation:landscape){.container{flex-direction:row;gap:0;padding:0;height:100vh;overflow:hidden}header{width:33.333%;height:100%;margin-bottom:0;padding:20px;border-right:1px solid currentColor;flex-shrink:0;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;overflow-y:auto;background:var(--bg-color)}h1{font-size:1.6rem;margin-bottom:10px}.header-right{display:flex;flex-direction:column;gap:12px;width:100%}.social-links{display:flex;flex-direction:row;gap:15px;font-size:.9rem;align-items:flex-start}.social-links a{padding:8px 0}.lang-btn{font-size:.85rem;padding:8px 10px;margin:0}.theme-toggle{display:flex!important;gap:8px;margin-top:10px}.theme-btn{padding:8px 10px;font-size:.85rem}.theme-btn svg{width:16px;height:16px}.main-space{display:none}footer{width:66.666%;height:100%;padding:20px;flex:none;display:flex;flex-direction:column;position:relative;gap:0;min-height:0;background:var(--bg-color);overflow:hidden}.book-index{flex:1;font-size:1.2rem;line-height:1.5;padding:0;overflow-y:auto;white-space:normal;display:flex;flex-direction:column;gap:0}.book-link{padding:12px 8px;display:block;border-bottom:1px solid currentColor;flex-shrink:0}.book-separator{display:none}.footer-links{display:none!important}.book-overlay.active{z-index:3500;background:var(--bg-color);inset:0;width:100vw;height:100vh}.book-overlay.active .overlay-gallery{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:0 80px;align-items:center;height:100vh;width:100vw;-webkit-overflow-scrolling:touch;pointer-events:auto}.book-overlay.active .info-square{margin-right:40px;margin-bottom:0;margin-top:0;min-height:200px;height:auto;max-height:60vh;width:350px;padding:30px;transform:none;flex-shrink:0;pointer-events:auto;align-self:center;display:flex;flex-direction:column;justify-content:center}.book-overlay.active .spread{margin-right:0;margin-bottom:0;margin-top:0;height:60vh!important;width:auto!important;min-height:auto!important;max-height:60vh!important;transform:none!important;flex-shrink:0;pointer-events:auto;padding-top:0!important;padding-bottom:0!important;justify-content:center!important;align-items:center!important;align-self:center;display:inline-flex!important}.book-overlay.active .spread img{height:calc(60vh * var(--spread-scale, 1))!important;width:auto!important;max-height:60vh!important;max-width:calc(100vw - 200px)!important;object-fit:contain!important;display:block!important}.book-overlay.active .spread[data-spacing]{margin-right:var(--spread-spacing, 40px)!important;margin-bottom:0!important;margin-left:0!important}.book-overlay.active .spread[data-spacing="0"]{margin-right:0!important;margin-bottom:0!important;margin-left:0!important}.book-overlay.active .mobile-header-bar{position:fixed;left:0;top:0;bottom:0;width:80px;height:100vh;background:var(--bg-color);z-index:3600;border-right:1px solid currentColor;transition:transform .3s ease,opacity .3s ease;transform:translate(-100%);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.book-overlay.active .mobile-header-bar.visible{transform:translate(0);opacity:1;pointer-events:auto}.book-overlay.active .mobile-footer-bar{position:fixed;right:0;top:0;bottom:0;width:80px;height:100vh;background:var(--bg-color);z-index:3600;border-left:1px solid currentColor;transition:transform .3s ease,opacity .3s ease;transform:translate(0);opacity:1;pointer-events:auto;display:flex;align-items:center;justify-content:center}.book-overlay.active .mobile-footer-bar.hidden{transform:translate(100%);opacity:0;pointer-events:none}.mobile-close-btn{font-size:3rem;opacity:.7}.lightbox{display:none!important}}.mobile-header-bar,.mobile-footer-bar{position:fixed;left:0;right:0;height:60px;background:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:3100;transition:transform .3s ease,opacity .3s ease;opacity:1}.mobile-header-bar{top:0;transform:translateY(0)}.mobile-footer-bar{bottom:0;transform:translateY(100%);opacity:0}.mobile-header-bar.hidden{transform:translateY(-100%);opacity:0}.mobile-footer-bar.hidden{transform:translateY(100%);opacity:0}.mobile-footer-bar.visible{transform:translateY(0);opacity:1}.mobile-close-btn{display:none;font-size:3rem;background:none;border:none;color:var(--text-color);cursor:pointer;opacity:.6;line-height:1;padding:10px;min-width:52px;min-height:52px}.book-overlay.active .mobile-close-btn{display:block}.mobile-close-btn:active{opacity:1}@media(min-width:927px){header{width:auto!important;height:var(--header-height)!important;border-right:none!important;flex-direction:row!important}footer{width:auto!important;flex-direction:column!important}.theme-toggle{display:flex!important}.mobile-header-bar,.mobile-footer-bar{display:none!important}}