:root{font-family:Reddit Sans,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}html{background-image:linear-gradient(180deg,#f5f5ff 72.99%,#e0e0ff)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0 auto;display:flex;place-items:center;min-width:320px;min-height:100vh;max-width:1170px;width:100%}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}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}:root{--color-blue-600: #4865DB;--color-blue-300: #89CAFF;--color-blue-200: #C7D3F7;--color-blue-100: #E0E6FA;--neutral-900: #21214D;--neutral-600: #57577B;--neutral-300: #9393B7;--neutral-0: #FFFFFF;--red-300: #FF9B99;--red-700: #E60013;--indigo-200: #B8B1FF;--blue-300: #89CAFF;--green-300: #89E780;--amber-300: #FFC97C}.head,.head-user{display:flex;justify-content:space-between}.head-avatar{width:40px;height:40px;margin-right:10px}.head-arrow{width:10.2px;cursor:pointer}.header-greeting{color:var(--color-blue-600);font-size:32px;line-height:120%;letter-spacing:-.03px}h2{color:var(--neutral-900)}.header-question{font-size:54px;line-height:140%;letter-spacing:-2px}.header-date{font-size:18px;line-height:120%;color:var(--neutral-600)}.header-button{width:226px;height:60px;padding:16px 32px;background-color:var(--color-blue-600);color:var(--neutral-0);font-size:20px;line-height:140%;border-radius:10px}.main{max-width:1170px;margin-top:64px;margin-bottom:32px;display:flex;gap:32px}.text-preset-7{font-size:15px;line-height:40%;letter-spacing:-.3px;color:var(--neutral-600)}@media(max-width:900px){.main{flex-direction:column;width:100%}}@media(max-width:680px){.main{margin-top:32px}}.average-container{background-color:var(--neutral-0);border-radius:16px;padding:24px;text-align:left;width:35%}.average-mood.very-happy{background-color:var(--amber-300)}.average-mood.happy{background-color:var(--green-300)}.average-mood.neutral{background-color:var(--blue-300)}.average-mood.sad{background-color:var(--indigo-200)}.average-mood.very-sad{background-color:var(--red-300)}.average-mood img,.average-sleep img{margin-right:16px;vertical-align:middle}.average-container .no-data{background-color:var(--color-blue-100);color:var(--neutral-900)}.average-container h4{font-size:24px;line-height:140%;letter-spacing:0px;margin-bottom:20px}.average-mood,.average-sleep{background-image:url(../assets/images/bg-pattern-averages.svg);background-repeat:no-repeat;background-position:250px;height:150px}.average-mood{background-color:var(--color-blue-300);color:var(--neutral-900);border-radius:20px;padding:20px}.average-sleep{background-color:var(--color-blue-600);color:var(--neutral-0);border-radius:20px;padding:20px}@media(max-width:900px){.average-container{width:95%}}.mood-sleep-trends-container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000000d;width:65%}.mood-sleep-trends-container h2{color:var(--neutral-900);text-align:left;font-size:32px;line-height:140%;letter-spacing:-.3px}.table-layout{display:grid;grid-template-columns:100px 1fr;height:300px;width:100%;max-width:900px;margin:0 auto}.y-labels{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:var(--neutral-600);font-size:12px;line-height:110%;letter-spacing:0px;margin-right:20px;padding-bottom:30px}.y-labels div img{width:10px;height:10px}.graph-area{position:relative;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #eee;padding-bottom:40px;width:100%;overflow-x:auto;overflow-y:hidden}.graph-background-lines{position:absolute;inset:0 0 30px;z-index:0;display:flex;flex-direction:column;justify-content:space-between}.line{border-top:1px solid #f0f0f0;width:100%;height:1px}.bar-container{display:flex;flex-direction:column;align-items:center;z-index:1;height:100%;justify-content:flex-end;width:50px;margin-right:15px;position:relative}.bar{width:50px;border-radius:30px;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;transition:height .5s ease;margin:0 auto -9px}.icon{font-size:1.5rem;background:#fff;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.date{position:absolute;bottom:-40px;left:0;right:0;text-align:center;color:var(--neutral-600);font-size:12px;line-height:1.2;white-space:nowrap;transform:translate(0);margin:0}.date span{display:block;color:var(--neutral-900);font-size:13px;line-height:100%;letter-spacing:0px;font-weight:700}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.h-10{height:15%}.bar.very-happy{background-color:var(--amber-300)}.bar.happy{background-color:var(--green-300)}.bar.neutral{background-color:var(--blue-300)}.bar.sad{background-color:var(--indigo-200)}.bar.very-sad{background-color:var(--red-300)}@media(max-width:900px){.mood-sleep-trends-container{width:89%;margin:20px auto}}.modal-overlay{position:fixed;inset:0;background-color:#21214db3;display:flex;justify-content:center;align-items:center;z-index:1000}.form-modal{position:relative;background-image:linear-gradient(180deg,#f5f5ff 72.99%,#e0e0ff);max-width:600px;width:100%;margin:0 auto;background-color:#fff;border-radius:16px;padding:40px 48px;text-align:left}.progress-bar{display:flex;gap:10px;margin-bottom:30px}.segment{height:6px;flex:1;background-color:var(--color-blue-200);border-radius:10px}.segment.active{background-color:var(--color-blue-600)}.modal-close-button{position:absolute;justify-self:right;top:20px;right:40px;background:none;font-size:24px;color:var(--neutral-300);cursor:pointer}.form-modal h2{font-size:40px;line-height:120%;letter-spacing:-.3px;margin:32px 0}.form-modal h3{font-size:32px;line-height:140%;letter-spacing:-.3px;margin:32px 0}.text-preset-6{font-size:18px;line-height:120%;letter-spacing:0px;color:var(--neutral-600)}.form-modal button{width:100%;margin-top:32px;background-color:var(--color-blue-600);color:var(--neutral-0);border-radius:16px;padding:16px 32px;font-size:24px;line-height:140%;letter-spacing:0px}.page-two{display:flex;flex-wrap:wrap}.form-check{width:auto;height:auto;background-color:var(--neutral-0);border:2px solid var(--color-blue-200);border-radius:10px;padding:12px 16px;margin:12px 16px 12px 12px;font-size:18px;line-height:120%;letter-spacing:0px;color:var(--neutral-900)}.form-check+input[type=checkbox]:checked{border:2px solid var(--color-blue-600)}input[type=checkbox]{width:16px;height:16px;border-radius:4px;border:2px solid black;margin-right:8px}input[type=checkbox]:checked{background-color:var(--color-blue-600)}.form-check:has(input[type=checkbox]:checked){border:2px solid var(--color-blue-600)}.form-radio{padding:20px 12px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;border-radius:10px;background-color:var(--neutral-0);border:2px solid var(--color-blue-100);cursor:pointer;transition:all .3s ease;font-size:20px;line-height:140%;letter-spacing:0px;color:var(--neutral-900)}.form-radio:has(input[type=radio]:checked){border:2px solid var(--color-blue-600)}.form-radio img{width:38px;height:38px}.form-modal .text-area{width:100%;min-height:150px;padding:12px 16px;border-radius:10px;border:2px solid var(--neutral-300);color:var(--neutral-600);font-size:18px;line-height:130%;font-style:italic;letter-spacing:0px}.text-area-count{margin-top:8px;font-size:13px;line-height:100%;letter-spacing:0px;color:var(--neutral-600);text-align:right}.form-error{font-size:15px;line-height:140%;letter-spacing:-.3px;color:var(--red-700)}.todays-mood-container{max-width:1170px;width:100%;display:flex;margin-top:64px;margin-bottom:32px}.todays-mood-main-aside{width:40%}.todays-mood-main,.todays-mood-sleep,.todays-mood-reflection{background-color:var(--neutral-0);border-radius:16px;text-align:left}.todays-mood-main{width:60%;padding:32px;margin-right:32px;overflow:hidden}.todays-mood-main h2{font-size:32px;line-height:140%;letter-spacing:-.3px;color:var(--neutral-600)}.todays-mood-main span{display:block;font-size:40px;font-weight:700;line-height:120%;letter-spacing:-.3px;color:var(--neutral-900)}.todays-mood-main-footer{position:relative}.todays-mood-main-footer div{width:246px;position:absolute;left:0;bottom:-190px}.todays-mood-main .mood-image{position:absolute;right:0;top:-90px;width:319.99px;height:319.99px}.todays-mood-quote{font-size:18px;line-height:130%;letter-spacing:0px;color:var(--neutral-900);font-style:italic}.todays-mood-sleep div,.todays-mood-reflection div{display:flex}.todays-mood-sleep div img,.todays-mood-reflection div img{margin-right:12px}.todays-mood-sleep{margin-bottom:20px;padding:20px}.todays-mood-reflection{height:197px;position:relative;padding:20px}.reflection{font-size:18px;line-height:120%;letter-spacing:0px;color:var(--neutral-900)}.feelings{position:absolute;bottom:10px;font-size:18px;line-height:120%;letter-spacing:0px;font-style:italic;color:var(--neutral-600)}.todays-mood-sleep-hours{color:var(--neutral-900);font-weight:900;font-size:32px;line-height:120%;letter-spacing:-.03px}@media(max-width:1070px){.todays-mood-container{flex-direction:column}.todays-mood-main{width:90%;height:320px}.todays-mood-main-aside{width:95%;min-height:320px}.todays-mood-sleep,.todays-mood-reflection{width:100%;margin:20px auto}}@media(max-width:900px){.todays-mood-container{flex-direction:column}}@media(max-width:680px){.todays-mood-main{height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.todays-mood-main .mood-image{position:relative;top:-90px;width:200px;height:200px}.todays-mood-main-footer div{flex-direction:column;top:235px;position:relative}}