@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";:root{--green: #8c9657;--light_green: #d5deaf;--brown: #987d62;--dark_brown: #473f34}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box!important}html,body,#root{width:100vw;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box;font-family:Quicksand,sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}p{font-size:1em;line-height:1.5;margin:0;color:var(--dark_brown)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-container{background-color:var(--light_green)}.hero{height:120vh;width:100%;position:relative;background-image:url(/assets/images/hero_background_2.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.hero_wave{position:absolute;bottom:0;height:200px;display:block;margin-right:20px;width:100%;height:auto;filter:drop-shadow(0 -5px 5px rgba(0,0,0,.1))}.hero_logo{height:200px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 768px){.hero_logo{height:auto;width:80%}.hero{height:105vh;background-attachment:unset}}.faq_container{width:80%;margin:80px auto auto}.faq_list{list-style-type:none;padding:0;margin:0;text-align:left}.faq_list hr{border:0;border-top:1px solid var(--brown);margin:25px 0}.faq_question{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.faq_question:hover{cursor:pointer}.faq_question p{font-weight:600;color:var(--brown);cursor:pointer;margin:0}.faq_answer span{padding:10px 0;color:var(--green);font-size:1.1rem;margin-top:40px;font-weight:500}.faq_toggle_icon{transition:transform .3s ease;display:flex;align-items:center;font-size:1.5rem;color:var(--brown)}.faq_toggle_icon.rotated{transform:rotate(180deg)}.home-content-container{background-color:#fff;position:relative;padding:0;min-height:500px}.home_content_wave{position:absolute;bottom:0;height:200px;display:block;width:100%;height:auto;filter:drop-shadow(0 -5px 5px rgba(0,0,0,.1))}.home-content-9 .home_content_wave{z-index:1}.home_content_text{width:40%}.home-content-container h3{font-size:1.1rem;color:var(--green);margin:0}.home-content-container h2{font-size:2.1rem;color:var(--dark_brown)}.home-content-container p{font-size:1.3rem;color:var(--brown);font-weight:500}.home-content-1{display:flex;align-items:center;justify-content:center;height:900px;width:100%;gap:10%;padding-bottom:10%}.home_content_img{display:flex;align-items:center;justify-content:center}.home_content_img img{height:600px}.home-content-2,.home-content-4,.home-content-6{display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;height:870px;width:100%;gap:10%;padding-bottom:9%}.home-content-3{display:flex;align-items:center;justify-content:center;height:900px;width:100%;gap:10%;padding-bottom:7%;background-image:url(/assets/images/diary_background_2.png);background-repeat:no-repeat;background-size:cover}.home_content_slider{display:flex;overflow-x:hidden;scroll-behavior:auto;height:400px}.home_style_image{width:auto;height:auto;margin-right:10px;flex-shrink:0}.home-content-5{padding-bottom:10%}.home-content-5 .home_content_text{width:85%;margin:auto auto 100px;text-align:center}.slider_container{display:flex}.home-content-7{display:flex;align-items:center;justify-content:center;width:100%;padding-bottom:16%;flex-direction:column;height:900px;position:relative}.home-content-7 .home_content_text{width:85%;margin:auto auto 100px;text-align:center}.form{height:300px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.email-form-container,.password-form-container{display:flex;flex-direction:column;width:40%;margin:20px auto auto}.email-form-container label,.password-form-container label{font-size:.9rem;color:var(--brown);margin-top:.5rem}.email-form-container input,.password-form-container input{border:none;background-color:transparent;border-bottom:3px solid var(--brown);padding:.5rem;font-size:1.2rem;color:var(--dark_brown)}.email-form-container input:focus,.password-form-container input:focus{background-color:transparent;outline:none;border-bottom:3px solid var(--brown)}.home-content-8{align-items:center;justify-content:center;width:100%;flex-direction:column;height:auto;padding-bottom:14%;padding-top:3%}.home-content-8 .home_content_text{width:90%;margin:auto;text-align:center}.home-content-9{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;height:650px;position:relative;padding-bottom:10%}.home-content-9 .home_content_text{width:90%;margin:auto;text-align:center}.home-content-9 .home_content_text p{margin-top:2%}.download-button{margin:50px auto auto;width:30%;height:auto}.download-button img{margin:auto;width:100%;transition:transform .3s ease-in-out}.download-button img:hover{transform:scale(1.1);cursor:pointer}.form-buttons{margin:70px auto auto;width:20%;height:auto}.form-buttons img{margin:auto;width:100%;transition:transform .3s ease-in-out}.form-buttons p{text-align:center;font-size:1rem;color:#f82626;margin-top:10px}.form-buttons img:hover{transform:scale(1.05);cursor:pointer}@media (max-width: 768px){.home-content-container{flex-direction:column;height:auto;padding-bottom:25%;padding-top:10%}.home-content-container p,.home-content-container h3{font-size:1rem;text-align:center}.home-content-container h2{font-size:1.5rem;text-align:center}.home_content_text{width:100%;padding:40px}.home_content_img img{height:500px}.home-content-3{background-position:center}.home-content-5 .home_content_text,.home-content-7 .home_content_text,.home-content-8 .home_content_text,.home-content-9 .home_content_text{width:100%;margin-bottom:0}.home_content_slider{height:200px}.email-form-container,.password-form-container{width:80%}.form-buttons{width:50%}.faq_container{width:100%}.faq_question p{text-align:left}.faq_answer span{font-size:.9rem}.download-button{width:70%}}.floating-button{position:fixed;bottom:30px;right:30px;width:60px;height:63px;border-radius:50%;background-color:#fff;color:#473f34;border:3px solid var(--brown);box-shadow:0 4px 8px #0003;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:all .3s ease-in-out;outline:none}.floating-button:focus,.floating-button:active{outline:none;box-shadow:none}.floating-button:hover{border:3px solid var(--brown);background-color:var(--light_green)}.chat-icon{max-height:100%;display:block;margin:auto}.chatbot-container{position:fixed;bottom:-500px;right:-500px;width:380px;height:500px;background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 18px #0000004d;display:flex;flex-direction:column;z-index:999;transition:bottom .4s ease-out,right .4s ease-out,opacity .4s ease-out,visibility .4s ease-out;visibility:hidden;opacity:0}.chatbot-container.open{bottom:20px;right:20px;visibility:visible;opacity:1}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background-color:#d5deaf;color:#473f34;border-top-left-radius:10px;border-top-right-radius:10px;font-size:1.2rem;font-weight:700;box-shadow:0 2px 5px #0000001a}.close-button{background:none;border:none;color:#473f34;font-size:28px;cursor:pointer;padding:0 8px;line-height:1;font-weight:700;transition:color .2s ease-in-out}.close-button:hover{color:#f82626}.message-container.user{text-align:right}.message-container.bot{text-align:left}.message-container.bot .message-bubble{background-color:#987d625f;color:#473f34}.message-container.bot .message-bubble.loading{font-style:italic}.chat-history{flex-grow:1;overflow-y:auto;padding:15px;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;flex-direction:column;overflow-x:hidden}.message-container{margin:5px 0;align-self:flex-end}.message-container.bot{align-self:flex-start;margin-right:70px}.message-container.user{align-self:flex-end;margin-left:70px}.message-bubble{display:inline-block;padding:10px 15px;border-radius:20px;box-shadow:0 1px 3px #00000014;text-align:left;background-color:#987d625f;color:#473f34;width:fit-content;max-width:100%;margin:0}.message-container.user .message-bubble{background-color:#d5deaf;margin:0}.error-message{color:#f82626;text-align:center;padding:0 15px 5px;font-size:12px}.input-area{display:flex;padding:15px;border-top:1px solid #eee}.message-input{flex-grow:1;padding:12px;border:1px solid #ccc;border-radius:25px;margin-right:10px;font-size:16px;outline:none;box-shadow:inset 0 1px 3px #0000001a;background-color:#fff;color:#473f34}.send-button{padding:12px 20px;background-color:#d5deaf;color:#473f34;border:none;border-radius:25px;cursor:pointer;font-size:16px;min-width:80px;box-shadow:0 2px 5px #0000001a;transition:background-color .2s ease-in-out;outline:none;font-weight:600}.send-button:hover{background-color:#b2bd79}.send-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 600px){.floating-button{bottom:15px;right:15px;width:50px;height:53px;font-size:20px;border-width:2px}.chatbot-container{width:95%;height:70%;top:60%;left:50%;transform:translate(-50%,-50%);border-radius:12px}.chatbot-header{font-size:1rem;padding:10px 15px}.close-button{font-size:24px;padding:0 6px}.chat-history{font-size:.9rem;padding:10px}.message-bubble{font-size:.9rem;padding:8px 12px;border-radius:15px}.message-input{font-size:1rem;padding:10px;border-radius:20px}.send-button{font-size:1rem;padding:10px 15px;border-radius:20px;min-width:70px}.input-area{padding:20px 15px}.message-container.bot{align-self:flex-start;margin-right:10%;max-width:80%}.message-container.user{align-self:flex-end;margin-left:30%;max-width:80%}}header{display:none}footer{display:none}.goBackArrow{width:100%;height:150px;padding:0 50px;display:flex;justify-content:start;align-items:center}.goBackArrow img{height:40%;transition:transform .3s ease}.goBackArrow img:hover{cursor:pointer;transform:scale(1.05) translate(-5px)}.wrapped-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;background-size:cover;background-repeat:no-repeat;background-position:center;justify-content:start;align-items:center;color:var(--dark_brown);background-color:#fff}.wrapped-first-cont{height:90vh;display:flex;justify-content:start;align-items:center;flex-direction:column}.wrapped-first-cont,.wrapper-second-cont,.wrapped-third-cont{width:100%}.second-inner-container,.third-inner-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--light_green);padding-bottom:200px;width:100%}.wrapped-third-cont .wave-cont{background-color:var(--light_green)}.third-inner-container{background-color:var(--brown)}.wave-cont{width:100%;height:150px;position:relative;bottom:0}.decorative_wave{width:100%;position:absolute;bottom:-1px}.decorative_wave2{width:100%;position:absolute;transform:scaleX(-1);opacity:.5;bottom:0}.wrapped-title-container{text-align:center;width:70%}.wrapped-container h1{font-size:2.5rem;margin:20px 0 0;text-align:center}.wrapped-container h2{font-size:1.8rem}.wrapped-container h3{font-size:1.4rem;color:var(--green);margin:0}.wrapped-subtitle{display:flex;justify-content:center;align-items:center;width:85%;gap:30px;text-align:center;margin-top:150px;margin-bottom:80px}.wrapped-subtitle hr{width:25%;margin:0;border:2px solid var(--dark_brown);border-radius:10px}.activeDays-container{height:250px;width:60%;margin-top:160px;border:5px solid var(--dark_brown);display:flex;justify-content:center;align-items:center;background-color:var(--brown);border-radius:16px;position:relative}.pet_onigiri{position:absolute;top:-134px;right:10%;height:150px}.activeDays-innerCont{border:5px solid var(--brown);width:95%;height:80%;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:8px}.activeDays-container p{font-size:5rem;font-weight:700}.motivation_text{font-size:1.6rem;font-weight:700;text-align:center;margin-top:70px;margin-bottom:60px}.emotions-container{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:100%;flex-direction:column}.emotions-container ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:100px;margin:0 auto;width:80%}.entries-container{width:70%;margin:70px auto;display:flex;flex-direction:column;align-items:center;font-size:1.5rem;font-weight:500}.emotion-item{display:flex;align-items:center;justify-content:space-between;padding:16px;height:180px;width:400px;list-style:none;border:5px solid var(--dark_brown);background-color:#fff;border-radius:16px;background-image:url(/assets/images/brown_wave.svg);background-size:101%;background-position-y:calc(100% + 2px);background-repeat:no-repeat}.emotion-icon{height:70%;width:45%;object-fit:contain}.emotion-text{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:55%}.emotion-name{font-size:1.5rem;font-weight:700;margin:0}.emotion-days{font-size:1.3rem;font-weight:700;margin-top:10px;color:var(--brown)}.chat-container{background-image:url(/assets/images/brown_wave.svg);background-size:101%;background-position-y:calc(100% + 2px);background-repeat:no-repeat}.coins-container,.streak-container{background-image:url(/assets/images/green_wave.svg);background-size:101%;background-position-y:calc(100% + 2px);background-repeat:no-repeat}.coins-container,.chat-container,.streak-container{height:150px;width:40%;list-style:none;border:5px solid var(--dark_brown);background-color:#fff;border-radius:16px;display:flex;justify-content:center;align-items:center;padding:0 20px}.coinText,.streakText,.chatText{font-size:1.7rem;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;gap:20px;font-weight:700;margin:0}.coinText span,.streakText span,.chatText span{color:var(--brown)}.coinText img{height:55px;width:55px}.confetti-area{position:fixed;top:0;left:0;pointer-events:none;width:100%;height:100%;overflow:hidden;z-index:0}.confetti{position:absolute;width:8px;height:16px;opacity:.8;transform:rotate(0);animation:confetti-fall linear infinite;border-radius:2px}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.wrapped-container h1{font-size:1.5rem}.wrapped-container p{text-align:center}.wrapped-container h2{font-size:1.3rem}.wrapped-subtitle{gap:5px;margin-bottom:30px;margin-top:80px}.wave-cont{height:100px}.activeDays-container{height:140px;width:85%;margin-top:80px}.activeDays-innerCont{height:90%}.motivation_text{font-size:1.2rem;width:90%;margin:30px auto auto}.pet_onigiri{height:90px;top:-82px}.wrapped-first-cont{height:75vh;justify-content:center}.activeDays-container p{font-size:3.4rem}.second-inner-container,.third-inner-container{padding-bottom:0}.emotion-item{height:140px}.emotion-icon{height:100%;width:30%}.emotions-container ul{gap:50px;margin-block-start:0em;margin-block-end:0em;padding-inline-start:0px}.emotion-name{font-size:1.4rem}.entries-container{margin-bottom:0}.chat-container{width:75%;height:120px}.coins-container,.streak-container{width:90%;height:120px}.coinText,.streakText,.chatText{font-size:1.3rem}.coinText img{height:40px;width:40px}.third-inner-container{padding-bottom:150px}.confetti{width:4px;height:8px}.goBackArrow{height:100px;padding:0 20px}}header{display:flex;justify-content:space-between;align-items:center;padding:10px 15%;height:60px;position:fixed;z-index:1000;width:100%;top:0;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;overflow:hidden;box-sizing:border-box}header.scrolled{background-color:#fff;box-shadow:0 1px 15px #0000001a}.nav-button{cursor:pointer;height:40px;display:flex;justify-content:center;align-items:center}.header_oniTime_logo_containe{display:flex;align-items:center;justify-content:center}.header_oniTime_icon{height:50px;border-radius:100%}.header_oniTime_logo{height:35px;margin-left:10px}.header_nav{display:flex;align-items:center;justify-content:center;gap:30px}.header_nav a{text-decoration:none;color:var(--dark_brown);transition:color .3s ease;cursor:pointer;position:relative}.header_nav a:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--green);transition:width .3s ease-in-out}.header_nav a:hover:before{width:100%}@media (max-width: 768px){header{padding:0 20px}.header_oniTime_logo{display:none}.header_nav{font-size:.9rem;gap:16px}.header_nav{display:flex;align-items:center;justify-content:center;gap:16px}}footer{width:100%;height:auto;background-color:var(--brown);display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.footer_container{width:95%;height:100px;display:flex;justify-content:space-between;align-items:center}.footer_container p{width:30%;font-weight:600;text-align:end;cursor:default}.footer_logo_container{display:flex;align-items:center;justify-content:start;height:100%;width:30%}.footer_oniTime_icon{height:60px;border-radius:100%}.footer_oniTime_logo{height:45px;margin-left:10px}.footer_media_container{display:flex;align-items:center;justify-content:center;height:100%;width:40%;gap:20px}.media_icon{height:45px;width:45px;margin-right:10px;color:var(--dark_brown);cursor:pointer;transition:transform .3s ease-in-out}.media_icon:hover{transform:scale(1.1)}@media (max-width: 768px){.footer_container{height:100px;flex-wrap:wrap}.footer_logo_container{width:50%;height:50%;padding-left:5px}.footer_oniTime_logo{height:30px}.footer_oniTime_icon{height:40px;border-radius:100%}.footer_media_container{width:50%;height:50%;justify-content:end}.media_icon{width:40px;height:40px;margin-right:0}.footer_container p{width:100%;font-size:.8rem;text-align:center}}