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}*{box-sizing:border-box}#root,body,html{-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;overflow-x:hidden;padding:0}#root,.app,body,html{min-height:100vh;width:100vw}.app{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;position:relative}.animated-gradient-bg{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.book-container{height:1000px;margin-bottom:2rem;max-height:90vh;max-width:800px;perspective:2000px;position:relative;width:100%;z-index:1}@media (max-width:768px){.book-container{height:85vh;max-height:85vh;max-width:98vw}}@media (max-width:480px){.book-container{height:80vh;max-height:80vh}}.book{height:100%;position:relative;transform-style:preserve-3d;width:100%}.book.flipping{pointer-events:none}.book-page-wrapper{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;height:100%;left:0;position:absolute;top:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (max-width:768px){.book-page-wrapper{perspective:1000px;will-change:transform}.book-page-wrapper,.book.flipping .book-page-wrapper{transition:transform .7s cubic-bezier(.4,0,.2,1)}.book.flipping .book-page-wrapper.active,.book.flipping .book-page-wrapper.flipped{will-change:transform}}.book-page-wrapper.active{transform:rotateY(0deg) translateZ(0);-webkit-transform:rotateY(0deg) translateZ(0);will-change:transform}.book-page-wrapper.flipped{transform:rotateY(-180deg) translateZ(0);-webkit-transform:rotateY(-180deg) translateZ(0);will-change:transform}.book-page-wrapper.hidden{display:none;opacity:0;pointer-events:none;transform:rotateY(-180deg) translateX(-100%) translateZ(0);-webkit-transform:rotateY(-180deg) translateX(-100%) translateZ(0);visibility:hidden;z-index:-1}.book-page-wrapper:not(.active):not(.flipped):not(.hidden){transform:rotateY(0deg);z-index:1}.book-cover{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:12px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff1a;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.book-cover:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cover-content{color:#fff;padding:2rem;text-align:center;z-index:1}.cover-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:.05em;margin-bottom:.5rem}.cover-name,.cover-title{text-shadow:0 4px 20px #0000004d}.cover-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;margin-bottom:1rem}.cover-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:1.5rem;opacity:.95;text-shadow:0 2px 10px #0003}.cover-emojis{font-size:clamp(2rem,4vw,3rem);margin-top:1rem}.book-page{align-items:center;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040,inset 0 0 0 1px #0000000d;display:flex;height:100%;justify-content:center;overflow:hidden;padding:.8rem;width:100%}.page-photo{background:#f8f8f8;border-radius:8px;display:block;height:100%;object-fit:contain;width:100%}.page-indicator{color:#ffffffe6;font-size:1.1rem;font-weight:600;letter-spacing:.1em;margin-top:1.5rem;text-align:center;text-shadow:0 2px 10px #0000004d}@media (max-width:480px){.page-indicator{font-size:.95rem;margin-top:1rem}}.footer{color:#fffc;font-size:.95rem;margin-top:auto;padding:1.5rem 1rem;position:relative;text-align:center;text-shadow:0 2px 8px #0003;z-index:1}@media (max-width:480px){.footer{font-size:.85rem;padding:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.book-container{animation:fadeIn .6s ease-out}.book-page-wrapper.flipped{box-shadow:-20px 0 40px #0003,inset 0 0 0 1px #0000000d}
/*# sourceMappingURL=main.310803f2.css.map*/