.sleep-trend-chart-container{opacity:0;transform:scale(.96);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.sleep-trend-chart-container.sleep-trend-chart-show{opacity:1;transform:scale(1)}.coffee-tips-container{opacity:0;transform:scale(.96);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.coffee-tips-container.coffee-tips-show{opacity:1;transform:scale(1)}.coffee-tip-line{display:block;opacity:0;transform:translateY(1rem);will-change:opacity,transform}.coffee-tips-container.coffee-tips-show .coffee-tip-line{animation-name:slideUpFade;animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both}@keyframes slideUpFade{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.drink-list-scroll::-webkit-scrollbar{display:none}@keyframes breathe{0%,to{border-color:#0591f2;box-shadow:0 0 #0591f24d}50%{border-color:#3bb3ff;box-shadow:0 0 0 .8rem #0591f226}}.drink-breathe{animation:breathe 2s ease-in-out infinite}.caffeine-record-container{opacity:0;transform:scale(.96);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.caffeine-record-container.caffeine-record-show{opacity:1;transform:scale(1)}.caffeine-record-item{animation:slideInFromTop .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.caffeine-date-group{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.caffeine-date-group-expanding{opacity:0;transform:translateY(-2rem);animation:expandDateGroup .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandDateGroup{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.caffeine-arrow-icon{animation:arrowBounce 2s ease-in-out infinite}.sleep-time-container{opacity:0;transform:scale(.96);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.sleep-time-container.sleep-time-show{opacity:1;transform:scale(1)}.sleep-time-date-group{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.sleep-time-date-group-expanding{opacity:0;transform:translateY(-2rem);animation:expandSleepTimeGroup .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes expandSleepTimeGroup{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(.5rem)}}.sleep-time-arrow-icon{animation:arrowBounce 2s ease-in-out infinite}.popup-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:999;transition-property:opacity;transition-timing-function:ease-out;will-change:opacity;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem)}.popup-mask-show{opacity:1}.popup-mask-hide{opacity:0}.popup-container{position:fixed;left:0;right:0;z-index:1000;pointer-events:none;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.25,.8,.25,1);will-change:transform,opacity}.popup-content{position:relative;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}.popup-content-inner{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.popup-content-inner::-webkit-scrollbar{width:.4rem}.popup-content-inner::-webkit-scrollbar-track{background:transparent}.popup-content-inner::-webkit-scrollbar-thumb{background:#0003;border-radius:.2rem}.popup-content-inner::-webkit-scrollbar-thumb:hover{background:#0000004d}.popup-content-center{box-shadow:0 1.6rem 4.8rem #0000001f,0 .8rem 1.6rem #00000014}.popup-bottom{bottom:0}.popup-bottom.popup-hide{transform:translateY(100%);opacity:0}.popup-bottom.popup-show{transform:translateY(0);opacity:1}.popup-top{top:0}.popup-top.popup-hide{transform:translateY(-100%);opacity:0}.popup-top.popup-show{transform:translateY(0);opacity:1}.popup-center{top:50%;transform:translateY(-50%)}.popup-center.popup-hide{transform:translateY(-50%) scale(.7);opacity:0}.popup-center.popup-show{transform:translateY(-50%) scale(1);opacity:1}.popup-close-btn{transition:all .2s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(.8rem);-webkit-backdrop-filter:blur(.8rem)}.popup-close-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 .4rem 1.2rem #00000026!important}.popup-close-btn:active{transform:scale(.95)}.popup-content-inner{scroll-behavior:smooth}@media (hover: none){.popup-close-btn:hover{transform:none}.popup-close-btn:active{transform:scale(.9);opacity:.8}}@media (max-width: 375px){.popup-content-center{box-shadow:0 1.2rem 3.6rem #0000001f,0 .6rem 1.2rem #00000014}}.datetime-picker{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#01030e;min-height:100%;padding-top:1.2rem;border-radius:3.2rem 3.2rem 0 0;box-shadow:inset 0 .2rem .4rem #fff6}.datetime-picker-top-bar{width:6rem;height:.4rem;background-color:#d8d8d8;opacity:.22;margin-bottom:4.4rem}.datetime-picker-header{text-align:center;margin-bottom:4.1rem}.datetime-picker-title{font-size:3.6rem;font-weight:700;color:#fff;margin:0}.datetime-picker-divider{width:67rem;height:.1rem;background-color:#434856;margin-bottom:4.1rem}.datetime-picker-content{position:relative;display:flex;align-items:center;justify-content:center;height:42rem;padding:16px 0;overflow:hidden}.datetime-picker-indicator{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:6rem;background:transparent;border-top:1px solid #373F59;border-bottom:1px solid #373F59;pointer-events:none;z-index:1}.datetime-picker-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;position:relative}.datetime-picker-label{display:none}.datetime-picker-scroll{width:100%;height:42rem;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative}.datetime-picker-scroll::-webkit-scrollbar{display:none}.datetime-picker-scroll:before,.datetime-picker-scroll:after{content:"";position:absolute;left:0;right:0;height:12rem;pointer-events:none;z-index:2}.datetime-picker-scroll:before{top:0;background:linear-gradient(to bottom,#01030e,#01030e00)}.datetime-picker-scroll:after{bottom:0}.datetime-picker-placeholder{height:6rem;min-height:6rem;max-height:6rem;flex-shrink:0;box-sizing:border-box}.datetime-picker-separator{font-size:4.4rem;color:#fff;font-weight:600;padding:0 3rem;position:relative;z-index:2}.datetime-picker-footer{display:flex;gap:2rem;padding:4rem 3rem;width:100%;box-sizing:border-box}.datetime-picker-btn{flex:1;height:9rem;border:none;border-radius:2.4rem;font-size:2.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.datetime-picker-btn.full-width{flex:1;max-width:100%}.datetime-picker-btn-cancel{color:#fff;background-color:#1b2539;border:.1rem solid #535D8B}.datetime-picker-btn-cancel:active{opacity:.8}.datetime-picker-btn-confirm{color:#fff;background-color:#379eff}.datetime-picker-btn-confirm:active{opacity:.8}.datetime-picker-item{height:6rem;min-height:6rem;max-height:6rem;width:100%;display:flex;align-items:center;justify-content:center;font-size:3.8rem;line-height:1;color:#fff6;transition:color .2s ease,font-weight .2s ease;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";user-select:none;-webkit-user-select:none;pointer-events:none;flex-shrink:0;text-align:center;box-sizing:border-box;padding:0 1.2rem;overflow:visible}.datetime-picker-item.active{color:#fff;font-weight:700}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:border-box}:root{--theme-dark: #0A0E16;--theme-light: #ffffff;--theme-primary: var(--theme-dark);--theme-secondary: var(--theme-light)}[data-theme=light]{--theme-primary: var(--theme-light);--theme-secondary: var(--theme-dark)}[data-theme=dark]{--theme-primary: var(--theme-dark);--theme-secondary: var(--theme-light)}html{background-color:var(--theme-primary);color:var(--theme-secondary);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--theme-primary);color:var(--theme-secondary);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}*{outline:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;draggable:false}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}.flex-center{display:flex;align-items:center;justify-content:center}@media (min-width: 320px){.container{max-width:320px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible,[visible=""]{visibility:visible}[\!visible=""]{visibility:visible!important}.absolute{position:absolute}.fixed,[fixed=""]{position:fixed}.relative{position:relative}.grid{display:grid}.ms,[ms=""]{margin-inline-start:1rem}.hidden,[hidden=""]{display:none}.w-100\%,.w-full{width:100%}[h3=""]{height:.75rem}.flex{display:flex}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-x-auto{overflow-x:auto}.border,[b=""]{border-width:1px}.rounded-full{border-radius:9999px}.bg-\#000000{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity))}.bg-\#10182A{--un-bg-opacity:1;background-color:rgb(16 24 42 / var(--un-bg-opacity))}.bg-theme-primary{background-color:var(--theme-primary)}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}[stroke-width~="2"]{stroke-width:2px}.px,[px=""]{padding-left:1rem;padding-right:1rem}.text-\#FFFFFF{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.hover\:text-gray-600:hover{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity))}.font-400{font-weight:400}.font-500{font-weight:500}.font-700{font-weight:700}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.opacity-60{opacity:.6}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.w-24{width:2.4rem}.w-48{width:4.8rem}.w-62{width:6.2rem}.h-24{height:2.4rem}.h-374{height:37.4rem}.h-48{height:4.8rem}.h-62{height:6.2rem}.text-20{font-size:2rem}.text-24{font-size:2.4rem}.text-33{font-size:3.3rem}.text-50{font-size:5rem}.mt-18{margin-top:1.8rem}.mt-20{margin-top:2rem}.mt-30{margin-top:3rem}.mt-40{margin-top:4rem}.mt-60{margin-top:6rem}.mt-72{margin-top:7.2rem}.mb-20{margin-bottom:2rem}.mb-40{margin-bottom:4rem}.mx-36{margin-left:3.6rem;margin-right:3.6rem}.pr-36{padding-right:3.6rem}.pb-20{padding-bottom:2rem}.pl-36{padding-left:3.6rem}.px-40{padding-left:4rem;padding-right:4rem}.rounded-24{border-radius:2.4rem}.-top-8{top:-.8rem}.-right-19{right:-1.9rem}.right-0{right:0rem}.left-0,[left-0=""]{left:0rem}.gap-20{gap:2rem}.border-1-\#363E66{border-width:.1rem;border-style:solid;border-color:#363e66}