.gratitude-body{margin:0;background:-webkit-gradient(linear,left top,left bottom,from(#fff1c4),to(#ffcead));background:linear-gradient(180deg,#fff1c4,#ffcead);font-family:Roboto,Verdana,sans-serif!important;letter-spacing:.12em;min-height:100vh;position:relative;overflow:hidden;padding-bottom:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container.step-one{padding:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.record-section{overflow-y:auto;max-height:calc(100vh - 300px);padding-right:5px}.record-section::-webkit-scrollbar{width:6px}.record-section::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.backbtn{border:2px solid #000}.log-card{border-radius:10px;margin-bottom:15px;background:#fff;padding:5px 8px;cursor:pointer;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1)!important;box-shadow:0 2px 3px rgba(0,0,0,.1)!important}.log-card:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.4);box-shadow:0 4px 8px rgba(0,0,0,.4);-webkit-transition:all .3s ease;transition:all .3s ease}.log-content{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.log-content,.log-date-box{display:-webkit-box;display:-ms-flexbox;display:flex}.log-date-box{background-color:#fff;border-radius:6px;padding:10px;text-align:center;min-width:70px;height:70px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;color:#333;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.1);box-shadow:0 5px 10px rgba(0,0,0,.1);font-size:14px;border:1px solid #eee}.log-details{-webkit-box-flex:1;-ms-flex:1 1 60%;flex:1 1 60%}.quote-line{margin-bottom:12px;line-height:1.4;color:#555;font-weight:500;font-family:Roboto,Verdana,sans-serif!important}.quote{color:teal;font-size:20px;margin-right:5px}.view-more{color:#333;font-size:13px;cursor:pointer;margin-top:5px;font-weight:400}.slide-enter-active,.slide-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-enter-from,.slide-leave-to{max-height:0;opacity:0;overflow:hidden}.log-options{margin-left:auto;padding-left:10px;cursor:pointer}.dots{font-size:24px;line-height:1;color:#0f2c64;font-weight:700}.outer-wrapper{padding:20px;overflow:hidden}.gratitude-form{width:100%;max-width:500px;background-color:transparent;text-align:center;margin:auto;text-align:center!important}.gratitude-head,.gratitude-title{font-size:2rem;font-weight:800;color:#000;font-family:Roboto,Verdana,sans-serif!important}.gratitude-title{margin-bottom:1rem}.gratitude-sub-title{font-size:1.5rem;font-weight:800;color:#000;margin-bottom:1rem}.gratitude-p,.gratitude-sub-title{font-family:Roboto,Verdana,sans-serif!important}.gratitude-p{margin-bottom:10px}.input-group{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:15px}.input-group label{font-weight:700;margin-bottom:5px;margin-right:5px;display:block;color:#333;font-size:1.8rem}.input-group textarea{width:90%;padding:10px;border:none;border-radius:12px;font-size:16px;resize:none;background:#f0f4f8;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.submit-btn{width:60%;padding:14px;background-color:#00c9a7;color:#fff;border:none;border-radius:12px!important;font-size:18px;font-weight:700;cursor:pointer;-webkit-transition:background-color .3s;transition:background-color .3s}.plus-float-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;height:50px;width:50px;border-radius:50%;background:#0f2c64;-webkit-box-shadow:0 2px 8px 4px rgba(0,0,0,.08);box-shadow:0 2px 8px 4px rgba(0,0,0,.08);cursor:pointer;z-index:2;bottom:20px;right:20px}.plus-float-card>p{font-weight:600;color:#fff;font-size:26px;margin:0}.back-float-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;cursor:pointer;z-index:2;top:20px;left:20px}.back-float-card>p{font-weight:600;color:#fff;font-size:32px;margin:0}@media (max-width:768px){.gratitude-head,.gratitude-title,.input-group label{font-size:1.5rem}.submit-btn{width:80%}.log-date-box{min-width:50px;height:50px;font-size:12px}.quote-line{font-size:14px}.log-content{gap:15px}.record-section{max-height:calc(100vh - 260px)}}