@property --bg{syntax:"<color>";inherits:true;initial-value:#dddad5}@property --bg-2{syntax:"<color>";inherits:true;initial-value:#0000}@property --bg-3{syntax:"<color>";inherits:true;initial-value:#0000}@property --sun-night{syntax:"<color>";inherits:true;initial-value:#0000}@property --sun-dawn{syntax:"<color>";inherits:true;initial-value:#0000}@property --sun-noon{syntax:"<color>";inherits:true;initial-value:#0000}@property --sun-dusk{syntax:"<color>";inherits:true;initial-value:#0000}@property --glass{syntax:"<color>";inherits:true;initial-value:#0000}@property --accent{syntax:"<color>";inherits:true;initial-value:#6f8c6e}@property --text{syntax:"<color>";inherits:true;initial-value:#1e211f}@property --text-2{syntax:"<color>";inherits:true;initial-value:#5d625e}@property --text-3{syntax:"<color>";inherits:true;initial-value:#898e8a}:root,[data-scheme]{transition:--bg .8s var(--ease-soft), --bg-2 .8s var(--ease-soft), --bg-3 .8s var(--ease-soft), --sun-night .8s var(--ease-soft), --sun-dawn .8s var(--ease-soft), --sun-noon .8s var(--ease-soft), --sun-dusk .8s var(--ease-soft), --glass .8s var(--ease-soft), --accent .8s var(--ease-soft), --text .8s var(--ease-soft), --text-2 .8s var(--ease-soft), --text-3 .8s var(--ease-soft)}@media (prefers-reduced-motion:reduce){:root,[data-scheme]{transition:none}}:root{--font:-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--radius-card:34px;--radius-plate:20px;--radius-well:22px;--radius-pill:999px;--spring:linear(0, .0194, .0678, .1334, .2078, .2854, .3622, .4356, .5043, .5672, .6242, .6752, .7204, .7602, .795, .8252, .8513, .8739, .8932, .9098, .9239, .9359, .9461, .9548, .9621, .9682, .9734, .9778, .9815, .9845, .9871, .9893, .9911, .9926, .9938, .9949, .9957, .9965, .9971, .9976, 1);--spring-dur:.94s;--spring-fast:linear(0, .0293, .0988, .1883, .2848, .3802, .4699, .5513, .6235, .6863, .7402, .786, .8246, .8567, .8834, .9054, .9235, .9383, .9503, .9601, .968, .9744, .9796, .9837, .987, .9897, .9918, .9935, .9948, .9959, .9968, .9974, 1);--spring-fast-dur:.53s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease-soft:cubic-bezier(.25, .8, .25, 1);--state-dur:.7s}:root,[data-scheme=light]{--text:#1e211f;--text-2:#5d625e;--text-3:#898e8a;--line:#1e211f1a;--panel:#faf9f7b8;--ink:#1e211f;--ink-text:#f6f5f2;--danger:#b4483a;--cal-0:#2a78d6;--cal-1:#eb6834;--cal-2:#1baf7a;--cal-3:#eda100;--cal-4:#e87ba4;--habit-on:#ffffffe6;--habit-on-text:#1e211f;--habit-off:#1e211f0f;--habit-off-text:#3e433f;--habit-on-shadow:inset 0 1px 0 #fff, 0 0 0 1px #fff9, 0 10px 26px -12px #323c326b, 0 0 22px 2px #ffffff80;--habit-off-shadow:inset 0 1px 2px #1e211f12, 0 0 0 1px #fff0, 0 10px 26px -12px #323c3200, 0 0 0 0 #fff0;--habit-bloom:inset 0 1px 0 #fff, 0 0 0 1px #fff, 0 12px 36px -8px #3c503c80, 0 0 46px 14px #fff;--tick-on:color-mix(in oklab, var(--accent) 88%, black);--tick-on-fg:#fff;--tick-off:#1e211f40;--capsule-track:#1e211f0f;--liquid-top:color-mix(in oklab, var(--accent) 36%, white);--liquid-bottom:color-mix(in oklab, var(--accent) 72%, white);--liquid-text:color-mix(in oklab, var(--accent) 35%, black);--btn-glass:#ffffff80;--btn-glass-edge:inset 0 0 0 1px #ffffffbf, inset 0 1px 0 #fff;--btn-ink-shadow:0 10px 22px -12px #1e211f99;--well:#1e211f0d;--well-shadow:inset 0 1px 2px #1e211f12, inset 0 0 0 1px #1e211f08;--glass-filter:blur(20px) saturate(1.7) brightness(1.04);--rim-w:1.5px;--rim-hi:#fff;--rim-mid:#ffffff73;--rim-lo:#ffffff0f;--rim-back:#ffffffd9;--glass-inner:inset 0 1px 0 #fffffff2, inset 0 0 0 1px #ffffff29, inset 0 0 18px 2px #ffffff38, inset 0 -18px 30px -20px #3234322e;--glass-shadow:0 24px 48px -20px #32343247, 0 2px 6px #3234320f;--fringe:.7;--dither:.5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-scheme=dark]{--text:#eef1ef;--text-2:#ecf0ed9e;--text-3:#ecf0ed66;--line:#ecf0ed1a;--panel:#101211b8;--ink:#e9eeea;--ink-text:#131614;--danger:#f0a090;--cal-0:#3987e5;--cal-1:#d95926;--cal-2:#199e70;--cal-3:#c98500;--cal-4:#d55181;--habit-on:#ecf2eeeb;--habit-on-text:#131614;--habit-off:#00000042;--habit-off-text:#ecf0eddb;--habit-on-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1px #ffffff59, 0 10px 30px -10px #00000073, 0 0 26px 2px color-mix(in oklab, var(--accent) 25%, transparent);--habit-off-shadow:inset 0 1px 1px #0003, 0 0 0 1px #ffffff0d, 0 10px 30px -10px #0000, 0 0 0 0 transparent;--habit-bloom:inset 0 1px 0 #fff, 0 0 0 1px #fffc, 0 10px 30px -10px #00000073, 0 0 52px 16px color-mix(in oklab, var(--accent) 60%, transparent);--tick-on:color-mix(in oklab, var(--accent) 28%, black);--tick-on-fg:var(--accent);--tick-off:#ecf0ed4d;--capsule-track:#00000042;--liquid-top:color-mix(in oklab, var(--accent) 88%, white);--liquid-bottom:color-mix(in oklab, var(--accent) 78%, black);--liquid-text:#131614;--btn-glass:#ffffff14;--btn-glass-edge:inset 0 0 0 1px #ffffff1f, inset 0 1px 0 #ffffff2e;--btn-ink-shadow:0 10px 24px -12px #000c;--well:#00000038;--well-shadow:inset 0 1px 2px #0000004d, inset 0 0 0 1px #ffffff08;--glass-filter:blur(20px) saturate(1.8) brightness(1.06);--rim-w:1.5px;--rim-hi:#ffffffb3;--rim-mid:#ffffff38;--rim-lo:#ffffff08;--rim-back:#ffffff6b;--glass-inner:inset 0 1px 0 #ffffff52, inset 0 0 0 1px #ffffff0d, inset 0 0 20px 2px #ffffff0f, inset 0 -18px 30px -20px #00000059;--glass-shadow:0 30px 60px -24px #0009;--fringe:.6;--dither:.6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-scheme=light]{--bg:#dddad5;--bg-2:#96b492d9;--bg-3:#d6c4b0f2;--sun-night:#e3e8e6;--sun-dawn:#ffe6d0;--sun-noon:#fffefa;--sun-dusk:#cfe6dc;--glass:#faf9f64d;--accent:#6f8c6e}[data-scheme=dark]{--bg:#0d110f;--bg-2:#266862b3;--bg-3:#385a3cb3;--sun-night:#1e5450d9;--sun-dawn:#96a270bf;--sun-noon:#84b284cc;--sun-dusk:#2c8278d9;--glass:#cde4d213;--accent:#b9d9b4}[data-palette=sea][data-scheme=light]{--bg:#d7dcde;--bg-2:#7cbac4cc;--bg-3:#a8bedecc;--sun-night:#e1e8ec;--sun-dawn:#fbe8dc;--sun-noon:#fafeff;--sun-dusk:#c6e3ea;--glass:#f8fbfc4d;--accent:#4c8a97}[data-palette=sea][data-scheme=dark]{--bg:#0a0f12;--bg-2:#165e72b8;--bg-3:#223e6eb3;--sun-night:#164058d9;--sun-dawn:#769698b3;--sun-noon:#54a0b2bf;--sun-dusk:#1c6e86d9;--glass:#c8e2ec13;--accent:#9dd2dc}[data-palette=sand][data-scheme=light]{--bg:#dfd9d1;--bg-2:#d6b08abf;--bg-3:#c4ba9ecc;--sun-night:#ece6df;--sun-dawn:#ffdfc2;--sun-noon:#fffdf8;--sun-dusk:#f2d8c2;--glass:#fcf9f44d;--accent:#9e7853}[data-palette=sand][data-scheme=dark]{--bg:#12100d;--bg-2:#7a523099;--bg-3:#5c4e349e;--sun-night:#463426cc;--sun-dawn:#ac784eb3;--sun-noon:#b2966cb3;--sun-dusk:#965a3ebf;--glass:#ecdcc812;--accent:#e0c3a2}[data-palette=dusk][data-scheme=light]{--bg:#dbd7dc;--bg-2:#b09ec6bf;--bg-3:#d6b2bacc;--sun-night:#e6e3ea;--sun-dawn:#fce1d9;--sun-noon:#fefcff;--sun-dusk:#e1d3ea;--glass:#fbf9fc4d;--accent:#7e6a97}[data-palette=dusk][data-scheme=dark]{--bg:#100e13;--bg-2:#4c3a70a8;--bg-3:#703a508c;--sun-night:#322856cc;--sun-dawn:#98606ea6;--sun-noon:#8270acb3;--sun-dusk:#604084cc;--glass:#e2d8f212;--accent:#cdbde6}[data-palette=mist][data-scheme=light]{--bg:#dcdcdb;--bg-2:#b0b6b8cc;--bg-3:#ccc8c2d9;--sun-night:#e8e9e9;--sun-dawn:#f8ede4;--sun-noon:#fff;--sun-dusk:#e2e9ea;--glass:#fafafa4d;--accent:#686d70}[data-palette=mist][data-scheme=dark]{--bg:#0e0f10;--bg-2:#484e5299;--bg-3:#3c3c3e99;--sun-night:#303438cc;--sun-dawn:#706a6499;--sun-noon:#848a8e99;--sun-dusk:#506266b3;--glass:#e2e6e812;--accent:#d8dcde}*,:before,:after{box-sizing:border-box}html,body{margin:0}html{background:var(--bg);touch-action:pan-x pan-y}*{scrollbar-width:none}::-webkit-scrollbar{display:none}body{min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;font-size:15px;line-height:1.4}button,input{font:inherit;color:inherit}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-inner), var(--glass-shadow);position:relative}.glass:before,.glass:after{content:"";border-radius:inherit;padding:var(--rim-w);-webkit-mask-composite:xor;pointer-events:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glass:before{background:linear-gradient(var(--rim-angle,150deg), var(--rim-hi) 0%, var(--rim-mid) 16%, var(--rim-lo) 42%, var(--rim-lo) 62%, var(--rim-mid) 86%, var(--rim-back) 100%)}.glass:after{background:conic-gradient(from calc(var(--rim-angle,150deg) + 150deg), #96e1ff00 0deg, #96e1ff80 28deg, #fff0 64deg, #fff0 166deg, #ffafd766 204deg, #fff0 244deg);opacity:var(--fringe);padding:1px}.bg-scene{pointer-events:none;z-index:0;background:var(--bg);--u:1cqmax;height:100lvh;position:fixed;top:0;left:0;right:0;overflow:hidden}.bg-scene--contained{height:auto;position:absolute;inset:0;container-type:size}.bg-spot{aspect-ratio:1;background:radial-gradient(closest-side, var(--c) 0%, color-mix(in oklab, var(--c) 72%, transparent) 28%, color-mix(in oklab, var(--c) 38%, transparent) 55%, color-mix(in oklab, var(--c) 12%, transparent) 78%, transparent 100%);will-change:transform;border-radius:50%;display:block;position:absolute}.bg-spot--low{--c:var(--bg-2);width:calc(95 * var(--u));left:calc(-42 * var(--u));bottom:calc(-40 * var(--u));opacity:.7;animation:26s ease-in-out infinite alternate bg-breathe-low}.bg-spot--side{--c:var(--bg-3);width:calc(85 * var(--u));right:calc(-40 * var(--u));opacity:.7;animation:19s ease-in-out infinite alternate bg-breathe-side;top:30%}@keyframes bg-breathe-low{to{transform:translate(7%,-5%)scale(1.1)}}@keyframes bg-breathe-side{to{transform:translate(-6%,4%)scale(1.08)}}.bg-sun{--c:color-mix(in oklab, var(--sun-from) var(--sun-mix), var(--sun-to));width:calc(var(--sun-size) * var(--u));left:calc(var(--sun-x) * 1%);top:calc(var(--sun-y) * var(--u));opacity:var(--sun-alpha);will-change:auto;transition:left .8s var(--ease-soft), top .8s var(--ease-soft), width .8s var(--ease-soft), opacity .8s var(--ease-soft);transform:translate(-50%,-50%)}.bg-dither{opacity:var(--dither);background-size:64px 64px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.bg-spot{animation:none}.bg-sun{transition:none}}.btn,.ibtn{font:inherit;letter-spacing:-.01em;text-align:center;cursor:pointer;transition:transform var(--spring-fast-dur) var(--spring-fast), background-color .35s var(--ease-soft), box-shadow .35s var(--ease-soft), opacity .25s var(--ease-soft);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:500;line-height:1.2;display:inline-flex}.btn:active:not(:disabled),.ibtn:active:not(:disabled){transition-duration:.1s,.35s,.35s,.25s;transform:scale(.96)}.btn:focus-visible,.ibtn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:disabled,.ibtn:disabled{cursor:default;opacity:.42}.btn[aria-busy=true]{opacity:.85}.btn--m{min-height:52px;padding:13px 24px;font-size:16px}.btn--s{min-height:40px;padding:9px 16px;font-size:15px}.btn--block{width:100%;display:flex}.btn-label{text-wrap:balance;overflow-wrap:anywhere}.btn--primary{background:var(--ink);color:var(--ink-text);box-shadow:var(--btn-ink-shadow)}.btn--secondary{background:var(--btn-glass);color:var(--text);box-shadow:var(--btn-glass-edge)}.btn--text{min-height:0;color:var(--text-2);background:0 0;padding-inline:8px}.btn{position:relative;overflow:hidden}.btn--done{padding:0}.btn--done.btn--m{width:52px}.btn--done.btn--s{width:40px}.btn--done:disabled{opacity:1;cursor:default}.btn--done>:not(.btn-check){opacity:0}.btn-label,.btn>svg,.btn-spin{transition:opacity .2s var(--ease-soft)}.btn--done .btn-label,.btn[data-morph] .btn-label{white-space:nowrap}.btn-check{place-items:center;display:grid;position:absolute;inset:0}.btn-check path{stroke-dasharray:1;stroke-dashoffset:1px;animation:btn-check-draw .42s .18s var(--ease-soft) forwards}@keyframes btn-check-draw{to{stroke-dashoffset:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ibtn--m{width:48px;height:48px}.ibtn--s{width:38px;height:38px}.ibtn--s svg{width:20px;height:20px}.btn-spin{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn,.ibtn{transition-duration:10ms}.btn:active:not(:disabled),.ibtn:active:not(:disabled){transform:none}.btn-spin{border-top-color:currentColor;animation:1.2s ease-in-out infinite alternate btn-pulse}.btn-check path{stroke-dashoffset:0;animation:none}@keyframes btn-pulse{0%{opacity:.35}}}.bsheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bsheet-scrim{touch-action:none;background:#00000038;position:absolute;inset:0}.bsheet{width:min(100%,560px);max-height:calc(100% - var(--safe-top) - 16px);overscroll-behavior:none;padding:8px 20px calc(var(--safe-bottom) + 20px);border-radius:var(--radius-card) var(--radius-card) 0 0;position:relative;overflow-y:auto}.bsheet.glass{background:color-mix(in srgb, var(--glass) 40%, var(--bg) 60%)}.bsheet-grip{background:var(--text-3);opacity:.6;border-radius:3px;width:38px;height:5px;margin:0 auto 10px;display:block}.bsheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bsheet-title{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:300}.bsheet-body{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.tabbar{left:0;right:0;bottom:calc(var(--safe-bottom) + 12px);z-index:20;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed}.tabbar>*{pointer-events:auto}.tabbar-tabs.glass,.tabbar-add.glass{background:color-mix(in srgb, var(--glass) 60%, var(--bg) 40%)}.tabbar-tabs{--item:min(60px, calc((100cqi - 118px) / 4));--pad:6px;padding:var(--pad);border-radius:999px;display:flex;position:relative}.tabbar-tab{z-index:1;width:var(--item);height:52px;color:var(--text-3);cursor:pointer;transition:color .35s var(--ease-soft);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.tabbar-tab svg{transition:transform var(--spring-fast-dur) var(--spring-fast)}.tabbar-tab:active svg{transition-duration:.1s;transform:scale(.86)}.tabbar-tab[aria-current=page]{color:var(--text)}.tabbar-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tabbar-indicator{top:calc(var(--pad) + 4px);left:calc(var(--pad) + (var(--item) - 44px) / 2);background:var(--well);width:44px;height:44px;box-shadow:var(--well-shadow);transform:translateX(calc(var(--i) * var(--item)));transition:transform var(--spring-fast-dur) var(--spring-fast);border-radius:50%;position:absolute}.tabbar-add{width:64px;height:64px;color:var(--text);cursor:pointer;transition:transform var(--spring-fast-dur) var(--spring-fast);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tabbar-add:active{transition-duration:.1s;transform:scale(.92)}.tabbar-add:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tabbar-label{display:none}.tabbar[data-look=rail]{flex-direction:column;gap:12px;padding:0;inset:50% auto auto 24px;transform:translateY(-50%)}.tabbar[data-look=rail] .tabbar-tabs{--item:68px;border-radius:34px;flex-direction:column}.tabbar[data-look=rail] .tabbar-tab{width:76px;height:var(--item);align-content:center;gap:5px}.tabbar[data-look=rail] .tabbar-label{letter-spacing:.01em;font-size:11px;display:block}.tabbar[data-look=rail] .tabbar-indicator{top:calc(var(--pad) + 4px);left:calc(var(--pad) + 4px);width:68px;height:calc(var(--item) - 8px);transform:translateY(calc(var(--i) * var(--item)));border-radius:24px}@media (prefers-reduced-motion:reduce){.tabbar-indicator,.tabbar-tab svg,.tabbar-add{transition:none}}.field{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.field-label{color:var(--text-2);font-size:13px}.field-box{min-width:0;min-height:58px;transition:box-shadow .3s var(--ease-soft), background-color .3s var(--ease-soft);border-radius:16px;align-items:center;gap:8px;margin-inline:-12px;padding:0 12px;display:flex;position:relative}.field-input{width:100%;min-width:0;font:inherit;letter-spacing:-.035em;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:30px;font-weight:300}.field-input::placeholder{color:var(--text-3)}.field-input--multi{letter-spacing:-.01em;resize:none;field-sizing:content;min-height:3lh;padding-block:14px;font-size:19px;font-weight:400;line-height:1.4}.field-input--num{font-variant-numeric:tabular-nums}.field-time{display:block}.field-time-native{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.field-time-native::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.field-unit{color:var(--text-2);font-size:18px}.field-steps{gap:6px;margin-right:-8px;display:flex}.field-note{color:var(--text-3);margin:0;font-size:13px}.field-note--error{color:var(--danger)}.field[data-disabled]{opacity:.5}.field-group{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid}.field-box:focus-within{background:var(--well);box-shadow:var(--well-shadow)}.field[data-error] .field-label{color:var(--danger)}.field-box+.field-note{margin-top:-2px}.login{z-index:1;max-width:520px;min-height:100dvh;padding:max(16px, var(--safe-top)) 16px calc(var(--safe-bottom) + 20px);grid-template-rows:minmax(0,1fr) auto auto;margin:0 auto;display:grid;position:relative}.pf-screen .login{min-height:100cqh}.login-hero{animation:login-in .94s var(--spring) both;align-self:start;padding:72px 8px 32px}.login-mark{background:radial-gradient(circle at 25% 15%,#2e5a4a,#18302a 55%,#0c1513);border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 14px 30px -12px #00000080,inset 0 1px #ffffff26}.login-mark i{background:linear-gradient(#fff,#e2ece2);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.login-mark svg{fill:none;stroke:#2f4a33;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.login-hero h1{letter-spacing:-.05em;margin:28px 0 0;font-size:56px;font-weight:300;line-height:1}.login-hero p{color:var(--text-2);margin:14px 0 0;font-size:17px;line-height:1.4}.login-card{border-radius:var(--radius-card);animation:login-in .94s var(--spring) 80ms both;gap:10px;padding:22px 20px 16px;display:grid}.login-lead{color:var(--text-2);margin:0 2px 6px;font-size:15px}.login-form{gap:14px;display:grid}.login-form .btn--text{margin-top:-6px}.login-error{color:var(--danger);text-wrap:pretty;margin:2px 2px 0;font-size:14px}.login-foot{text-align:center;color:var(--text-3);margin:16px 0 0;font-size:13px}@keyframes login-in{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.login-hero,.login-card{animation:none}}.gcard{border-radius:var(--radius-card);min-width:0;color:var(--text);text-align:left;font:inherit;border:0;flex-direction:column;align-items:stretch;padding:18px 20px 20px;display:flex}.gcard[data-pressable]{cursor:pointer}.gcard[data-pressable]:focus-visible{box-shadow:var(--glass-inner), var(--glass-shadow), 0 0 0 2px var(--accent);outline:none}.gcard-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.gcard-head-text{flex-direction:column;min-width:0;display:flex}.gcard-title{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:14px;overflow:hidden}.gcard-value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-wrap:balance;overflow-wrap:anywhere;font-size:30px;font-weight:300;line-height:1.08}.gcard-caption{color:var(--text-2);text-wrap:pretty;overflow-wrap:anywhere;margin-top:4px;font-size:14px}.gcard-well{border-radius:var(--radius-well);background:var(--well);box-shadow:var(--well-shadow);margin:16px -8px -8px;padding:14px 14px 12px}.gcard-skel{background:var(--well);border-radius:10px;animation:1.6s ease-in-out infinite alternate gcard-breathe;display:block}.gcard-skel--value{width:58%;height:30px;margin-top:2px}.gcard-skel--caption{border-radius:7px;width:78%;height:14px;margin-top:10px}.gcard-skel--well{border-radius:var(--radius-well);height:96px;box-shadow:var(--well-shadow);margin:18px -8px -8px}@keyframes gcard-breathe{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.gcard-skel{animation:none}}.db{gap:12px;margin-bottom:30px;display:grid}.db-title{letter-spacing:-.03em;margin:0 4px;font-size:22px;font-weight:300}.db-label{color:var(--text-3);margin:10px 4px 0;font-size:13px}.db-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.db-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.sheet{z-index:40;overscroll-behavior:none;position:fixed;inset:0;overflow-y:auto}.sheet.glass{background:color-mix(in srgb, var(--glass) 45%, var(--bg) 55%)}.sheet-inner{max-width:640px;padding-block:calc(var(--safe-top) + 10px) calc(var(--safe-bottom) + 120px);padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.sheet-back{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:2px;margin-left:-8px;padding:8px 10px 8px 4px;font-size:16px;display:inline-flex}.sheet-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet-title{letter-spacing:-.045em;margin:18px 0 0;font-size:44px;font-weight:300;line-height:1}.dc{gap:14px;display:grid}.dc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:12px;display:grid}.dc-group{color:var(--text-2);margin:18px 6px 0;font-size:14px;font-weight:400}.dc-bars{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:92px;display:grid}.dc-bar{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:6px;min-width:0;display:grid}.dc-bar span{background:var(--line);transform-origin:50% 100%;width:100%;max-width:22px;animation:dc-grow var(--spring-dur) var(--spring) both;animation-delay:calc(.12s + var(--i,0) * 55ms);border-radius:8px;align-self:end}@keyframes dc-grow{0%{transform:scaleY(.04)}}.dc-bar[data-today=true] span{background:var(--accent)}.dc-bar small{color:var(--text-3);font-size:11px}.dc-bar[data-today=true] small{color:var(--text)}.dc-sets{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dc-sets li{font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;font-size:17px;display:flex}.dc-set-n{width:14px;color:var(--text-3);font-size:13px}.dc-detail{max-width:46ch;color:var(--text-2);margin:14px 0 0;font-size:17px;line-height:1.45}@media (prefers-reduced-motion:reduce){.dc-bar span{animation:none}}.df{gap:12px;margin-bottom:30px;display:grid}.df-title{letter-spacing:-.03em;margin:0 4px;font-size:22px;font-weight:300}.df-label{color:var(--text-3);margin:10px 4px 0;font-size:13px}.df-form{grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;margin-top:18px;display:grid}.df-actions{justify-content:flex-end;gap:10px;display:flex}.ring{color:var(--text);transition:transform var(--spring-fast-dur) var(--spring-fast);background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}button.ring{cursor:pointer}button.ring:active{transition-duration:.1s;transform:scale(.94)}button.ring:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:4px}.ring-track{stroke:var(--line)}.ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--spring), opacity .3s}.ring-num{font-variant-numeric:tabular-nums;place-items:center;font-size:14px;font-weight:500;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ring,.ring-fill{transition:none}}.cal-strip{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.cal-strip[data-slide=next]{animation:cal-in-next .53s var(--spring-fast)}.cal-strip[data-slide=prev]{animation:cal-in-prev .53s var(--spring-fast)}@keyframes cal-in-next{0%{opacity:0;transform:translate(24px)}}@keyframes cal-in-prev{0%{opacity:0;transform:translate(-24px)}}.cal-strip button{font:inherit;color:var(--text-2);cursor:pointer;transition:background-color .35s var(--ease-soft), color .35s var(--ease-soft), box-shadow .35s var(--ease-soft);background:0 0;border:0;border-radius:16px;justify-items:center;gap:2px;padding:6px 0 7px;display:grid}.cal-strip span{font-size:12px}.cal-strip b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:400}.cal-strip i{gap:3px;height:5px;display:flex}.cal-strip em{background:var(--c);border-radius:50%;width:5px;height:5px}.cal-strip button[data-today] b{color:var(--accent);font-weight:600}.cal-strip button[aria-checked=true]{background:var(--habit-on);box-shadow:var(--habit-on-shadow);color:var(--habit-on-text)}.cal-strip button[aria-checked=true] b{color:var(--habit-on-text)}.cal-strip button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cal-back{margin:10px 0 -6px -10px}.cal-tl{margin:14px 0 6px;position:relative}.cal-hour{height:0;color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px;line-height:0;position:absolute;left:0;right:0}.cal-hour:after{content:"";border-top:1px solid var(--line);position:absolute;top:0;left:52px;right:0}.cal-hour[data-hidden]{color:#0000}.cal-rail-done{background:linear-gradient(to bottom, color-mix(in oklab, var(--accent) 15%, transparent), var(--accent));width:2px;box-shadow:0 0 8px color-mix(in oklab, var(--accent) 60%, transparent);border-radius:1px;position:absolute;top:0;left:47px}.cal-now{z-index:2;border-top:1.5px solid var(--text);pointer-events:none;height:0;position:absolute;left:52px;right:0}.cal-now:before{content:"";background:var(--text);border-radius:50%;width:7px;height:7px;position:absolute;top:-4.5px;left:-4px}.cal-now b{background:var(--ink);color:var(--ink-text);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 4px;font-size:11px;font-weight:500;line-height:16px;position:absolute;top:-8px;left:-52px}.cal-ev{font:inherit;color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(160deg, color-mix(in oklab, var(--c) 28%, transparent), color-mix(in oklab, var(--c) 12%, transparent));box-shadow:inset 3px 0 0 var(--c), var(--ev-rim);border:0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px 10px 16px;display:grid;position:absolute;left:60px;right:0;overflow:hidden}:root,[data-scheme=light]{--ev-rim:inset 0 1px 0 #ffffff80}[data-scheme=dark]{--ev-rim:inset 0 1px 0 #ffffff1a}.cal-ev-text{min-width:0}.cal-ev h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:500;line-height:1.25;overflow:hidden}.cal-ev p{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.cal-ev-icon{width:26px;height:26px;color:var(--text-2);border-radius:50%;place-items:center;margin:-1px -2px 0 0;display:grid}.cal-ev-icon svg{width:18px;height:18px}.cal-ev[data-past] .cal-ev-icon{background:var(--tick-on);color:var(--tick-on-fg)}.cal-ev[data-past] .cal-ev-icon svg{width:15px;height:15px}.cal-ev[data-past] .cal-ev-text{opacity:.7}.cal-ev[data-short]{align-items:center;padding-block:0}.cal-ev[data-short] .cal-ev-text{align-items:baseline;gap:10px;display:flex}.cal-ev[data-short] p{flex:none;margin:0}.cal-ev[data-short] .cal-ev-icon{margin:0 -4px 0 0}.cal-gap{font:inherit;cursor:pointer;background:repeating-linear-gradient(135deg, transparent 0 7px, var(--well) 7px 8px);color:var(--text-3);border:0;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;left:60px;right:0}.cal-gap svg{width:14px;height:14px}.cal-ev:focus-visible,.cal-gap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cal-ev:active,.cal-gap:active{transform:scale(.985)}.cal-ev,.cal-gap{transition:transform var(--spring-fast-dur) var(--spring-fast)}@media (prefers-reduced-motion:reduce){.cal-strip[data-slide]{animation:none}}.gy-list{margin:0;padding:0;list-style:none;display:grid}.gy-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 2px;display:grid}.gy-row+.gy-row{border-top:1px solid var(--line)}.gy-row-text{gap:2px;min-width:0;display:grid}.gy-row-name{overflow-wrap:anywhere;font-size:15px}.gy-row-sub{color:var(--text-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:13px}.gy-row-kg{text-align:right;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:300}.gy-row-kg small{color:var(--text-2);letter-spacing:0;font-size:13px}.gy-chips{scroll-snap-type:x proximity;gap:6px;margin:0 -16px;padding:2px 16px 4px;display:flex;overflow-x:auto}.gy-chips button{background:var(--well);box-shadow:var(--well-shadow);font:inherit;color:var(--text-2);white-space:nowrap;cursor:pointer;scroll-snap-align:start;transition:background-color .3s var(--ease-soft), color .3s var(--ease-soft);border:0;border-radius:999px;flex:none;padding:9px 14px;font-size:14px}.gy-chips button[aria-checked=true]{background:var(--ink);color:var(--ink-text);box-shadow:none}.gy-chips .gy-chip-add{width:40px;color:var(--text);place-items:center;padding:0;display:grid}.gy-chip-add svg{width:20px;height:20px}.gy-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gy-chart{grid-template-rows:150px auto;grid-template-columns:34px minmax(0,1fr);gap:6px 8px;padding-top:8px;display:grid}.gy-chart-y{position:relative}.gy-chart-y span{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;right:0;transform:translateY(-50%)}.gy-chart-plot{position:relative}.gy-chart-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gy-grid{border-top:1px solid var(--line);height:0;position:absolute;left:0;right:0}.gy-area{fill:var(--accent);opacity:.1}.gy-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.gy-cross{border-left:1px solid var(--text-3);width:0;position:absolute;top:0;bottom:0}.gy-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--habit-on);transition:left .5s var(--spring-fast), top .5s var(--spring-fast);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.gy-hits{display:flex;position:absolute;inset:-8px 0}.gy-hits button{cursor:pointer;background:0 0;border:0;flex:1;padding:0}.gy-hits button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.gy-chart-x{color:var(--text-3);grid-column:2;justify-content:space-between;font-size:11px;display:flex}.gy-empty{color:var(--text-2);margin:8px 4px}.gy-chart--bars{grid-template-rows:140px auto}.gy-cols{border-bottom:1px solid var(--line);display:flex;position:absolute;inset:0}.gy-col{cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;position:relative}.gy-col span{background:var(--accent);width:min(20px,100% - 4px);transition:height 1.2s var(--spring), opacity .3s var(--ease-soft);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.gy-col[data-dim] span{opacity:.35}.gy-col:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.gy-chart-x--cols{height:14px;display:block;position:relative}.gy-chart-x--cols span{white-space:nowrap;position:absolute;transform:translate(-50%)}.gy-how{margin-top:12px}.gy-how summary{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 2px;font-size:15px;list-style:none;display:flex}.gy-how summary::-webkit-details-marker{display:none}.gy-how summary:after{content:"";border-right:1.75px solid var(--text-2);border-bottom:1.75px solid var(--text-2);width:8px;height:8px;transition:transform .4s var(--spring-fast);margin-right:6px;transform:rotate(45deg)}.gy-how[open] summary:after{transform:rotate(-135deg)}.gy-how summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.gy-how-muscles{color:var(--text-2);margin:2px 2px 8px;font-size:13px}.gy-how ol{gap:8px;margin:0;padding:0 2px 4px 22px;font-size:15px;line-height:1.45;display:grid}.gy-how li::marker{color:var(--text-3);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.gy-dot{transition:none}}.seg{background:var(--well);max-width:100%;box-shadow:var(--well-shadow);border-radius:999px;justify-self:start;padding:3px;display:inline-flex}.seg button{font:inherit;color:var(--text-2);white-space:nowrap;cursor:pointer;transition:background-color .3s var(--ease-soft), color .3s var(--ease-soft);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:15px}.seg button[aria-checked=true]{background:var(--ink);color:var(--ink-text)}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sl-q{gap:4px;padding-top:8px;display:inline-flex}.sl-q i{background:var(--line);border-radius:50%;width:8px;height:8px}.sl-q i[data-on]{background:var(--accent)}.sl-dial{width:min(232px,100%);margin:6px auto 2px;position:relative}.sl-dial svg{width:100%;height:auto;display:block}.sl-dial-track{fill:none;stroke:var(--well);stroke-width:16px}.sl-minis .sl-dial-track{stroke-width:4px;stroke:var(--line)}.sl-dial-tick{stroke:var(--line);stroke-width:1px}.sl-dial-hour{fill:var(--text-3);text-anchor:middle;dominant-baseline:central;font-size:12px}.sl-dial-arc{fill:none;stroke:var(--accent);stroke-width:16px;stroke-linecap:round}.sl-minis .sl-dial-arc{stroke-width:4px}.sl-dial-end{fill:var(--habit-on);stroke:var(--accent);stroke-width:2px}.sl-dial-center{pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.sl-dial-value{letter-spacing:-.04em;font-size:40px;font-weight:300;line-height:1}.sl-times{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0 0;display:grid}.sl-times dt{color:var(--text-2);font-size:13px}.sl-times dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:17px}.sl-minis{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.sl-mini{font:inherit;color:var(--text-3);cursor:pointer;transition:background-color .3s var(--ease-soft);background:0 0;border:0;border-radius:14px;justify-items:center;gap:4px;padding:6px 0 4px;font-size:12px;display:grid}.sl-mini svg{width:38px;height:38px}.sl-mini[aria-pressed=true]{background:var(--habit-on);color:var(--habit-on-text);box-shadow:var(--habit-on-shadow)}.sl-mini:disabled{cursor:default;opacity:.5}.sl-mini:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sl-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.sl-tile{border-radius:var(--radius-well);background:var(--well);min-width:0;box-shadow:var(--well-shadow);align-content:start;gap:4px;padding:14px 14px 16px;display:grid}.sl-tile span{color:var(--text-2);font-size:13px}.sl-tile b{letter-spacing:-.03em;font-size:22px;font-weight:300;line-height:1.1}.sl-tile small{color:var(--text-3);overflow-wrap:anywhere;font-size:12px}.sl-range{margin:14px 0 12px}.sl-range .seg{display:flex}.sl-range .seg button{flex:1;padding-inline:6px}.sl-chart{grid-template-rows:160px auto;grid-template-columns:30px minmax(0,1fr);gap:6px 8px;padding-top:6px;display:grid}.sl-chart-y{position:relative}.sl-chart-y span{color:var(--text-3);white-space:nowrap;font-size:11px;position:absolute;right:0;transform:translateY(-50%)}.sl-chart-plot{border-bottom:1px solid var(--line);position:relative}.sl-grid{border-top:1px solid var(--line);height:0;position:absolute;left:0;right:0}.sl-grid[data-goal]{border-top-color:color-mix(in oklab, var(--text-3) 70%, transparent)}.sl-cols{display:flex;position:absolute;inset:0}.sl-col{cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;position:relative}.sl-col:disabled{cursor:default}.sl-col span{background:var(--accent);width:min(18px,100% - 2px);transition:height 1.2s var(--spring), opacity .3s var(--ease-soft);border-radius:4px 4px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.sl-chart[data-range="30"] .sl-col span{border-radius:2px 2px 0 0}.sl-col[data-dim] span{opacity:.35}.sl-col:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.sl-chart-plot svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sl-area{fill:var(--accent);opacity:.1}.sl-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.sl-cross{border-left:1px solid var(--text-3);width:0;position:absolute;top:0;bottom:0}.sl-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--habit-on);border-radius:50%;margin:-5px 0 0 -5px;position:absolute}.sl-hits{display:flex;position:absolute;inset:-8px 0}.sl-hits button{cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0}.sl-hits button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sl-chart-x{height:14px;color:var(--text-3);white-space:nowrap;grid-column:2;font-size:11px;position:relative}.sl-chart-x span{position:absolute;transform:translate(-50%)}.sl-chart-x span:first-child{transform:none}.sl-chart-x span:last-child:not(:first-child){transform:translate(-100%)}.sl-chart[data-range="7"] .sl-chart-x{display:flex}.sl-chart[data-range="7"] .sl-chart-x span{text-align:center;flex:1;position:static;transform:none}@media (prefers-reduced-motion:reduce){.sl-col span{transition:none}}.onb{z-index:1;max-width:520px;height:100dvh;padding:max(12px, var(--safe-top)) 22px calc(var(--safe-bottom) + 20px);grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid;position:relative}.pf-screen .onb{height:100cqh}.onb-top{align-items:center;min-height:48px;display:flex}.onb-top .btn[hidden]{display:none}.onb-top .btn{margin-left:-12px}.onb-dots{gap:6px;margin-left:auto;display:flex}.onb-dots i{background:var(--text);opacity:.22;width:7px;height:7px;transition:width var(--spring-dur) var(--spring), opacity .5s var(--ease-soft);border-radius:999px;display:block}.onb-dots i[data-done]{opacity:.5}.onb-dots i[data-on]{opacity:1;width:22px}.onb-track{margin:0 -22px;position:relative;overflow:hidden}.onb-screen{transition:transform var(--spring-dur) var(--spring), opacity .6s var(--ease-soft);padding:40px 22px 24px;position:absolute;inset:0;overflow-y:auto}.onb-screen[data-pos="1"]{opacity:0;transform:translate(100%)}.onb-screen[data-pos="-1"]{opacity:0;transform:translate(-28%)}.onb-title{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:40px;font-weight:300;line-height:1.04}.onb-hint{color:var(--text-2);text-wrap:pretty;margin:12px 0 0}.onb-body{margin-top:32px}.onb-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.onb-option{border-radius:var(--radius-plate);background:var(--habit-off);color:var(--habit-off-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--state-dur) var(--ease-soft), color var(--state-dur) var(--ease-soft), box-shadow var(--state-dur) var(--ease-soft), transform var(--spring-dur) var(--spring);border:0;justify-items:start;gap:2px;padding:10px 10px 12px;display:grid}.onb-option:active{transition-duration:var(--state-dur), var(--state-dur), var(--state-dur), .12s;transform:scale(.975)}.onb-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.onb-option[aria-checked=true]{background:var(--habit-on);color:var(--habit-on-text);box-shadow:var(--habit-on-shadow)}.onb-mini{aspect-ratio:1.3;width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin-bottom:8px;display:flex;overflow:hidden}.onb-mini span{background:radial-gradient(circle at 50% 0%, var(--sun-noon), transparent 70%), radial-gradient(circle at 0% 100%, var(--bg-2), transparent 75%), radial-gradient(circle at 100% 70%, var(--bg-3), transparent 70%), var(--bg);flex:1}.onb-option-name{font-size:15px;font-weight:500}.onb-option-hint{opacity:.6;font-size:12px}.onb-summary{grid-template-columns:72px minmax(0,1fr);gap:14px 12px;margin:0;display:grid}.onb-summary dt{color:var(--text-2)}.onb-summary dd{overflow-wrap:anywhere;margin:0;font-size:17px}@media (prefers-reduced-motion:reduce){.onb-screen,.onb-dots i,.onb-option{transition-duration:10ms!important}.onb-screen[data-pos="1"],.onb-screen[data-pos="-1"]{transform:none}}.habit-wrap{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.habit{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-plate);background:var(--habit-off);min-width:0;min-height:52px;box-shadow:var(--habit-off-shadow);color:var(--habit-off-text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--spring-dur) var(--spring), background-color var(--state-dur) var(--ease-soft), box-shadow var(--state-dur) var(--ease-soft), color var(--state-dur) var(--ease-soft);border:0;flex:1;align-items:center;gap:11px;padding:10px 14px 10px 10px;display:flex}.habit:active:not(:disabled){transition-duration:.12s, var(--state-dur), var(--state-dur), var(--state-dur);transform:scale(.975)}.habit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.habit:disabled{cursor:default}.habit[aria-pressed=true]{background:var(--habit-on);box-shadow:var(--habit-on-shadow);color:var(--habit-on-text)}.habit-name{letter-spacing:-.01em;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:15px;line-height:1.25;display:-webkit-box;overflow:hidden}.habit-tick{width:30px;height:30px;box-shadow:inset 0 0 0 1.5px var(--tick-off);transition:background-color var(--state-dur) var(--ease-soft), box-shadow var(--state-dur) var(--ease-soft);border-radius:50%;flex:none;place-items:center;display:grid}.habit-tick svg{width:16px;height:16px;overflow:visible}.habit-tick path{fill:none;stroke:var(--tick-on-fg);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s cubic-bezier(.3,.7,.2,1)}.habit[aria-pressed=true] .habit-tick{background:var(--tick-on);box-shadow:inset 0 0 0 1.5px #0000}.habit[aria-pressed=true] .habit-tick path{stroke-dashoffset:0}.habit-remove{background:var(--btn-glass);width:38px;height:38px;box-shadow:var(--btn-glass-edge);color:var(--danger);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.habit-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-scheme=light]{--capsule-shadow:inset 0 1px 3px #1e211f14, inset 0 0 0 1px #fff6, 0 0 0 0 #fff0;--capsule-full-shadow:inset 0 1px 3px #1e211f00, inset 0 0 0 1px #ffffffbf, 0 0 30px 4px #ffffffb3;--capsule-bloom:inset 0 1px 3px #1e211f00, inset 0 0 0 1px #fff, 0 0 50px 16px #fff;--capsule-sheen:linear-gradient(90deg, transparent 10%, #ffffff52 20%, transparent 36%)}[data-scheme=dark]{--capsule-shadow:inset 0 1px 3px #0000004d, inset 0 0 0 1px #ffffff12, 0 0 0 0 transparent;--capsule-full-shadow:inset 0 1px 3px #0000, inset 0 0 0 1px #ffffff59, 0 0 34px 4px color-mix(in oklab, var(--accent) 35%, transparent);--capsule-bloom:inset 0 1px 3px #0000, inset 0 0 0 1px #ffffffe6, 0 0 56px 16px color-mix(in oklab, var(--accent) 65%, transparent);--capsule-sheen:linear-gradient(90deg, transparent 10%, #ffffff24 20%, transparent 36%)}.cap-wrap{grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:8px;min-height:0;display:grid}.capsule{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;isolation:isolate;background:var(--capsule-track);width:100%;height:100%;min-height:176px;box-shadow:var(--capsule-shadow);font:inherit;cursor:pointer;transition:transform var(--spring-dur) var(--spring), box-shadow var(--state-dur) var(--ease-soft);border:0;border-radius:999px;padding:0;position:relative;overflow:hidden}.capsule:active:not(:disabled){transition-duration:.12s, var(--state-dur);transform:scale(.97)}.capsule:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.capsule:disabled{cursor:default}.capsule[data-full]{box-shadow:var(--capsule-full-shadow)}.capsule:after{content:"";z-index:2;border-radius:inherit;background:var(--capsule-sheen);pointer-events:none;position:absolute;inset:0}.cap-content{color:var(--text);text-align:center;flex-direction:column;align-items:center;padding:24px 6px 16px;display:flex;position:absolute;inset:0}.cap-name{opacity:.72;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.cap-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:30px;font-weight:300;line-height:1}.cap-goal{opacity:.7;white-space:nowrap;margin-top:4px;font-size:12px}.cap-chip{white-space:nowrap;border-radius:999px;margin-top:auto;padding:5px 9px;font-size:12px;font-weight:500;box-shadow:inset 0 0 0 1px}.liquid{z-index:1;transition:transform 1.4s var(--spring);will-change:transform;position:absolute;inset:0}.liquid--back{z-index:auto}@property --wave-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --wave-h{syntax:"<length>";inherits:false;initial-value:7px}.liquid-body{--band:12px;--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 10' preserveAspectRatio='none'%3E%3Cpath d='M0 5Q12.5 0 25 5T50 5V10H0Z'/%3E%3C/svg%3E");inset:calc(-1 * var(--band)) 0 0;background:linear-gradient(to bottom, var(--liquid-top) var(--band), var(--liquid-bottom) 182px);-webkit-mask:var(--wave) var(--wave-x) calc(var(--band) - var(--wave-h)) / 50% var(--wave-h) repeat-x, linear-gradient(#000 0 0) 0 calc(var(--band) - .5px) / 100% 100% no-repeat;-webkit-mask:var(--wave) var(--wave-x) calc(var(--band) - var(--wave-h)) / 50% var(--wave-h) repeat-x, linear-gradient(#000 0 0) 0 calc(var(--band) - .5px) / 100% 100% no-repeat;mask:var(--wave) var(--wave-x) calc(var(--band) - var(--wave-h)) / 50% var(--wave-h) repeat-x, linear-gradient(#000 0 0) 0 calc(var(--band) - .5px) / 100% 100% no-repeat;animation:5s linear infinite cap-crest;position:absolute;overflow:hidden}.liquid-body .cap-content{inset:var(--band) 0 0;color:var(--liquid-text);transition:transform 1.4s var(--spring);will-change:transform}@keyframes cap-crest{to{--wave-x:-100%}}.wave{transform-origin:50% 100%;height:7px;position:absolute;bottom:calc(100% - 1px);left:0;right:0;overflow:hidden}.wave svg{width:200%;height:100%;fill:var(--liquid-top);opacity:.45;animation:8.5s linear infinite reverse cap-drift;display:block}@keyframes cap-drift{to{transform:translate(-50%)}}.cap-x{color:var(--danger);font-size:20px;line-height:1}@media (prefers-reduced-motion:reduce){.habit,.habit-tick,.habit-tick path,.capsule,.liquid,.liquid-body .cap-content{transition-duration:10ms!important}.habit:active:not(:disabled),.capsule:active:not(:disabled){transform:none}.wave svg,.liquid-body{animation:none}}.plans{gap:2px;margin:0;padding:0;list-style:none;display:grid}.plan{align-items:center;gap:12px;min-height:44px;display:flex}.plan-check{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--tick-off);cursor:pointer;transition:background-color var(--state-dur) var(--ease-soft), box-shadow var(--state-dur) var(--ease-soft), transform var(--spring-fast-dur) var(--spring-fast);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.plan-check:active{transition-duration:var(--state-dur), var(--state-dur), .1s;transform:scale(.88)}.plan-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plan-check svg{width:15px;height:15px;overflow:visible}.plan-check path{fill:none;stroke:var(--tick-on-fg);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s cubic-bezier(.3,.7,.2,1)}.plan-check[aria-pressed=true]{background:var(--tick-on);box-shadow:inset 0 0 0 1.5px #0000}.plan-check[aria-pressed=true] path{stroke-dashoffset:0}.plan-time{color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.plan-title{overflow-wrap:anywhere;min-width:0;transition:color var(--state-dur) var(--ease-soft);flex:1;font-size:16px;line-height:1.3}.plan[data-done] .plan-title{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--tick-off);text-decoration-color:var(--tick-off)}.plan[data-done] .plan-time{color:var(--text-3)}.plan-remove{background:var(--btn-glass);width:32px;height:32px;box-shadow:var(--btn-glass-edge);color:var(--danger);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.plan-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.plan-add{margin-top:14px}.plan-form{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px;display:grid}.plan-form-actions{justify-content:flex-end;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.plan-check,.plan-check path,.plan-title{transition:none}}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.week-day{color:var(--text-3);font:inherit;cursor:pointer;transition:transform var(--spring-fast-dur) var(--spring-fast);background:0 0;border:0;border-radius:16px;justify-items:center;gap:6px;padding:4px 0;display:grid}.week-day:active:not(:disabled){transition-duration:.1s;transform:scale(.92)}.week-day:disabled{cursor:default}.week-day:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.week-dot{width:40px;height:40px;transition:background-color .5s var(--ease-soft), box-shadow .5s var(--ease-soft);border-radius:50%;place-items:center;display:grid;position:relative}.week-dot>svg:first-child{position:absolute;inset:0;transform:rotate(-90deg)}.week-track{fill:none;stroke:var(--tick-off);stroke-width:1.5px}.week-arc{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--spring)}.week-check{width:16px;height:16px;position:relative}.week-check path{fill:none;stroke:var(--habit-on-text);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.week-name{font-size:12px}.week-day[data-state=empty] .week-track{stroke-dasharray:3 4}.week-day[data-state=future] .week-dot{opacity:.45}.week-day[data-state=full] .week-dot{background:var(--habit-on);box-shadow:var(--habit-on-shadow)}.week-day[data-state=full] .week-track{stroke:#0000}.week-day[data-today] .week-name{color:var(--text);font-weight:500}.week-day[aria-pressed=true] .week-dot{outline:1.5px solid var(--text);outline-offset:3px}@media (prefers-reduced-motion:reduce){.week-day,.week-arc,.week-dot{transition:none}}.sheet-form{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.sheet-field{gap:8px;min-width:0;display:grid}.sheet-label{color:var(--text-2);font-size:13px}.sheet-note{color:var(--text-2);margin:0;font-size:14px}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.sheet-actions--start{justify-content:flex-start}.qa{gap:8px;display:grid}.qa-row{border-radius:var(--radius-plate);background:var(--btn-glass);min-height:64px;box-shadow:var(--btn-glass-edge);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--spring-fast-dur) var(--spring-fast);border:0;align-items:center;gap:14px;padding:10px 14px;display:flex}.qa-row:active{transition-duration:.1s;transform:scale(.98)}.qa-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qa-icon{background:var(--ink);width:40px;height:40px;color:var(--ink-text);border-radius:50%;flex:none;place-items:center;display:grid}.qa-icon--liquid{background:linear-gradient(to bottom, var(--liquid-top), var(--liquid-bottom));color:var(--liquid-text)}.qa-text{gap:2px;min-width:0;display:grid}.qa-text b{letter-spacing:-.01em;font-size:17px;font-weight:500}.qa-text small{color:var(--text-2);font-size:13px}.swatches{justify-content:space-between;gap:4px;display:flex}.swatch{min-width:52px;color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:6px;padding:4px 0 2px;display:grid}.swatch-dot{background:radial-gradient(circle at 50% 0%, var(--sun-noon), transparent 62%), radial-gradient(circle at 10% 95%, var(--bg-2), transparent 70%), radial-gradient(circle at 95% 60%, var(--bg-3), transparent 70%), var(--bg);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);outline-offset:3px;transition:outline-color .3s var(--ease-soft), transform var(--spring-fast-dur) var(--spring-fast);border-radius:50%;outline:2px solid #0000}.swatch-name{font-size:12px}.swatch[aria-checked=true]{color:var(--text)}.swatch[aria-checked=true] .swatch-dot{outline-color:var(--ink)}.swatch:active .swatch-dot{transform:scale(.92)}.swatch:focus-visible{outline:none}.swatch:focus-visible .swatch-dot{outline-color:var(--accent)}.ap-time{align-items:center;gap:10px;min-width:0;display:flex}.ap-time input{min-width:0;accent-color:var(--accent);flex:1}.ap-time output{font-variant-numeric:tabular-nums;min-width:40px;font-size:15px}.month{gap:12px;margin-top:22px;display:grid}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.month-dow{color:var(--text-3);text-align:center;font-size:11px}.month-cell{aspect-ratio:1;background:color-mix(in oklab, var(--accent) calc(var(--f) * 100%), var(--line));opacity:calc(.35 + var(--f) * .65);border-radius:8px}.month-cell[data-future]{box-shadow:inset 0 0 0 1px var(--line);opacity:.6;background:0 0}.month-cell[data-today]{outline:1.5px solid var(--text);outline-offset:2px}.month-habits{gap:12px;margin:0;padding:0;list-style:none;display:grid}.month-habits li{grid-template-columns:minmax(0,1fr) 90px 28px;align-items:center;gap:12px;display:grid}.month-habit-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.month-bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.month-bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.month-habit-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:15px}.ex-pick{gap:18px;display:grid}.ex-pick .sheet-note{margin:0}.ex-group h3{color:var(--text-2);margin:0 0 6px;font-size:13px;font-weight:500}.ex-group ul{border-radius:var(--radius-well);background:var(--well);box-shadow:var(--well-shadow);margin:0;padding:4px;list-style:none;display:grid}.ex-group li+li{border-top:1px solid var(--line)}.ex-row{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.ex-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:14px}.ex-mark{width:32px;height:32px;box-shadow:inset 0 0 0 1.5px var(--tick-off);color:var(--text-2);transition:background-color var(--state-dur) var(--ease-soft);border-radius:50%;place-items:center;display:grid}.ex-mark svg{width:18px;height:18px}.ex-mark[data-on]{background:var(--tick-on);box-shadow:none;color:var(--tick-on-fg)}.ex-mark path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ex-text{gap:1px;min-width:0;display:grid}.ex-name{font-size:15px}.ex-muscles{color:var(--text-2);overflow-wrap:anywhere;font-size:13px}.ex-detail{justify-items:start;gap:12px;padding:0 10px 14px 54px;display:grid}.ex-detail ol{color:var(--text);gap:6px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.hs{gap:12px;margin-top:10px;display:grid}.hs-kind{color:var(--text-2);text-wrap:pretty;margin:0 2px 6px}.hs-delta{background:var(--habit-on);box-shadow:var(--habit-on-shadow);color:var(--habit-on-text);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:5px 10px;font-size:13px;font-weight:500}.hs-delta[data-down]{background:var(--well);box-shadow:var(--well-shadow);color:var(--text-2)}.hs-weeks{grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;padding:4px 2px 0;display:grid}.hs-week{flex-direction:column-reverse;gap:4px;display:flex}.hs-week i{aspect-ratio:1;background:var(--line);border-radius:4px}.hs-week i[data-on]{background:var(--ink)}.hs-week i[data-off]{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.hs-weeks-x{color:var(--text-3);justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.hs-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.hs-tile{border-radius:var(--radius-well);background:var(--well);min-width:0;box-shadow:var(--well-shadow);align-content:start;gap:3px;padding:14px 14px 16px;display:grid}.hs-tile span{color:var(--text-2);font-size:13px}.hs-tile b{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:22px;font-weight:300;line-height:1.15}.hs-tile small{color:var(--text-3);font-size:12px}.month-habit-btn{display:contents}.month-habits button{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 90px 28px auto;align-items:center;gap:12px;padding:0;display:grid}.month-habits button:after{content:"";border-right:1.75px solid var(--text-3);border-top:1.75px solid var(--text-3);width:7px;height:7px;margin-right:4px;transform:rotate(45deg)}.month-habits button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.set-form{gap:16px;display:grid}.set-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.set-list li{border-radius:var(--radius-plate);background:var(--habit-on);min-height:48px;box-shadow:var(--habit-on-shadow);color:var(--habit-on-text);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 6px 0 12px;display:grid}.set-n{background:var(--tick-on);width:24px;height:24px;color:var(--tick-on-fg);border-radius:50%;place-items:center;font-size:12px;font-weight:500;display:grid}.set-v{font-variant-numeric:tabular-nums;font-size:17px}.set-x{width:36px;height:36px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.set-x svg{width:18px;height:18px}.set-x:focus-visible{outline:2px solid var(--accent)}.ex-own{border-radius:var(--radius-well);background:var(--well);box-shadow:var(--well-shadow);gap:12px;padding:16px;display:grid}.ex-own h3{color:var(--text-2);margin:0;font-size:13px;font-weight:500}.ex-own .seg{display:flex}.ex-own .seg button{flex:1}.ex-row--own{grid-template-columns:32px minmax(0,1fr) auto}.sl-form-times{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sl-form-total{color:var(--text-2);margin:-4px 2px 0;font-size:15px}.sl-form-q{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sl-form-q button{border-radius:var(--radius-plate);background:var(--habit-off);height:48px;color:var(--habit-off-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--state-dur) var(--ease-soft), color var(--state-dur) var(--ease-soft), box-shadow var(--state-dur) var(--ease-soft);border:0;font-size:18px}.sl-form-q button[aria-checked=true]{background:var(--habit-on);color:var(--habit-on-text);box-shadow:var(--habit-on-shadow)}.sl-form-q button:focus-visible,.ev-kinds button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ev-kinds{flex-wrap:wrap;gap:6px;display:flex}.ev-kinds button{background:color-mix(in oklab, var(--c) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 30%, transparent);font:inherit;color:var(--text);cursor:pointer;transition:background-color .3s var(--ease-soft), box-shadow .3s var(--ease-soft);border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 12px 8px 10px;font-size:14px;display:inline-flex}.ev-kinds svg{width:18px;height:18px;color:var(--text-2)}.ev-kinds button[aria-checked=true]{background:color-mix(in oklab, var(--c) 42%, transparent);box-shadow:inset 0 0 0 1.5px var(--c);font-weight:500}.ev-repeat{flex-wrap:wrap;gap:6px;display:flex}.ev-repeat button{background:var(--well);box-shadow:var(--well-shadow);font:inherit;color:var(--text-2);cursor:pointer;transition:background-color .3s var(--ease-soft), color .3s var(--ease-soft);border:0;border-radius:999px;padding:8px 12px;font-size:14px}.ev-repeat button[aria-checked=true]{background:var(--ink);color:var(--ink-text);box-shadow:none}.ev-repeat button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ev-delete{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:8px;padding-top:4px;display:flex}.ev-delete .btn{margin-top:12px}.today{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.today-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 4px 10px;display:flex}.today-head-text{min-width:0}.today-head h1{letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:40px;font-weight:300;line-height:1.02}.today-head p{color:var(--text-2);margin:8px 0 0}.today-back{margin:-4px 0 2px}.today-cols{align-items:start;gap:16px;display:grid}.today-col{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.today[data-layout=split] .today-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.today[data-layout=split] .today-head h1{font-size:48px}.today-col .month-grid{grid-auto-rows:auto}.today-col .month-cell{aspect-ratio:auto;height:30px}.habits{gap:10px;margin-top:14px;display:grid}.habits[data-layout=side]{grid-template-columns:minmax(0,1fr) 96px;align-items:stretch}.habits-checks{align-content:start;gap:8px;display:grid}.habits-amounts{gap:10px;display:grid}.habits[data-layout=stack] .habits-amounts{grid-template-columns:repeat(auto-fill,96px);justify-content:start}.habits-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.app{z-index:1;max-width:520px;padding-block:max(8px, var(--safe-top)) calc(var(--safe-bottom) + 112px);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto;position:relative}.app[data-wide]{max-width:1316px;padding-bottom:48px;padding-left:136px;padding-right:40px}.screen{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.screen-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 4px 10px;display:flex}.screen-head-text{min-width:0}.screen-head h1{letter-spacing:-.045em;margin:0;font-size:40px;font-weight:300;line-height:1.02}.screen-head p{color:var(--text-2);margin:8px 0 0}.screen-back{margin:0 0 6px -8px}.pf-stage{justify-items:center;min-height:100vh;padding-block:72px 20px;display:grid}.pf-device{background:#0a0b0b;border-radius:64px;width:414px;height:868px;padding:12px;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #00000040,0 40px 80px -30px #0000008c}.pf-screen{isolation:isolate;contain:layout paint;background:var(--bg);--safe-top:54px;--safe-bottom:34px;border-radius:52px;width:390px;height:844px;position:relative;overflow:clip;container-type:size}.pf-screen .bg-scene{height:auto;bottom:0}.pf-scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow-y:auto}.pf-scroll::-webkit-scrollbar{display:none}.pf-status{z-index:60;letter-spacing:-.01em;height:54px;color:var(--text);pointer-events:none;justify-content:space-between;align-items:center;padding:6px 30px 0 46px;font-size:16px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.pf-island{background:#000;border-radius:20px;width:124px;height:36px;margin-left:-62px;position:absolute;top:11px;left:50%}.pf-battery{opacity:.9;border-radius:4px;width:25px;height:12px;position:relative;box-shadow:inset 0 0 0 1px}.pf-battery:after{content:"";background:currentColor;border-radius:2px;position:absolute;inset:2px 6px 2px 2px}.pf-home{z-index:60;background:var(--text);opacity:.8;pointer-events:none;border-radius:3px;width:136px;height:5px;margin-left:-68px;position:absolute;bottom:8px;left:50%}.shell-bar{z-index:100;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line), 0 10px 30px -16px #00000059;border-radius:999px;align-items:center;gap:8px;padding:4px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.shell-seg{display:inline-flex}.shell-seg button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 13px;font-size:14px}.shell-seg button[aria-checked=true]{background:var(--ink);color:var(--ink-text)}.shell-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell-desktop{--safe-top:64px}.ob-page{min-height:100vh;padding-block:max(20px, env(safe-area-inset-top,0px)) max(32px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.ob-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;max-width:860px;margin:0 auto 24px;display:flex}.ob-page-head h1{letter-spacing:-.04em;margin:0;font-size:34px;font-weight:300;line-height:1.05}.ob-page-head p{max-width:52ch;color:var(--text-2);text-wrap:pretty;margin:8px 0 0}.ob-switch{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:3px;display:none}.ob-switch button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px}.ob-switch button[aria-checked=true]{background:var(--ink);color:var(--ink-text)}.ob-frames{justify-content:center;gap:40px;display:flex}.ob-figure{justify-items:center;gap:12px;margin:0;display:grid}.ob-figure figcaption{color:var(--text-2);font-size:15px}.ob-frame{isolation:isolate;background:var(--bg);width:390px;height:800px;color:var(--text);box-shadow:0 0 0 1px var(--line), 0 30px 60px -30px #00000059;border-radius:44px;position:relative;overflow:hidden}.ob-frame-inner{z-index:1;height:100%;position:relative}.ob-restart{box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:14px}@media (width<=899px){.ob-switch{display:inline-flex}.ob-frames{display:block}.ob-page[data-shown=a] .ob-figure[data-variant=b],.ob-page[data-shown=b] .ob-figure[data-variant=a]{display:none}.ob-figure{justify-items:stretch}.ob-figure figcaption{display:none}.ob-frame{border-radius:32px;width:100%;height:max(600px,100svh - 190px)}.ob-restart{justify-self:center}}.ob-frame[data-scheme=light]{--ob-field:#1e211f0f;--ob-edge:#1e211f14;--ob-tile:#fff6;--ob-tile-on:#fffffff0;--ob-tile-on-text:#1e211f}.ob-frame[data-scheme=dark]{--ob-field:#00000042;--ob-edge:#ffffff12;--ob-tile:#ffffff0f;--ob-tile-on:#ecf2eeeb;--ob-tile-on-text:#131614}.ob-title{letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:32px;font-weight:300;line-height:1.05}.ob-hint{color:var(--text-2);text-wrap:pretty;margin:10px 0 0;font-size:15px}.ob-body{margin-top:28px}.ob-input{background:var(--ob-field);width:100%;height:56px;box-shadow:inset 0 0 0 1px var(--ob-edge);color:var(--text);transition:box-shadow .3s var(--ease-soft);border:0;border-radius:18px;outline:none;padding:0 18px;font-size:18px}.ob-input::placeholder{color:var(--text-3)}.ob-input:focus{box-shadow:inset 0 0 0 1.5px var(--accent)}.ob-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ob-option{background:var(--ob-tile);box-shadow:inset 0 0 0 1px var(--ob-edge);text-align:left;cursor:pointer;transition:background-color .5s var(--ease-soft), color .5s var(--ease-soft), box-shadow .5s var(--ease-soft), transform var(--spring-dur) var(--spring);border:0;border-radius:20px;justify-items:start;gap:2px;padding:10px 10px 12px;display:grid}.ob-option:active{transition-duration:.5s,.5s,.5s,.12s;transform:scale(.97)}.ob-option[aria-checked=true]{background:var(--ob-tile-on);color:var(--ob-tile-on-text);box-shadow:inset 0 1px #fff,0 10px 24px -12px #00000059}.ob-mini{aspect-ratio:1.3;width:100%;box-shadow:inset 0 0 0 1px var(--ob-edge);border-radius:12px;margin-bottom:8px;display:flex;overflow:hidden}.ob-mini span,.ob-swatch-dot{background:radial-gradient(circle at 50% 0%, var(--sun-noon), transparent 70%), radial-gradient(circle at 0% 100%, var(--bg-2), transparent 75%), radial-gradient(circle at 100% 70%, var(--bg-3), transparent 70%), var(--bg);flex:1}.ob-option-name{font-size:15px;font-weight:500}.ob-option-hint{opacity:.6;font-size:12px}.ob-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.ob-swatch{color:var(--text-2);cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:6px 0;font-size:12px;display:grid}.ob-swatch-dot{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line);outline-offset:3px;transition:outline-color .4s var(--ease-soft), transform var(--spring-dur) var(--spring);border-radius:50%;outline:2px solid #0000}.ob-swatch:active .ob-swatch-dot{transition-duration:.4s,.12s;transform:scale(.92)}.ob-swatch[aria-checked=true]{color:var(--text)}.ob-swatch[aria-checked=true] .ob-swatch-dot{outline-color:var(--ink)}.ob-summary{grid-template-columns:72px minmax(0,1fr);gap:12px;margin:0;display:grid}.ob-summary dt{color:var(--text-2)}.ob-summary dd{overflow-wrap:anywhere;margin:0;font-size:17px}.ob-primary{background:var(--ink);height:54px;color:var(--ink-text);letter-spacing:-.01em;cursor:pointer;transition:transform var(--spring-dur) var(--spring);border:0;border-radius:999px;padding:0 28px;font-size:16px;font-weight:500}.ob-primary:active{transition-duration:.12s;transform:scale(.975)}.ob-ghost{color:var(--text-2);cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:15px}.ob-ghost[hidden]{display:none}.ob-primary:focus-visible,.ob-ghost:focus-visible,.ob-option:focus-visible,.ob-restart:focus-visible,.ob-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ob-swatch:focus-visible{outline:none}.ob-swatch:focus-visible .ob-swatch-dot{outline-color:var(--accent)}.ob-finish{z-index:10;animation:ob-fade .9s var(--ease-soft) both;align-content:start;justify-items:start;gap:8px;padding:96px 24px;display:grid;position:absolute;inset:0}.ob-finish h2{letter-spacing:-.045em;margin:0;font-size:44px;font-weight:300;line-height:1}.ob-finish p{color:var(--text-2);margin:0 0 12px}@keyframes ob-fade{0%{opacity:0;transform:translateY(12px)}}.ob-a{grid-template-rows:auto minmax(0,1fr) auto;height:100%;padding:18px 22px 26px;display:grid;position:relative}.ob-a-top{align-items:center;min-height:44px;display:flex}.ob-dots{gap:6px;margin-left:auto;display:flex}.ob-dots i{background:var(--text);opacity:.22;width:7px;height:7px;transition:width var(--spring-dur) var(--spring), opacity .5s var(--ease-soft);border-radius:999px;display:block}.ob-dots i[data-done=true]{opacity:.5}.ob-dots i[data-on=true]{opacity:1;width:22px}.ob-a-track{margin:0 -22px;position:relative;overflow:hidden}.ob-a-screen{transition:transform var(--spring-dur) var(--spring), opacity .6s var(--ease-soft);padding:44px 22px 0;position:absolute;inset:0}.ob-a-screen[data-pos="1"]{opacity:0;transform:translate(100%)}.ob-a-screen[data-pos="-1"]{opacity:0;transform:translate(-28%)}.ob-a .ob-title{font-size:40px}.ob-a-bottom .ob-primary{width:100%}.ob-a[data-finished=true]>:not(.ob-finish){opacity:0;pointer-events:none;transition:opacity .5s var(--ease-soft)}.ob-b{grid-template-rows:auto minmax(0,1fr);height:100%;padding:18px 14px;display:grid;position:relative}.ob-b-intro{transition:opacity .5s var(--ease-soft);padding:44px 8px 0}.ob-b-intro h2{letter-spacing:-.045em;margin:0;font-size:40px;font-weight:300;line-height:1}.ob-b-intro p{color:var(--text-2);margin:10px 0 0}.ob-b[data-finished=true] .ob-b-intro{opacity:0}.ob-stack{align-self:end;padding-top:32px;display:grid}.ob-card{border-radius:var(--radius-card);transform-origin:50% 0;clip-path:inset(-60px);transition:transform var(--spring-dur) var(--spring), clip-path var(--spring-dur) var(--spring), opacity .6s var(--ease-soft), visibility 0s linear 0s;flex-direction:column;grid-area:1/1;padding:22px 20px 20px;display:flex}.glass.ob-card--ghost{-webkit-backdrop-filter:none;backdrop-filter:none}.ob-card[data-place=front]{z-index:5}.ob-card[data-place=back1]{z-index:4;clip-path:inset(-60px -60px calc(100% - 40px));transform:translateY(-14px)scale(.94)}.ob-card[data-place=back2]{z-index:3;clip-path:inset(-60px -60px calc(100% - 18px));opacity:.6;transform:translateY(-26px)scale(.88)}.ob-card[data-place=hidden]{z-index:2;clip-path:inset(-60px -60px calc(100% - 18px));opacity:0;transform:translateY(-26px)scale(.88)}.ob-card[data-place=gone]{z-index:6;opacity:0;visibility:hidden;transition:transform var(--spring-dur) var(--spring), opacity .45s var(--ease-soft), visibility 0s linear var(--spring-dur);transform:translateY(-60%)scale(.96)}.ob-card-content{transition:opacity .45s var(--ease-soft);flex-direction:column;flex:1;display:flex}.ob-card:not([data-place=front]) .ob-card-content{opacity:0}.ob-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:13px}.ob-card-actions{align-items:center;margin-top:auto;padding-top:28px;display:flex}.ob-card-actions .ob-primary{margin-left:auto}@media (prefers-reduced-motion:reduce){.ob-a-screen,.ob-card,.ob-card-content,.ob-dots i,.ob-option,.ob-primary,.ob-swatch-dot{transition-duration:10ms!important}.ob-a-screen[data-pos="1"],.ob-a-screen[data-pos="-1"],.ob-card[data-place=gone]{transform:none}.ob-finish{animation:none}}