@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Comfortaa:wght@300;400;500;600;700&family=Orbitron:wght@400;700;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{animation:dreamyGradient 8s ease infinite;background:linear-gradient(135deg,#e6b3ff,#b3d9ff,#ffb3e6,#b3ffd9,#ffe6b3);background-size:400% 400%;color:#4a4a4a;font-family:Comfortaa,cursive;min-height:100vh;overflow-x:hidden}@keyframes dreamyGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.y2k-bg{animation:floatingDreams 12s ease-in-out infinite;background:radial-gradient(circle at 15% 85%,#ffb6ff4d 0,#0000 60%),radial-gradient(circle at 85% 15%,#b6ffff4d 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffffb633 0,#0000 40%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatingDreams{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.y2k-grid{animation:floatingShapes 15s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='20' fill='%23ffb6ff' opacity='.1'%3E⭐%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='15' fill='%23b6ffff' opacity='.08'%3E🌙%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='25' fill='%23ffffb6' opacity='.06'%3E🪐%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' font-size='18' fill='%23ffb6e6' opacity='.05'%3E😊%3C/text%3E%3C/svg%3E");background-position:0 0,60px 60px,30px 30px,90px 90px;background-size:120px 120px,80px 80px,150px 150px,100px 100px;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}@keyframes floatingShapes{0%{transform:translate(0) rotate(0deg)}to{transform:translate(30px,30px) rotate(1turn)}}.container{display:flex;min-height:100vh;position:relative}.sidebar{animation:sidebarDream 6s ease infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffb6ffe6,#b6ffffcc,#ffffb6e6);background-size:200% 200%;border-right:4px solid #ff69b4;box-shadow:0 0 30px #ffb6ff66,inset 0 0 30px #ffffff4d;overflow:hidden;padding:30px;position:relative;width:300px}.sidebar:before{animation:bounceStar 3s ease infinite;content:"⭐";font-size:30px;opacity:.6;position:absolute;right:20px;top:20px}.sidebar:after{animation:softDiagonal 8s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 15px,#ffffff1a 0,#ffffff1a 30px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes sidebarDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes bounceStar{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(10deg)}}@keyframes softDiagonal{0%{transform:translateX(-30px) translateY(-30px)}to{transform:translateX(0) translateY(0)}}.sidebar h2{animation:gentleBounce 4s ease infinite;color:#6b4c6b;font-family:Fredoka One,cursive;font-size:32px;font-weight:400;margin-bottom:40px;position:relative;text-align:center;text-shadow:2px 2px 0 #fffc,4px 4px 0 #ffb6ff4d;z-index:1}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffffe6,#ffb6ff99);border:3px solid #ff69b4;border-radius:25px;box-shadow:0 6px 20px #ffb6ff4d,inset 0 2px 0 #fffc;color:#6b4c6b;cursor:pointer;display:block;font-family:Comfortaa,cursive;font-size:16px;font-weight:600;letter-spacing:.5px;margin:20px 0;padding:18px 25px;position:relative;text-align:center;text-decoration:none;text-transform:none;transition:all .4s ease;z-index:1}.nav-item:hover{background:linear-gradient(135deg,#fff,#b6ffffcc);border-color:#00bfff;box-shadow:0 10px 30px #ffb6ff80,inset 0 2px 0 #ffffffe6;color:#4a4a4a;transform:translateY(-5px) scale(1.05)}.nav-item.active{animation:activeGlow 2s ease infinite;background:linear-gradient(135deg,#ffb6ffe6,#b6ffffcc);border-color:#ff69b4;box-shadow:0 8px 25px #ffb6ff99,inset 0 2px 0 #ffffffe6;transform:scale(1.08)}@keyframes activeGlow{0%,to{box-shadow:0 8px 25px #ffb6ff99}50%{box-shadow:0 12px 35px #ffb6ffcc}}.main-content{flex:1 1;overflow-y:auto;padding:50px;position:relative}.login-container{align-items:center;animation:dreamyGradient 8s ease infinite;background:linear-gradient(135deg,#e6b3ff,#b3d9ff,#ffb3e6,#b3ffd9,#ffe6b3);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;position:relative}.login-box{animation:loginDream 6s ease infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#ffb6ff33);background-size:200% 200%;border:4px solid #ff69b4;border-radius:30px;box-shadow:0 20px 40px #ffb6ff4d,0 0 0 2px #fffc,0 0 0 6px #b6ffff33;max-width:500px;overflow:hidden;padding:60px;position:relative;text-align:center;width:100%}.login-box:before{animation:floatingSmiley 8s ease infinite;content:"😊";font-size:40px;opacity:.7;position:absolute;right:30px;top:30px}.login-box:after{animation:softRotate 12s linear infinite;background:repeating-conic-gradient(from 0deg,#0000 0deg,#ffb6ff1a 10deg,#0000 20deg);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes loginDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatingSmiley{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes softRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-box h1{animation:gentleBounce 3s ease infinite;color:#6b4c6b;font-family:Fredoka One,cursive;font-size:36px;font-weight:400;margin-bottom:40px;text-shadow:2px 2px 0 #fffc,4px 4px 0 #ffb6ff4d}.form-group,.login-box h1{position:relative;z-index:1}.form-group{margin-bottom:30px;text-align:left}.form-group label{color:#6b4c6b;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:none}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:3px solid #ff69b4;border-radius:20px;box-shadow:inset 0 2px 5px #ffb6ff33;font-family:Comfortaa,cursive;font-size:16px;font-weight:500;padding:18px 20px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#00bfff;box-shadow:inset 0 2px 5px #b6ffff4d,0 0 15px #00bfff4d;outline:none;transform:scale(1.02)}.login-btn{animation:buttonDream 3s ease infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffb6ffe6,#b6ffffcc);background-size:200% 200%;border:3px solid #ff69b4;border-radius:25px;box-shadow:0 8px 25px #ffb6ff66,inset 0 2px 0 #fffc;color:#6b4c6b;cursor:pointer;font-family:Comfortaa,cursive;font-size:18px;font-weight:600;letter-spacing:1px;padding:20px;position:relative;text-transform:none;transition:all .4s ease;width:100%;z-index:1}.login-btn:hover{background:linear-gradient(135deg,#ffb6ff,#b6ffffe6);box-shadow:0 15px 35px #ffb6ff99,inset 0 2px 0 #ffffffe6;transform:translateY(-5px) scale(1.05)}@keyframes buttonDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.error{animation:gentleShake .5s ease infinite;color:#ff6b6b;font-size:16px;font-weight:500;margin-top:20px;text-shadow:1px 1px 0 #fffc}@keyframes gentleShake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.birthday-message{animation:messageDream 8s ease infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#ffb6ff33);background-size:200% 200%;border:4px solid #ff69b4;border-radius:30px;box-shadow:0 20px 40px #ffb6ff4d,0 0 0 2px #fffc,0 0 0 6px #b6ffff33;margin-bottom:40px;overflow:hidden;padding:60px;position:relative;text-align:center}.birthday-message:before{animation:floatingStar 6s ease infinite;content:"⭐";font-size:35px;opacity:.6;position:absolute;right:30px;top:30px}@keyframes messageDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatingStar{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(180deg)}}.birthday-message h1{animation:gentleBounce 4s ease infinite;font-family:Fredoka One,cursive;font-size:48px;font-weight:400;margin-bottom:30px;text-shadow:2px 2px 0 #fffc,4px 4px 0 #ffb6ff4d}.birthday-message h1,.birthday-message p{color:#6b4c6b;position:relative;z-index:1}.birthday-message p{font-size:20px;font-weight:500;line-height:1.8;margin-bottom:25px}.journal-container{animation:journalDream 6s ease infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#b6ffff33);background-size:200% 200%;border:4px solid #00bfff;border-radius:30px;box-shadow:0 20px 40px #b6ffff4d,0 0 0 2px #fffc,0 0 0 6px #ffb6ff33;overflow:hidden;padding:50px;position:relative}.journal-container:before{animation:floatingMoon 8s ease infinite;content:"🌙";font-size:30px;opacity:.6;position:absolute;right:30px;top:30px}@keyframes journalDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatingMoon{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(5deg)}}.journal-container h2{animation:gentleBounce 4s ease infinite;color:#6b4c6b;font-family:Fredoka One,cursive;font-size:36px;font-weight:400;text-shadow:2px 2px 0 #fffc,4px 4px 0 #b6ffff4d}.journal-container h2,.journal-form{margin-bottom:40px;position:relative;z-index:1}.journal-form textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:3px solid #00bfff;border-radius:25px;box-shadow:inset 0 2px 5px #b6ffff33;font-family:Comfortaa,cursive;font-size:18px;font-weight:500;margin-bottom:25px;min-height:140px;padding:25px;resize:vertical;transition:all .3s ease;width:100%}.journal-form textarea:focus{background:#fff;border-color:#ff69b4;box-shadow:inset 0 2px 5px #ffb6ff4d,0 0 20px #ff69b44d;outline:none;transform:scale(1.01)}.post-btn{animation:buttonDream 3s ease infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffb6ffe6,#b6ffffcc);background-size:200% 200%;border:3px solid #00bfff;border-radius:25px;box-shadow:0 8px 25px #b6ffff66,inset 0 2px 0 #fffc;color:#6b4c6b;cursor:pointer;font-family:Comfortaa,cursive;font-size:18px;font-weight:600;letter-spacing:1px;padding:18px 35px;text-transform:none;transition:all .4s ease}.post-btn:hover{background:linear-gradient(135deg,#ffb6ff,#b6ffffe6);box-shadow:0 15px 35px #b6ffff99,inset 0 2px 0 #ffffffe6;transform:translateY(-5px) scale(1.05)}.post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffb64d);border:3px solid gold;border-radius:25px;box-shadow:0 10px 30px #ffffb64d,0 0 0 2px #fffc;margin:25px 0;overflow:hidden;padding:30px;position:relative}.post:before{animation:postProgress 4s ease infinite;background:linear-gradient(90deg,#ffb6ffcc,#b6ffffcc,#ffffb6cc);content:"";height:4px;left:0;position:absolute;top:0;width:100%}@keyframes postProgress{0%{width:0}to{width:100%}}.post-content{color:#6b4c6b;font-size:18px;line-height:1.7;margin-bottom:20px}.post-content,.post-time{font-weight:500;position:relative;z-index:1}.post-time{color:#a8a8a8;font-size:14px}.memories-container{animation:memoriesDream 6s ease infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2,#ffffb633);background-size:200% 200%;border:4px solid gold;border-radius:30px;box-shadow:0 20px 40px #ffffb64d,0 0 0 2px #fffc,0 0 0 6px #ffb6ff33;overflow:hidden;padding:50px;position:relative;text-align:center}.memories-container:before{animation:floatingPlanet 8s ease infinite;content:"🪐";font-size:35px;opacity:.6;position:absolute;right:30px;top:30px}@keyframes memoriesDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes floatingPlanet{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(10deg)}}.memories-container h2{animation:gentleBounce 4s ease infinite;color:#6b4c6b;font-family:Fredoka One,cursive;font-size:36px;font-weight:400;margin-bottom:40px;position:relative;text-shadow:2px 2px 0 #fffc,4px 4px 0 #ffffb64d;z-index:1}.daily-photo{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:4px solid gold;border-radius:25px;box-shadow:0 15px 35px #ffffb666,0 0 0 2px #fffc;height:auto;margin-bottom:30px;max-width:30%;transition:all .4s ease}.daily-photo:hover{box-shadow:0 20px 45px #ffffb699,0 0 0 2px #ffffffe6;transform:scale(1.02)}.photo-placeholder{align-items:center;animation:placeholderDream 4s ease infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffb6ff4d,#b6ffff33,#ffffb64d);background-size:200% 200%;border:4px solid gold;border-radius:25px;box-shadow:0 15px 35px #ffffb64d,0 0 0 2px #fffc;color:#6b4c6b;display:flex;font-family:Fredoka One,cursive;font-size:24px;font-weight:600;height:400px;justify-content:center;text-shadow:2px 2px 0 #fffc,4px 4px 0 #ffffb64d;width:100%}@keyframes placeholderDream{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#ffb6ff4d,#b6ffff4d);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffb6ffcc,#b6ffffcc);border:2px solid #ffffff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffb6ff,#b6ffff)}@media (max-width:768px){.container{flex-direction:column}.sidebar{height:auto;width:100%}.main-content{padding:30px}.birthday-message h1{font-size:36px}.login-box{margin:20px;padding:40px}}@keyframes balloonFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-8px) rotate(-1deg)}}.hint-button{background:linear-gradient(135deg,#ffb6ffcc,#b6ffffcc);border:2px solid #ff69b4;border-radius:15px;color:#6b4c6b;cursor:pointer;font-family:Comfortaa,cursive;font-size:12px;font-weight:500;margin-top:5px;padding:5px 10px;transition:all .3s ease}.hint-button:hover{box-shadow:0 5px 15px #ffb6ff66;transform:scale(1.05)}.hint-box{animation:gentleBounce .5s ease;background:linear-gradient(135deg,#ffffb6e6,#ffb6ff99);border:2px solid gold;border-radius:15px;color:#6b4c6b;font-size:14px;font-weight:500;margin-top:10px;padding:10px}
/*# sourceMappingURL=main.9c2f94a5.css.map*/