body{background-color:#ffe6e6;padding:0}.auth-container{align-items:center;background-color:#fff;border:2px solid #ff1493;border-radius:16px;box-shadow:0 0 40px #ffb6c1b3;display:flex;flex-direction:column;margin:40px auto;max-width:500px;padding:40px;text-align:center}.auth-input{border:1px solid #ffb6c1;border-radius:10px;margin:15px 0;padding:15px;width:calc(100% - 20px)}.auth-button{background-color:#ff69b4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:"Cursive",sans-serif;font-size:18px;margin-top:20px;padding:15px 30px}.auth-button:hover{background-color:#ff85b5}.switch-button{background-color:initial;border:none;color:#ff69b4;cursor:pointer;font-family:"Cursive",sans-serif;font-size:16px;margin-top:20px}.switch-button:hover{color:#ff1493}body{align-items:center;display:flex;height:100vh;justify-content:center;margin:0}@media (max-width:500px){.auth-container,.letters-container,.write-letter-container{box-shadow:0 0 10px #ffb6c14d;margin:10px auto;max-width:100%;padding:10px}.auth-button,.nav-button,.write-button{font-size:14px;padding:8px 15px}.auth-input,.write-input,.write-textarea{margin:8px 0;padding:8px}}.write-letter-container{background-color:#fff;border-radius:16px;box-shadow:0 0 20px #ffb6c180;font-family:"Cursive",sans-serif;margin:20px auto;max-width:500px;padding:20px;text-align:center}.write-input,.write-textarea{border:1px solid #ffb6c1;border-radius:10px;margin:10px 0;padding:10px;width:calc(100% - 20px)}.write-textarea{height:100px}.write-button{background-color:#ff69b4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:"Cursive",sans-serif;margin-top:10px;padding:10px 20px}.write-button:hover{background-color:#ff1493}@media (max-width:768px){.write-letter-container{margin:20px;padding:30px 15px}.write-input,.write-textarea{width:calc(100% - 30px)}}:root{--primary:#fff;--bg-notebook-color:#faf3e0;--notebook-line-color:#c8c8c8;--txt-color:#444;--shadow-color:#0003;--spiral-color:#444}.book{box-shadow:0 0 20px #0003;box-shadow:0 0 20px var(--shadow-color);height:400px;margin-bottom:30px;max-width:500px;padding-bottom:60px;perspective:1000px;position:relative}.book,.page{background:#faf3e0;background:var(--bg-notebook-color);border-radius:16px;overflow-y:auto}.page{box-sizing:border-box;height:calc(100% - 10px);padding:20px;width:100%}.page-content{color:#444;color:var(--txt-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;line-height:1.5;overflow-y:auto;text-align:left}.page-date,.page-from{margin:0;padding:5px 0}.page-text{margin-top:15px}.letters-container{background-color:#fff;border-radius:16px;box-shadow:0 0 20px #ffb6c180;font-family:"Cursive",sans-serif;margin:20px auto;max-width:500px;padding:20px;position:relative;text-align:center}.spiral-notebook{height:350px;margin:0 auto;perspective:1000px;position:relative;width:300px}.spiral-notebook:before{background:#444;background:var(--spiral-color);border-radius:10px;content:"";height:350px;left:-20px;position:absolute;top:0;width:20px}.notebook-page{background:#faf3e0;background:var(--bg-notebook-color);border:1px solid #c8c8c8;border:1px solid var(--notebook-line-color);box-shadow:0 0 10px #0003;box-shadow:0 0 10px var(--shadow-color);height:90%;overflow-y:auto;padding:20px;position:absolute;transform-origin:left;transition:transform .7s ease-in-out;width:100%}.notebook-page:not(.active){transform:rotateY(-180deg)}.text{color:#444;color:var(--txt-color);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:14px;line-height:1.5;max-height:100%;overflow-y:auto;text-align:left}.page-navigation{bottom:10px;display:flex;gap:10px;justify-content:center;position:absolute;right:50%;transform:translateX(50%)}.nav-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:"Cursive",sans-serif;font-size:16px;padding:10px 20px}.nav-button:disabled{background-color:#888;cursor:not-allowed}@media (max-width:768px){.book{margin:0 auto 30px}.book,.letters-container{max-width:500px;width:90%}.letters-container{margin:20px auto;padding:20px}}@keyframes float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-800px)}}.heart{animation:float linear infinite;animation-duration:10s;bottom:0;position:fixed;transform:rotate(-45deg)}.heart,.heart:after,.heart:before{background-color:#ff69b4;height:50px;width:50px}.heart:after,.heart:before{border-radius:50%;content:"";position:absolute}.heart:before{left:0;top:-25px}.heart:after{left:-25px;top:0}.heart:first-child{animation-delay:1s;animation-duration:7s;left:20%}.heart:nth-child(2){animation-delay:3s;animation-duration:5s;left:40%}.heart:nth-child(3){animation-delay:0s;animation-duration:9s;left:60%}.heart:nth-child(4){animation-delay:2s;animation-duration:6s;left:80%}.welcome-message{color:#ff69b4;font-family:"Cursive",sans-serif;font-size:28px;margin:100px auto 20px;text-align:center;text-shadow:2px 2px 5px #ffb6c1cc}.logout-button-container{display:flex;justify-content:center;margin-bottom:20px}.logout-button{background-color:#ff4b4b;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:"Cursive",sans-serif;font-size:16px;padding:8px 18px;transition:background-color .3s ease,transform .2s ease}.logout-button:hover{background-color:#f66;transform:scale(1.05)}@media (max-height:800px){.welcome-message{font-size:24px;padding-top:200px}.app-container{padding:40px 20px}.user-section{margin-top:50px}.write-letter-container{margin-top:20px}}
/*# sourceMappingURL=main.5cb0bd90.css.map*/