@import url(https://fonts.googleapis.com/css2?family=Dashley:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-bg,body{background:linear-gradient(180deg,#ffe082,#fff8e1);font-family:Georgia,Times New Roman,serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.header{background:#0000;justify-content:center;padding:32px 0 0;width:100%}.header,.nav{align-items:center;display:flex}.nav{color:sienna;font-size:1.5rem;justify-content:space-between;max-width:1100px;width:90vw}.site-title{color:sienna;font-family:Georgia,serif;font-size:2.5rem;font-weight:700;letter-spacing:1px}.nav-home,.nav-menu{color:sienna;cursor:pointer;font-size:1.2rem;opacity:.85}.main-content{align-items:center;display:flex;flex-direction:column;margin-top:32px;padding:0 16px}.main-title{color:sienna;font-family:Georgia,serif;font-size:3rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:sienna;font-size:1.5rem;line-height:1.4;margin-bottom:2.5rem;text-align:center}.book-grid{grid-gap:48px 32px;align-items:end;background:none;display:grid;gap:48px 32px;grid-template-columns:repeat(3,1fr);justify-items:center;padding:48px 0}.book-card{align-items:center;background:#fffde7;border-radius:16px;box-shadow:0 4px 16px 0 #c8a03c26,0 1.5px 6px 0 #a078281a;display:flex;flex-direction:column;min-height:260px;padding:1.5rem 1rem 1rem;transition:transform .15s}.book-card:hover{box-shadow:0 8px 24px 0 #c8a03c38,0 2px 8px 0 #a0782821;transform:translateY(-6px) scale(1.03)}.book-image{cursor:pointer;height:320px;transition:transform .25s cubic-bezier(.4,.2,.2,1),box-shadow .25s cubic-bezier(.4,.2,.2,1);width:260px;will-change:transform,box-shadow}.book-image:hover{box-shadow:0 16px 48px #00000040;transform:scale(1.12) rotate(0deg)!important;z-index:2}.book-title{color:sienna;font-family:Georgia,serif;font-size:1.3rem;font-weight:700;text-align:center}.intro-book-card{border-radius:8px;height:100%;margin-left:10px;margin-right:10px;min-height:180px;overflow:hidden;position:relative;width:100%}.intro-book-image-wrapper{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.intro-book-image{display:block;height:100%;object-fit:cover;width:100%}.intro-book-title-overlay{background:#0006;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;color:#fff;font-size:1.1em;font-weight:700;left:0;padding:8px 0;position:absolute;text-align:center;width:100%}.book-page-img-container{align-items:center;border:6px solid #e2c68d;border-radius:18px;box-shadow:0 12px 36px #0000002e,inset 0 2px 0 #bfa76a;display:flex;justify-content:center;margin:0 auto;max-width:90vw;min-width:280px;overflow:hidden;padding:3px;position:relative;width:fit-content}.book-page-img-container:before{background:linear-gradient(90deg,#e2c68d 60%,#0000);border-bottom-left-radius:18px;border-top-left-radius:18px;content:"";height:100%;left:0;opacity:.18;pointer-events:none;position:absolute;top:0;width:32px;z-index:2}.book-page-img{border-radius:8px;display:block;height:auto;max-height:80vh;max-width:100%;object-fit:contain;width:auto}.book-page-img-overlay{border-radius:8px;height:100%;left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;top:0;width:100%}.book-nav{align-items:center;gap:16px;margin-top:16px}.book-nav,.book-pagination{display:flex;flex-wrap:wrap;justify-content:center}.book-pagination{gap:6px}.page-btn{background:#fffbe9;border:1.5px solid #e2c68d;border-radius:6px;cursor:pointer;font-size:1rem;min-width:36px;padding:4px 10px;transition:background .2s,border .2s}.page-btn.active,.page-btn:hover:not(:disabled){background:#ffe6a1;border-color:#bfa76a;font-weight:700}.page-btn:disabled{cursor:not-allowed;opacity:.5}.book-pages{align-items:center;display:flex;justify-content:center;width:100%}.book-page-img,.book-page-img-overlay{border-radius:8px;display:block;height:auto;max-height:80vh;max-width:100%;object-fit:contain;width:auto}.page-arrow{align-items:center;background:#fffbe9;border:2px solid #e2c68d;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#bfa76a;cursor:pointer;display:flex;font-size:2rem;height:44px;justify-content:center;opacity:.85;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,border .2s,color .2s;width:44px;z-index:10}.page-arrow.left{left:12px}.page-arrow.right{right:12px}.page-arrow.close{align-items:center;background:#fffbe9;border:2px solid #e2c68d;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#bfa76a;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;opacity:.85;position:absolute;right:8px;top:36px;transition:background .2s,border .2s,color .2s;width:44px;z-index:10}.page-arrow:disabled{cursor:not-allowed;opacity:.4}.page-arrow:hover:not(:disabled){background:#ffe6a1;border-color:#bfa76a;color:#a88b3a}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:sienna;height:50px;width:50px}.loading-text{color:sienna;font-family:Georgia,serif;font-size:1.2rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.header{padding-top:16px}.nav{padding:0 8px;width:95vw}.main-content{margin-top:16px;padding:0 8px}.main-title{font-size:2rem;margin-bottom:.25rem}.subtitle{font-size:1.1rem;margin-bottom:1.5rem;padding:0 16px}.book-grid{gap:24px 16px;grid-template-columns:repeat(2,1fr);padding:24px 0}.book-image{height:220px;width:180px}.book-title{font-size:1.1rem}.book-page-img-container{border-radius:12px;border-width:4px;max-width:95vw;min-width:240px}.book-page-img-container:before{border-bottom-left-radius:12px;border-top-left-radius:12px;width:24px}.page-arrow{font-size:1.5rem;height:36px;width:36px}.page-arrow.left{left:8px}.page-arrow.right{right:8px}.page-arrow.close{font-size:1.2rem;height:36px;right:6px;top:24px;width:36px}.book-nav{gap:12px;margin-top:12px}.book-pagination{gap:4px}.page-btn{font-size:.9rem;min-width:32px;padding:3px 8px}.loading-container{min-height:300px}.loading-text{font-size:1rem}}@media (max-width:480px){.book-grid{gap:20px;grid-template-columns:1fr;padding:20px 0}.book-image{height:250px;width:200px}.book-page-img-container{border-radius:10px;border-width:3px;max-width:98vw;min-width:200px}.book-page-img-container:before{border-bottom-left-radius:10px;border-top-left-radius:10px;width:20px}.page-arrow{font-size:1.2rem;height:32px;width:32px}.page-arrow.left{left:6px}.page-arrow.right{right:6px}.page-arrow.close{font-size:1rem;height:32px;right:4px;top:20px;width:32px}.book-pagination{gap:3px}.page-btn{font-size:.8rem;min-width:28px;padding:2px 6px}.main-title{font-size:1.8rem}.subtitle{font-size:1rem}}@media (hover:none) and (pointer:coarse){.book-image:hover{box-shadow:none!important;transform:none!important}.book-card:hover{transform:none}.page-arrow:hover:not(:disabled){background:#fffbe9;border-color:#e2c68d;color:#bfa76a}.page-btn:hover:not(:disabled){background:#fffbe9;border-color:#e2c68d;font-weight:400}}@media (max-width:768px) and (orientation:landscape){.header{padding-top:8px}.nav{min-height:120px}.main-content{margin-top:8px}.book-grid{gap:16px 12px;grid-template-columns:repeat(3,1fr);padding:16px 0}.book-image{height:180px;width:140px}.book-title{font-size:.9rem}}
/*# sourceMappingURL=main.2760283a.css.map*/