.book-viewer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;gap:1rem;user-select:none;--page-width:44vw;--page-height:44vw}@media (max-width:480px){.book-viewer-container{--page-width:42vw;--page-height:42vw;padding:.5rem;gap:.5rem}}@media (min-width:768px){.book-viewer-container{--page-width:320px;--page-height:320px}}@media (min-width:1024px){.book-viewer-container{--page-width:400px;--page-height:400px}}@media (min-width:1440px){.book-viewer-container{--page-width:500px;--page-height:500px}}.book{position:relative;gap:1rem;width:calc(var(--page-width) * 2 + 1rem)}.book,.page-container{display:flex;justify-content:center;align-items:center;height:var(--page-height);transition:all .3s ease}.page-container{width:var(--page-width);background-color:white;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);container-type:inline-size}.page-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5cqw;line-height:1.9;font-size:3.5cqw;background:white;font-family:Jalnan2,Pretendard Variable,Apple SD Gothic Neo,Noto Sans KR,sans-serif;word-break:keep-all;overflow-wrap:break-word;white-space:pre-wrap;letter-spacing:.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-content h1{font-size:6cqw;text-align:center;font-weight:700;line-height:1.4;letter-spacing:.05em;margin-bottom:.5em}.bilingual-text-ko,.page-content h1{font-family:Jalnan2,Pretendard Variable,sans-serif}.bilingual-text-ko{margin-bottom:1rem;font-weight:600;line-height:1.8;letter-spacing:.03em}.bilingual-text-en{font-size:.85em;opacity:.75;font-family:Pretendard Variable,sans-serif;font-weight:400;line-height:1.6;letter-spacing:.02em}.book.single-page{width:var(--page-width)}.book-viewer-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);z-index:50;padding:clamp(1rem,3vw,3rem);gap:clamp(1rem,2vw,2rem);--page-width:clamp(300px,min(65vh,40vw),700px);--page-height:clamp(300px,min(65vh,40vw),700px)}@media (max-width:480px){.book-viewer-container.fullscreen{--page-width:min(85vw,85vh);--page-height:min(85vw,85vh);padding:.5rem;gap:.5rem}}@media (min-width:481px) and (max-width:768px){.book-viewer-container.fullscreen{--page-width:min(75vw,70vh);--page-height:min(75vw,70vh)}}@media (min-width:769px) and (max-width:1024px){.book-viewer-container.fullscreen{--page-width:min(70vh,35vw);--page-height:min(70vh,35vw)}}@media (min-width:1025px){.book-viewer-container.fullscreen{--page-width:min(75vh,500px);--page-height:min(75vh,500px)}}@media (min-width:1440px){.book-viewer-container.fullscreen{--page-width:min(80vh,600px);--page-height:min(80vh,600px)}}.book-viewer-container.fullscreen .page-content{font-size:clamp(1.2rem,4cqw,3rem);padding:clamp(1.5rem,6cqw,4rem);line-height:1.9;font-weight:600;letter-spacing:.04em}.book-viewer-container.fullscreen .page-content h1{font-size:clamp(2rem,7cqw,5rem);line-height:1.3;margin-bottom:1rem}.book-viewer-container.fullscreen .bilingual-text-ko{font-size:clamp(1.4rem,4.5cqw,3.2rem);font-weight:700;margin-bottom:1.5rem;line-height:1.8}.book-viewer-container.fullscreen .bilingual-text-en{font-size:clamp(1rem,3.5cqw,2.4rem);font-weight:500;opacity:.8;line-height:1.6}@media (orientation:portrait){.book-viewer-container.fullscreen{--page-width:min(80vw,60vh);--page-height:min(80vw,60vh)}}@media (orientation:landscape){.book-viewer-container.fullscreen{--page-width:min(45vw,75vh);--page-height:min(45vw,75vh)}}