:root{--spacing-compact:8px;--spacing-standard:12px;--spacing-section:16px;--spacing-horizontal:24px;--radius-small:8px;--radius-medium:12px;--radius-large:16px;--radius-tile:16px;--icon-small:16px;--icon-medium:22px;--icon-large:28px;--touch-target-min:44px;--anim-quick:.2s;--anim-standard:.35s;--anim-luxurious:.5s;--anim-crossfade:.5s;--color-success:#34c759;--color-danger:#ff3b30;--color-warning:#fc0;--color-info:#007aff;--color-neutral:gray;--color-entity-default:gray;--color-accent-blue:#3a7afe;--font-scale:1.1;--font-family:"SF Pro Rounded", "SF Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--theme-bg:#fff;--theme-text:#000;--theme-gradient-top:#c2e0ff;--theme-gradient-bottom:#fbf0db;--theme-surface:#ffffff80;--color-completion:#34c759;--color-incompletion:#fabdbd;--color-midpoint:#bfedbe;--color-good-habit-default:red;--color-bad-habit-default:#00f;--color-activity-default:#00f;--tint-moods:#fff5d6;--tint-bad-habits:#ffe0e0;--tint-good-habits:#e0f7e0;--tint-activities:#dbf0ff;--mood-cat-1:red;--mood-cat-2:#fabdbd;--mood-cat-3:#bfedbe;--mood-cat-4:#34c759}.text-large-title{letter-spacing:-.02em;font-size:37.4px;font-weight:700;line-height:1.2}.text-title{letter-spacing:-.01em;font-size:30.8px;font-weight:700;line-height:1.2}.text-title2{font-size:24.2px;font-weight:700;line-height:1.25}.text-title3{font-size:22px;font-weight:600;line-height:1.25}.text-headline{font-size:18.7px;font-weight:700;line-height:1.3}.text-body{font-size:17.6px;font-weight:400;line-height:1.4}.text-callout{font-size:17.6px;font-weight:400;line-height:1.35}.text-subheadline{font-size:16.5px;font-weight:600;line-height:1.35}.text-footnote{font-size:14.3px;font-weight:500;line-height:1.4}.text-caption{font-size:13.2px;font-weight:500;line-height:1.4}.text-caption2{font-size:12.1px;font-weight:500;line-height:1.4}.monospaced-digit{font-variant-numeric:tabular-nums}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(255, 255, 255, calc(.3 * var(--sheen-intensity,1))) 0%, rgba(255, 255, 255, calc(.1 * var(--sheen-intensity,1))) 35%, transparent 60%, rgba(0, 0, 0, calc(.08 * var(--sheen-intensity,1))) 100%);z-index:1;position:absolute;inset:0}.bevel{position:relative}.bevel:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from -90deg, rgba(255, 255, 255, calc(.4 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.3 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.15 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.25 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.2 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.15 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.2 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.4 * var(--bevel-intensity,1))));-webkit-mask-composite:xor;z-index:2;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.inner-shadow{box-shadow:inset 0 1px var(--inner-shadow-depth,2px) #00000026}.highlight-edge{position:relative}.highlight-edge:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom, rgba(255, 255, 255, calc(.4 * var(--highlight-intensity,1))) 0%, rgba(255, 255, 255, calc(.1 * var(--highlight-intensity,1))) 30%, transparent 50%, transparent 100%);-webkit-mask-composite:xor;z-index:2;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.depth-effect-classic{--sheen-intensity:.75;--bevel-intensity:1;position:relative;overflow:hidden}.depth-effect-classic:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from -90deg, rgba(255, 255, 255, calc(.4 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.3 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.15 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.25 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.2 * var(--bevel-intensity,1))), rgba(0, 0, 0, calc(.15 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.2 * var(--bevel-intensity,1))), rgba(255, 255, 255, calc(.4 * var(--bevel-intensity,1))));-webkit-mask-composite:xor;z-index:2;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.depth-effect-classic:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, rgba(255, 255, 255, calc(.3 * var(--sheen-intensity,.75))) 0%, rgba(255, 255, 255, calc(.1 * var(--sheen-intensity,.75))) 35%, transparent 60%, rgba(0, 0, 0, calc(.08 * var(--sheen-intensity,.75))) 100%);z-index:1;position:absolute;inset:0}.depth-effect-clay{--sheen-intensity:.35;--bevel-intensity:1;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #00000038}.depth-effect-clay:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff4f 0%,#0000 50%,#00000020 100%);position:absolute;inset:0}.depth-effect-clay:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff1b 0%,#ffffff09 35%,#0000 60%,#00000007 100%);position:absolute;inset:0}.liquid-glass{border-radius:var(--radius-large,16px);-webkit-backdrop-filter:blur(6px)saturate(1.2);background:linear-gradient(135deg, #ffffff4d 0%, var(--glass-tint,#ffffff2e) 50%, #ffffff14 100%), var(--glass-tint-bg,#ffffff80);border:1px solid #ffffff59;position:relative;overflow:hidden;box-shadow:0 0 3px #0000001a,0 6px 10px #0000002e}.liquid-glass:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff39 0%,#ffffff13 35%,#0000 60%,#0000000f 100%);position:absolute;inset:0}.liquid-glass:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;z-index:2;background:conic-gradient(from -90deg,#fff6,#ffffff4d,#00000026,#00000040,#0003,#00000026,#fff3,#fff6);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass{background:var(--glass-tint-bg,#ffffffd9)}}.section-box{padding:var(--spacing-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--app-banner-height:48px;--app-nav-height:56px;--app-modal-top-edge:var(--app-banner-height);--app-modal-bottom-edge:var(--app-nav-height)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);color:var(--theme-text);background:var(--theme-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-size:18.7px;line-height:1.4}#root{flex-direction:column;height:100%;display:flex;position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#80808080}::selection{background:var(--color-info);color:#fff}:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:active{transform:scale(.97)}input,textarea,select{font:inherit;color:inherit}img,svg{max-width:100%;display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none}
