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}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.App{min-height:100vh;width:100%}.loading-screen{align-items:center;animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#6543214d 0,#0000 50%),radial-gradient(circle at 80% 70%,#3d2f1f40 0,#0000 50%),linear-gradient(135deg,#d4c4a8,#c4b49a 50%,#a89878);background-size:200% 200%;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.loading-screen:before{animation:patternMove 30s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#8b6e4b0d 0,#8b6e4b0d 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#8b6e4b0d 0,#8b6e4b0d 4px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.loading-content{animation:fadeInUp 1s ease-out;text-align:center;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-title{animation:titlePulse 3s ease-in-out infinite;color:#654321;font-family:Brush Script MT,cursive,Georgia,serif;font-size:56px;font-weight:700;letter-spacing:8px;margin-bottom:30px;text-shadow:2px 2px 4px #6543214d}@keyframes titlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #65432133;border-radius:50%;border-top-color:#654321;height:60px;margin:0 auto 20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{animation:textFade 2s ease-in-out infinite;color:#8b6e4b;font-family:Georgia,serif;font-size:20px;font-style:italic}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.app-footer{background:linear-gradient(0deg,#654321e6,#0000);bottom:0;left:0;padding:15px;position:fixed;right:0;text-align:center;z-index:999}.footer-text{animation:footerGlow 3s ease-in-out infinite;color:#f5f1e8;font-family:Brush Script MT,cursive,Georgia,serif;font-size:24px;letter-spacing:4px;margin:0;text-shadow:2px 2px 4px #0000004d}@keyframes footerGlow{0%,to{opacity:.8;text-shadow:2px 2px 4px #0000004d}50%{opacity:1;text-shadow:2px 2px 8px #8b6e4b99}}*{box-sizing:border-box;margin:0;padding:0}.diary-scene{align-items:center;animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#65432140 0,#0000 50%),radial-gradient(circle at 80% 70%,#3d2f1f33 0,#0000 50%),linear-gradient(135deg,#d4c4a8,#c4b49a 50%,#a89878);background-size:200% 200%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;perspective:2000px;position:relative}@keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.diary-scene:before{animation:patternMove 30s linear infinite;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#8b6e4b08 0,#8b6e4b08 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#8b6e4b08 0,#8b6e4b08 4px);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.diary-scene:after{animation:pulseVignette 8s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#0000 0,#3d2f1f26 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulseVignette{0%,to{opacity:1}50%{opacity:.7}}.bg-text{animation:floatText 15s ease-in-out infinite;color:#6543211f;font-family:Georgia,serif;font-size:120px;font-weight:700;left:50%;letter-spacing:10px;pointer-events:none;position:absolute;text-transform:uppercase;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:0}@keyframes floatText{0%,to{opacity:.12;transform:translate(-50%,-50%) scale(1)}50%{opacity:.08;transform:translate(-50%,-52%) scale(1.02)}}.diary-cover-wrapper{cursor:pointer;filter:drop-shadow(0 20px 40px rgba(101,67,33,.4));position:relative;transition:transform .5s ease}.diary-cover-wrapper:hover{filter:drop-shadow(0 25px 50px rgba(101,67,33,.5));transform:scale(1.05) translateY(-5px)}.cover-image{border:2px solid #8b6e4b4d;border-radius:8px;box-shadow:0 15px 50px #65432166,inset 0 0 20px #0000001a;height:700px;object-fit:cover;width:500px}.close-btn{align-items:center;background:#8b6e4be6;border:2px solid #65432180;border-radius:50%;box-shadow:0 5px 20px #65432166;color:#f5f1e8;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:45px;justify-content:center;position:absolute;right:30px;top:30px;transition:all .3s ease;width:45px;z-index:1000}.close-btn:hover{background:#654321f2;box-shadow:0 8px 25px #65432180;transform:scale(1.1) rotate(90deg)}.book-container{align-items:center;display:flex;justify-content:center;position:relative}.book-wrapper{position:relative;transform-style:preserve-3d}.book-open{border:1px solid #8b6e4b33;border-radius:8px;box-shadow:0 25px 70px #65432180,inset 0 0 30px #8b6e4b1a;display:flex;gap:8px;overflow:visible;position:relative;z-index:1}.book-page{background:#fff;height:700px;overflow:hidden;position:relative;width:500px}.book-page.clickable{cursor:pointer}.book-page.clickable:hover{filter:brightness(1.05)}.left-page{border-radius:8px 0 0 8px}.right-page{border-radius:0 8px 8px 0}.book-page img{display:block;height:100%;object-fit:contain;width:100%}.book-binding{align-items:center;background:linear-gradient(180deg,#3d2f1f 0,#2d1f0f 50%,#3d2f1f);box-shadow:inset 2px 0 5px #0009,inset -2px 0 5px #0009;display:flex;flex-direction:column;height:700px;justify-content:space-evenly;position:relative;width:8px}.binding-line{background:linear-gradient(90deg,#0000,#654321 20%,#8b6e4b 50%,#654321 80%,#0000);box-shadow:0 1px 3px #8b6e4b4d;height:2px;width:100%}.page-number{background:#fffc;border-radius:4px;bottom:20px;color:#666;font-family:Georgia,serif;font-size:14px;padding:4px 8px;position:absolute}.page-number.left{left:20px}.page-number.right{right:20px}.flipping-page{height:700px;position:absolute;transform-style:preserve-3d;width:500px;z-index:10}.flip-next{animation:pageFlipNext .8s ease-in-out;right:0;top:0;transform-origin:left center}.flip-prev{animation:pageFlipPrev .8s ease-in-out;left:0;top:0;transform-origin:right center}@keyframes pageFlipNext{0%{transform:rotateY(0deg)}50%{transform:rotateY(-90deg) translateZ(50px)}to{transform:rotateY(-180deg)}}@keyframes pageFlipPrev{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg) translateZ(50px)}to{transform:rotateY(180deg)}}.flip-back,.flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;height:100%;overflow:hidden;position:absolute;width:100%}.flip-next .flip-back,.flip-next .flip-front{border-radius:0 8px 8px 0}.flip-next .flip-back{transform:rotateY(180deg)}.flip-prev .flip-back,.flip-prev .flip-front{border-radius:8px 0 0 8px}.flip-prev .flip-back{transform:rotateY(-180deg)}.flip-back img,.flip-front img{display:block;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.mobile-view .book-container,.mobile-view .book-open,.mobile-view .book-wrapper{display:none}.mobile-page-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px;perspective:1500px;position:relative;touch-action:pan-y;width:100%}.mobile-page{background:#fff;border-radius:8px;box-shadow:0 15px 40px #65432166;cursor:pointer;height:700px;max-height:80vh;max-width:90vw;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:500px}.mobile-page img{height:100%;object-fit:fill;width:100%}.mobile-flipping{height:700px;left:50%;max-height:80vh;max-width:90vw;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;width:500px;z-index:20}.mobile-flipping.next{animation:mobileFlipNext .8s cubic-bezier(.68,-.15,.265,1.15) forwards;transform-origin:left center}.mobile-flipping.prev{animation:mobileFlipPrev .8s cubic-bezier(.68,-.15,.265,1.15) forwards;transform-origin:right center}@keyframes mobileFlipNext{0%{box-shadow:0 15px 40px #65432166;transform:rotateY(0deg) translateZ(0)}50%{box-shadow:-30px 0 60px #65432199;transform:rotateY(-90deg) translateZ(80px)}to{box-shadow:0 15px 40px #65432166;transform:rotateY(-180deg) translateZ(0)}}@keyframes mobileFlipPrev{0%{box-shadow:0 15px 40px #65432166;transform:rotateY(0deg) translateZ(0)}50%{box-shadow:30px 0 60px #65432199;transform:rotateY(90deg) translateZ(80px)}to{box-shadow:0 15px 40px #65432166;transform:rotateY(180deg) translateZ(0)}}.mobile-flip-back,.mobile-flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:8px;height:100%;overflow:hidden;position:absolute;width:100%}.mobile-flip-back{transform:rotateY(180deg)}.mobile-flip-back img,.mobile-flip-front img{height:100%;object-fit:fill;width:100%}.swipe-hint{background:#fffc;border-radius:20px;color:#8b6e4bb3;font-family:Georgia,serif;font-size:14px;padding:10px 20px}.cover-image{height:700px;max-height:80vh;max-width:90vw;object-fit:cover;width:500px}.bg-text{font-size:40px;letter-spacing:3px}}@media (min-width:769px){.mobile-page-container{display:none}}
/*# sourceMappingURL=main.5214f329.css.map*/