@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Emoji:wght@300..700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#191842;background:linear-gradient(0deg,#e2e1ff,#f5f5ff 40%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--blue: rgb(72, 101, 219);--darker-blue: rgb(33, 60, 167);--light-grey: rgb(230, 230, 230);--happy: rgb(136, 230, 127);--very-happy: rgb(254, 200, 122);--neutral: rgb(137, 203, 255);--sad: rgb(184, 177, 254);--very-sad: rgb(255, 155, 153)}*{box-sizing:border-box}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}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4865db;cursor:pointer;transition:border-color .25s;color:#fdffff}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}}h1,h2,h3{margin:0}.emoji{font-family:"Noto Color Emoji",sans-serif;-webkit-user-select:none;user-select:none}.emoji-bw{font-family:"Noto Emoji",sans-serif}#root{box-sizing:border-box;width:836px;margin:0 auto;padding:2rem 0;text-align:center}h3{margin-bottom:18px}.data-average-sleep{margin-top:18px}.section:has(+.section){margin-bottom:24px}.section-data{display:grid;grid-template-columns:1fr 2fr;column-gap:24px;text-align:left}.section-data .data-container{background-color:#fff;border:1px solid rgb(226,225,255);border-radius:10px;padding:16px}.section-data .data-container .data-display{box-sizing:border-box;height:94px;background-color:#00f;border-radius:12px;padding:12px;display:flex;align-items:center}.section-data .data-container .data-display[data-mood="Very Sad"]{background-color:var(--very-sad)}.section-data .data-container .data-display[data-mood=Sad]{background-color:var(--sad)}.section-data .data-container .data-display[data-mood=Neutral]{background-color:var(--neutral)}.section-data .data-container .data-display[data-mood=Happy]{background-color:var(--happy)}.section-data .data-container .data-display[data-mood="Very Happy"]{background-color:var(--very-happy)}.section-data .data-container .data-average-sleep .data-display{background:#4865db;color:#fff}.section-data .graph{display:grid}.section-data .graph .graph-vertical-scale,.section-data .graph .graph-horizontal{grid-area:1 / 1 / 2 / 2}.section-data .graph-vertical-scale .graph-step{display:grid;grid-template-columns:80px 1fr;grid-template-rows:45px}.section-data .graph-vertical-scale .graph-step .value{align-self:center;font-size:.7em}.section-data .graph-vertical-scale .graph-step .value .icon{margin-right:5px}.section-data .graph-vertical-scale .graph-step .line-marker{height:50%;border-bottom:1px solid rgb(230,230,230)}.section-data .graph-horizontal{margin-left:80px}.section-data .graph-horizontal .columns{display:grid;grid-template-columns:repeat(10,35px);align-items:end;justify-content:end;column-gap:12px}.section-data .graph-horizontal .columns:first-of-type{height:225px;margin-bottom:6px}.section-data .graph-horizontal .column{transform-origin:bottom center;text-align:center;border-radius:24px;height:225px;transition:all .3s ease-in-out}.section-data .graph-horizontal .column .mood-indicator{display:inline-grid;font-size:1.4em;font-weight:700;justify-self:center;align-self:center;background-color:#fff;border-radius:100%;width:23px;height:23px;margin-top:5px}.section-data .graph-horizontal .column .mood-indicator span{transform:translate(-3px,-5px)}.section-data .graph-horizontal .column:hover{transform:scaleY(1.02)}.section-data .graph-horizontal .column:hover+.column,.section-data .graph-horizontal .column:has(+.column:hover){transform:scaleY(1.01)}.section-data .graph-horizontal .height-0{height:35px}.section-data .graph-horizontal .height-1{height:80px}.section-data .graph-horizontal .height-2{height:125px}.section-data .graph-horizontal .height-3{height:170px}.section-data .graph-horizontal .height-4{height:215px}.section-data .graph-horizontal .column.mood-happy{background-color:#88e67f}.section-data .graph-horizontal .column.mood-very-happy{background-color:#fec87a}.section-data .graph-horizontal .column.mood-neutral{background-color:#89cbff}.section-data .graph-horizontal .column.mood-sad{background-color:#b8b1fe}.section-data .graph-horizontal .column.mood-very-sad{background-color:#ff9b99}.section-data .graph-horizontal .date{display:flex;flex-direction:column;align-items:center}.section-data .graph-horizontal .date .month{font-size:.7em;color:#a8a8a8}.section-today{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 2fr;grid-column-gap:24px;grid-row-gap:24px;height:270px;overflow:hidden}.section-today .today-mood{grid-area:1 / 1 / 3 / 2;display:flex;justify-content:space-between}.section-today .today-mood .emoji-container{font-size:300px;margin-top:-60px;margin-right:-30px}.section-today .today-sleep{grid-area:1 / 2 / 2 / 3}.section-today .today-reflection{grid-area:2 / 2 / 3 / 3}.section-today .today-container{background-color:#fff;border:1px solid rgb(226,225,255);border-radius:10px;padding:16px;text-align:left}.section-today .today-container .title{color:#83828a;font-weight:600}.section-today .today-container .sleeping,.section-today .today-container .reflecting{font-weight:700;font-size:1.2em}.section-today .today-mood .text-container .title{color:#83828a;font-size:1.5em;font-weight:600}.section-today .today-mood .text-container .feeling{font-size:2em;font-weight:700}.section-hero .greeting{color:var(--blue);font-weight:700;font-size:1.3em}.section-hero .question{font-size:2em;font-weight:800}.section-hero .todays-date{color:#83828a;font-weight:500}.section-hero .todays-date:has(+button){margin-bottom:1.4em}@media screen and (max-width: 836px){#root{width:calc(100vw - 48px)}.section-data,.section-today{display:flex;flex-direction:column;gap:24px}.graph-horizontal{overflow-x:scroll}.section-today .today-mood{height:270px;width:100%;padding-bottom:0!important;flex-direction:column}.section-today .today-mood .emoji-container{margin:-50px 0 0;font-size:200px;text-align:center}}.attribution{font-size:.8em;margin-top:1.3em}header{text-align:left;display:flex;justify-content:space-between}header .app-name{display:flex;align-items:center;color:var(--blue)}header .app-name h1{margin:0 0 0 15px;font-size:28px;color:#000}header .app-name:hover{color:var(--darker-blue)}.modal-container{background:#00000080;position:fixed;top:0;left:0;width:100vw;height:100%;display:flex;justify-content:center;align-items:center;z-index:5}.close-modal-btn{background-color:transparent;color:var(--blue);font-size:2em;padding:0;border:none!important;position:absolute;left:calc(50vw + 177px);margin-top:-13px}.modal{box-sizing:border-box;width:100%;max-width:430px;border-radius:12px;background-color:#fff;padding:24px}.modal-options-list{list-style-type:none;padding:0;display:flex;flex-direction:column;gap:.5em}.modal-options-list .modal-option{border-radius:12px;padding:.5em}.modal-options-list .modal-option label{width:100%;display:flex;justify-content:space-between}.modal-options-list .option-very-sad{background-color:var(--very-sad)}.modal-options-list .option-sad{background-color:var(--sad)}.modal-options-list .option-neutral{background-color:var(--neutral)}.modal-options-list .option-happy{background-color:var(--happy)}.modal-options-list .option-very-happy{background-color:var(--very-happy)}