:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, ui-sans-serif, sans-serif;font-family:var(--font-body);--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--bg:#14161d;--bg-elevated:#1d212c;--bg-elevated-2:#262b3a;--bg-elevated-3:#2f3547;--ink:#eef0f6;--ink-muted:#9aa1b5;--ink-faint:#6b7185;--hairline:#292e3e;--hairline-strong:#3a4058;--accent:#8b93f0;--accent-strong:#a6acf5;--accent-ink:#14161f;--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--danger:#e2777a;--danger-ink:#e2a9a9;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 10px 28px -10px #00000080;--shadow-lg:0 24px 56px -16px #0009;--bucket-empty-bg:var(--bg-elevated-2);--bucket-empty-ink:var(--ink-muted);--bucket-red-bg:#3b4066;--bucket-red-ink:var(--ink);--bucket-orange-bg:#4f5790;--bucket-orange-ink:var(--ink);--bucket-yellow-bg:#6871b5;--bucket-yellow-ink:var(--ink);--bucket-green-bg:#8b93f0;--bucket-green-ink:var(--accent-ink)}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5fb;--bg-elevated:#fff;--bg-elevated-2:#edeaf8;--bg-elevated-3:#e2ddf2;--ink:#1c1f2e;--ink-muted:#585f74;--ink-faint:#8d93a8;--hairline:#e3e0f1;--hairline-strong:#d0cceb;--accent:#5158c7;--accent-strong:#4247a8;--accent-ink:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--danger:#a23b3b;--danger-ink:#a23b3b;--shadow-sm:0 1px 2px #1e143c0f;--shadow-md:0 10px 28px -10px #1e143c29;--shadow-lg:0 24px 56px -16px #1e143c38;--bucket-empty-bg:var(--bg-elevated-2);--bucket-empty-ink:var(--ink-muted);--bucket-red-bg:#d8d5f0;--bucket-red-ink:var(--ink);--bucket-orange-bg:#b7b2e6;--bucket-orange-ink:var(--ink);--bucket-yellow-bg:#8f8ada;--bucket-yellow-ink:#fff;--bucket-green-bg:#5158c7;--bucket-green-ink:#fff}}*{-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}}body{background:var(--bg);color:var(--ink);font-size:var(--text-base);line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}button{border-radius:var(--radius-md);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);border:0;padding:.7rem 1.15rem}button:hover:not(:disabled){background:var(--accent-strong)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}h2{font-size:var(--text-xl)}h3{font-size:var(--text-md)}p{margin:0}main{place-content:center;gap:var(--space-4);min-block-size:100dvb;padding:env(safe-area-inset-top) var(--space-6) env(safe-area-inset-bottom);text-align:center;background:radial-gradient(ellipse 60% 45% at 50% 18%, color-mix(in srgb, var(--accent) 10%, transparent), transparent);display:grid}main h1{font-size:var(--text-2xl);font-weight:700}main h1:before{content:"";block-size:.65rem;inline-size:.65rem;margin:0 auto var(--space-4);background:var(--accent);box-shadow:0 0 1.1rem .1rem color-mix(in srgb, var(--accent) 65%, transparent);border-radius:50%;display:block}main p{color:var(--ink-muted)}.screen{gap:var(--space-5);min-block-size:100dvb;padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-4) 6.5rem;text-align:left;flex-direction:column;display:flex}.tabbar{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-2));background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-start:1px solid var(--hairline);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tabbar-link{color:var(--ink-faint);border-radius:var(--radius-md);font-weight:500;font-size:var(--text-2xs);letter-spacing:.01em;background:0 0;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:.2rem;padding:.4rem;display:flex}.tabbar-link:hover:not(:disabled){color:var(--ink-muted);background:0 0}.tabbar-icon{block-size:1.3rem;inline-size:1.3rem;transition:transform var(--dur-base) var(--ease-out)}.tabbar-link[aria-current=true]{color:var(--accent)}.tabbar-link[aria-current=true] .tabbar-icon{transform:translateY(-1px)scale(1.05)}.account-menu{flex:none;margin-inline-start:auto;position:relative}.account-menu .account-trigger{align-items:center;gap:var(--space-2);background:0 0;border-radius:50%;flex:none;padding:0;display:inline-flex}.account-avatar{background:var(--bg-elevated-2);block-size:2.25rem;inline-size:2.25rem;color:var(--ink-muted);border:1px solid var(--hairline);font-family:var(--font-display);font-size:var(--text-xs);border-radius:50%;flex:none;place-content:center;font-weight:600;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.account-name{display:none}.account-menu-popover{z-index:2;min-inline-size:12rem;padding:var(--space-2);background:var(--bg-elevated-2);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset-block-end:calc(100% + var(--space-2));inset-inline-end:0}.account-menu-header{padding:var(--space-2) var(--space-3) var(--space-2)}.account-menu-name{font-size:var(--text-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.account-menu-email{font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;overflow:hidden}.account-menu-divider{block-size:1px;margin:var(--space-1) .15rem;background:var(--hairline)}.account-menu .account-menu-item{color:var(--ink);text-align:left;padding:.6rem var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);background:0 0;font-weight:500}.account-menu-item:hover:not(:disabled){background:var(--bg-elevated-3)}.today-header{align-items:center;gap:var(--space-4);display:flex}.today-manage-habits{border-radius:var(--radius-full);block-size:2.25rem;inline-size:2.25rem;color:var(--ink-muted);background:0 0;flex-shrink:0;place-content:center;margin-left:auto;padding:0;display:grid}.today-manage-habits:hover:not(:disabled){background:var(--bg-elevated-3);color:var(--ink)}.today-manage-habits-icon{block-size:1.15rem;inline-size:1.15rem}.today-score-ring{--pct:0;background:conic-gradient(var(--accent) calc(var(--pct) * 1%), var(--hairline-strong) 0);block-size:4.5rem;inline-size:4.5rem;transition:background var(--dur-slow) var(--ease-out);border-radius:50%;flex-shrink:0;place-content:center;padding:.2rem;display:grid}.today-score{block-size:100%;inline-size:100%;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);background:var(--bucket-empty-bg);color:var(--bucket-empty-ink);transition:background-color var(--dur-slow) var(--ease-out), color var(--dur-slow) var(--ease-out);border-radius:50%;place-content:center;display:grid}.today-score--red{background:var(--bucket-red-bg);color:var(--bucket-red-ink)}.today-score--orange{background:var(--bucket-orange-bg);color:var(--bucket-orange-ink)}.today-score--yellow{background:var(--bucket-yellow-bg);color:var(--bucket-yellow-ink)}.today-score--green{background:var(--bucket-green-bg);color:var(--bucket-green-ink)}.today-header-text{flex-direction:column;gap:.4rem;min-width:0;display:flex}.today-date{font-family:var(--font-display);font-size:var(--text-lg);margin:0;font-weight:600}.legend{gap:.4rem var(--space-3);font-size:var(--text-xs);color:var(--ink-muted);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:.4rem;display:inline-flex}.legend-dot{border-radius:50%;block-size:.55rem;inline-size:.55rem;display:inline-block}.legend-dot--neutral{border:1px dashed var(--ink-faint);background:0 0}.legend-dot--future{border:1px solid var(--hairline);background:0 0}.habit-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.habit-row{position:relative}.habit-row-main{align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);color:inherit;text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);display:flex}.habit-row-main:hover:not([aria-disabled=true]){border-color:var(--hairline-strong);box-shadow:var(--shadow-md)}.habit-row-main:active:not([aria-disabled=true]){transform:scale(.99)}.habit-row-main[aria-disabled=true]{cursor:default}.habit-icon{flex-shrink:0;font-size:1.2rem;line-height:1}svg.habit-icon{block-size:1.35rem;inline-size:1.35rem;color:var(--accent)}.habit-row--done .habit-row-main{background:color-mix(in srgb, var(--accent) 13%, var(--bg-elevated));border-color:color-mix(in srgb, var(--accent) 45%, var(--hairline))}.habit-name{font-weight:500;font-size:var(--text-base);flex:1}.habit-progress,.habit-state{font-size:var(--text-xs);color:var(--ink-muted);background:var(--bg-elevated-2);border-radius:var(--radius-full);white-space:nowrap;padding:.25rem .55rem;font-weight:500}.habit-queued{font-size:var(--text-xs)}.habit-stepper{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.habit-step{border:1px solid var(--hairline-strong);background:var(--bg-elevated-2);block-size:1.8rem;inline-size:1.8rem;color:var(--ink);transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-content:center;padding:0;font-size:1rem;font-weight:600;line-height:1;display:grid}.habit-step:hover:not(:disabled){background:var(--bg-elevated-3);border-color:var(--accent)}.habit-step:active:not(:disabled){transform:scale(.92)}.habit-step:disabled{opacity:.4;cursor:default}.habit-check{border:1.5px solid var(--hairline-strong);color:#0000;block-size:1.4rem;inline-size:1.4rem;transition:background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-content:center;display:grid}.habit-row--done .habit-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);transform:scale(1.05)}.habit-check-icon{block-size:.7rem;inline-size:.7rem}.habit-queue-error{font-size:var(--text-xs);color:var(--danger-ink);margin-block-start:var(--space-2)}.habit-queue-error button{color:inherit;font-size:inherit;background:0 0;padding:0;font-weight:600;text-decoration:underline}.habit-chooser{z-index:1;gap:var(--space-1);padding:var(--space-1);background:var(--bg-elevated-2);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:pop-in var(--dur-fast) var(--ease-out);display:flex;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-end:0}.habit-chooser button{color:var(--ink-muted);font-size:var(--text-sm);border-radius:var(--radius-sm);background:0 0;padding:.45rem .75rem;font-weight:500}.habit-chooser button:hover{background:var(--bg-elevated-3);color:var(--ink)}.calendar-nav{justify-content:space-between;align-items:center;display:flex}.calendar-nav h2{font-size:var(--text-lg)}.calendar-nav button{color:var(--ink-muted);border-radius:var(--radius-md);background:0 0;padding:.45rem .8rem;font-size:1.15rem;line-height:1}.calendar-nav button:hover{background:var(--bg-elevated-2);color:var(--ink)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;display:grid}.calendar-weekday{font-size:var(--text-2xs);color:var(--ink-faint);text-align:center;text-transform:uppercase;letter-spacing:.04em;padding-block-end:.25rem;font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-md);font:inherit;font-family:var(--font-display);font-size:var(--text-sm);background:var(--bucket-empty-bg);color:var(--bucket-empty-ink);cursor:pointer;transition:background-color var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), outline-color var(--dur-fast) var(--ease-out);border:none;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:0;font-weight:600;display:flex}.calendar-day-markers{gap:.2rem;block-size:.4rem;display:flex}.calendar-marker{block-size:.32rem;inline-size:.32rem;box-shadow:0 0 0 1.5px var(--bg);background:currentColor}.calendar-marker--objective{border-radius:1px}.calendar-marker--entry{border-radius:50%}.calendar-day:hover{outline:1.5px solid var(--accent);outline-offset:1.5px;transform:translateY(-1px)}.calendar-day--pad{visibility:hidden;cursor:default}.calendar-day--future{border:1px solid var(--hairline);color:var(--ink-faint);background:0 0}.calendar-day--neutral{border:1px dashed var(--ink-faint);color:var(--ink-muted);background:0 0}.calendar-day--red{background:var(--bucket-red-bg);color:var(--bucket-red-ink)}.calendar-day--orange{background:var(--bucket-orange-bg);color:var(--bucket-orange-ink)}.calendar-day--yellow{background:var(--bucket-yellow-bg);color:var(--bucket-yellow-ink)}.calendar-day--green{background:var(--bucket-green-bg);color:var(--bucket-green-ink)}.calendar-day--today{outline:2px solid var(--accent);outline-offset:2px}.empty-state{gap:var(--space-4);flex-direction:column;align-items:flex-start;padding-block-start:var(--space-7);display:flex}.empty-state p{color:var(--ink-muted);max-width:32ch;line-height:1.55}.habit-form,.template-list{gap:var(--space-3);flex-direction:column;display:flex}.template-list{margin:0;padding:0;list-style:none}.habit-form>label{gap:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted);flex-direction:column;font-weight:500;display:flex}.habit-form fieldset{gap:var(--space-1);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4) var(--space-3);flex-direction:column;display:flex}.habit-form legend{padding:0 var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);font-weight:500}.habit-form fieldset label{align-items:center;gap:var(--space-3);padding:.55rem var(--space-2);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-base);transition:background-color var(--dur-fast) var(--ease-out);flex-direction:row;font-weight:400;line-height:1.3;display:flex}.habit-form fieldset label:hover{background:var(--bg-elevated)}input[type=checkbox],input[type=radio]{appearance:none;border:1.5px solid var(--hairline-strong);border-radius:var(--radius-sm);background-color:var(--bg-elevated);cursor:pointer;block-size:1.25rem;inline-size:1.25rem;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex-shrink:0;place-content:center;margin:0;display:inline-grid}input[type=radio]{border-radius:50%}input[type=checkbox]:before,input[type=radio]:before{content:"";block-size:.7em;inline-size:.7em;transition:transform var(--dur-fast) var(--ease-out);box-shadow:inset 1em 1em var(--accent-ink);transform:scale(0)}input[type=checkbox]:before{clip-path:polygon(14% 44%,0% 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=radio]:before{border-radius:50%;block-size:.55em;inline-size:.55em}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--accent)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}input[type=radio]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:50%}.habit-form input:not([type=checkbox]):not([type=radio]),.habit-form select,.settings-section select,.settings-section input[type=text],.settings-section input[type=time],.settings-section input:not([type]),.journal-form textarea,.journal-entry--editing textarea{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-sm);color:var(--ink);font:inherit;transition:border-color var(--dur-fast) var(--ease-out);resize:none;padding:.6rem .75rem;overflow:hidden}.habit-form input[maxlength="4"]{text-align:center;max-inline-size:5rem;font-size:var(--text-lg)}.habit-form select,.settings-section select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-muted) 50%), linear-gradient(135deg, var(--ink-muted) 50%, transparent 50%);background-position:calc(100% - 1.15rem),calc(100% - .9rem);background-repeat:no-repeat;background-size:.3rem .3rem;padding-inline-end:2.25rem}.habit-form input:not([type=checkbox]):not([type=radio]):focus-visible,.habit-form select:focus-visible,.settings-section select:focus-visible,.settings-section input:focus-visible,.journal-form textarea:focus-visible,.journal-entry--editing textarea:focus-visible{border-color:var(--accent)}.habit-form fieldset button{color:var(--accent);padding:var(--space-1) 0;font-size:var(--text-sm);background:0 0;align-self:flex-start}.habit-form fieldset button:hover:not(:disabled){color:var(--accent-strong);background:0 0}.segmented-control{gap:var(--space-1);padding:var(--space-1);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);display:flex}.segmented-control-option{color:var(--ink-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;flex:1;font-weight:500}.segmented-control-option:hover:not(:disabled):not([aria-pressed=true]){background:var(--bg-elevated-2);color:var(--ink)}.segmented-control-option[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.segmented-control-option[aria-pressed=true]:hover:not(:disabled){background:var(--accent-strong);color:var(--accent-ink)}.habit-form fieldset .objective-date-presets,.habit-form fieldset .objective-date-custom{margin-block-end:var(--space-2);margin-inline-start:var(--space-6);display:flex}.habit-form fieldset .objective-date-presets{gap:var(--space-2);flex-wrap:wrap}.habit-form fieldset .objective-date-custom{gap:var(--space-3);flex-direction:column}.habit-form fieldset .objective-date-input-label{align-items:stretch;gap:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted);flex-direction:column;padding:0;font-weight:500}.habit-form fieldset .objective-date-input-label:hover{background:0 0}.habit-form fieldset .objective-date-preset{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-full);padding:.4rem var(--space-4);color:var(--ink);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.habit-form fieldset .objective-date-preset:hover:not(:disabled){border-color:var(--accent);background:var(--bg-elevated);color:var(--ink)}.habit-form fieldset .objective-date-preset--selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.objective-habit-fields{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-2);margin-inline-start:var(--space-6);display:flex}.objective-habit-fields-label{font-size:var(--text-sm);color:var(--ink-muted);font-weight:500}.objective-habit-fields-label:not(:first-child){margin-block-start:var(--space-1)}.objective-habit-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.habit-form fieldset .objective-habit-option{align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--ink);font-size:var(--text-sm);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);align-self:auto;display:flex}.habit-form fieldset .objective-habit-option:hover:not(:disabled){border-color:var(--accent);background:var(--bg-elevated);color:var(--ink)}.habit-form fieldset .objective-habit-option--selected{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.objective-habit-option-icon{font-size:var(--text-lg);line-height:1}.icon-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.habit-form fieldset .icon-option{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);block-size:2.5rem;inline-size:2.5rem;color:var(--ink-muted);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);place-content:center;align-self:auto;padding:0;display:inline-grid}.habit-form fieldset .icon-option:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.habit-form fieldset .icon-option--selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-option-glyph{font-size:1.2rem;line-height:1}svg.icon-option-glyph{block-size:1.2rem;inline-size:1.2rem}.objective-target-stepper{align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-full);padding:var(--space-1);align-self:flex-start;display:inline-flex}.habit-form fieldset .objective-target-stepper button{background:var(--bg-elevated-2);block-size:2rem;inline-size:2rem;color:var(--ink);border-radius:var(--radius-full);font-size:var(--text-md);place-content:center;align-self:auto;padding:0;font-weight:600;line-height:1;display:inline-grid}.habit-form fieldset .objective-target-stepper button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.habit-form fieldset .objective-target-stepper button:disabled{opacity:.4;cursor:not-allowed}.objective-target-stepper-value{text-align:center;min-inline-size:1.5rem;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.habit-form-actions{gap:var(--space-2);display:flex}.habit-form-actions button:not(:first-child){color:var(--ink-muted);background:0 0}.habit-form-actions button:not(:first-child):hover:not(:disabled){background:var(--bg-elevated-2);color:var(--ink)}.onboarding{gap:var(--space-6)}.onboarding h1{font-size:var(--text-2xl)}.onboarding p{color:var(--ink-muted);margin:-.5rem 0 0}.template-list label{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);font-size:var(--text-md);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);display:flex}.template-list label:has(input:checked){border-color:color-mix(in srgb, var(--accent) 55%, var(--hairline));background:color-mix(in srgb, var(--accent) 10%, var(--bg-elevated))}.banner{padding:.7rem var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated-2);color:var(--ink);border:1px solid var(--hairline);font-size:var(--text-sm);align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.banner button{font-size:var(--text-xs);padding:.35rem .8rem}.hint{font-size:var(--text-sm);color:var(--ink-muted);margin:0;line-height:1.5}.settings-screen{gap:var(--space-7);flex-direction:column;display:flex}.settings-section{gap:var(--space-3);flex-direction:column;display:flex}.settings-section h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin:0;font-weight:700}.settings-section label{gap:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted);flex-direction:column;font-weight:500;display:flex}.settings-account{align-items:center;gap:var(--space-3);display:flex}.settings-account p{margin:0;font-weight:500}.settings-habit-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-habit-row{align-items:center;gap:var(--space-2) var(--space-3);padding:.65rem var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.settings-habit-row .habit-name{white-space:nowrap;flex:auto}.settings-habit-actions{gap:var(--space-1);flex-wrap:wrap;margin-inline-start:auto;display:flex}.settings-habit-actions button{color:var(--ink-muted);font-size:var(--text-xs);background:0 0;padding:.4rem .65rem}.settings-habit-actions button:hover:not(:disabled){background:var(--bg-elevated-2);color:var(--ink)}.sidebar-brand{display:none}.back-link{color:var(--ink-muted);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border-radius:var(--radius-md);font-size:var(--text-sm);background:0 0;align-self:flex-start;align-items:center;gap:.2rem;margin-block-end:var(--space-2);margin-inline-start:calc(var(--space-1) * -1);font-weight:600;display:inline-flex}.back-link:hover:not(:disabled){background:var(--bg-elevated-3);color:var(--ink)}.back-link-icon{block-size:1.1rem;inline-size:1.1rem}.screen-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-2);display:flex}.journal{gap:var(--space-5);flex-direction:column;margin-block-start:var(--space-4);display:flex}.journal h3{margin:0 0 var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}.journal-kind{gap:var(--space-2);flex-direction:column;display:flex}.journal-prompt{color:var(--ink-muted);font-size:var(--text-sm);margin:0;font-style:italic}.journal-entries{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.journal-entry{background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:.65rem var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-2);font-size:var(--text-base);line-height:1.5;display:flex}.journal-entry--readonly{color:var(--ink-muted)}.journal-entry--editing{flex-direction:column;align-items:stretch}.journal-entry-actions{gap:var(--space-2);flex-shrink:0;display:flex}.journal-entry-actions button{color:var(--accent);font-size:var(--text-sm);background:0 0;padding:0}.journal-entry-actions button:hover:not(:disabled){color:var(--accent-strong);background:0 0}.journal-form{gap:var(--space-2);flex-direction:column;display:flex}.journal-form button{inline-size:100%}.objective-strip{margin:0 0 var(--space-2);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.objective-strip-item{background:linear-gradient(135deg, var(--accent-soft), transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--hairline));border-radius:var(--radius-md);padding:.65rem var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.objective-strip-title{color:var(--ink);font-weight:600}.objective-strip-detail{color:var(--ink-muted);white-space:nowrap}.objective-section{margin-block-end:var(--space-6)}.objective-section h3{font-size:var(--text-xs);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3);font-weight:700}.objective-tree{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.objective-tree--nested{border-inline-start:1px solid var(--hairline);margin-block-start:var(--space-3);margin-inline-start:var(--space-5);padding-inline-start:var(--space-3)}.objective-row{align-items:center;gap:var(--space-2);display:flex}.objective-progress-label{font-size:var(--text-xs);color:var(--ink-muted);font-variant-numeric:tabular-nums;min-inline-size:2.5ch;font-weight:600}.objective-title{font-size:var(--text-md);flex:1;font-weight:500}.objective-edit{color:var(--ink-faint);font-size:var(--text-xs);background:0 0;padding:.25rem .45rem;line-height:1}.objective-edit:hover:not(:disabled){background:var(--bg-elevated-2);color:var(--ink)}.objective-delete{color:var(--ink-faint);background:0 0;padding:.2rem .4rem;font-size:1.05rem;line-height:1}.objective-delete:hover:not(:disabled){background:var(--bg-elevated-2);color:var(--danger)}.objective-bar{border-radius:var(--radius-full);background:var(--bg-elevated-2);block-size:.35rem;margin-block-start:.5rem;overflow:hidden}.objective-bar-fill{background:var(--accent);border-radius:inherit;block-size:100%;transition:inline-size var(--dur-slow) var(--ease-out)}.habit-detail-header{align-items:center;gap:var(--space-3);display:flex}.habit-detail-header h2{font-size:var(--text-xl)}.habit-detail-stats{gap:var(--space-6);margin-block-start:var(--space-5);display:flex}.habit-detail-stat{padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:.2rem;display:flex}.habit-detail-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:700}.habit-detail-stat-label{font-size:var(--text-xs);color:var(--ink-muted)}.habit-detail-streak{font-size:var(--text-sm);color:var(--ink-faint);margin-block-start:var(--space-5)}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=860px){.tabbar{inline-size:15.5rem;padding:var(--space-6) var(--space-4) calc(env(safe-area-inset-bottom) + var(--space-4));background:var(--bg-elevated);border-block-start:none;border-inline-end:1px solid var(--hairline);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;align-items:stretch;gap:.2rem;inset-block:0;inset-inline-end:auto}.sidebar-brand{align-items:center;gap:var(--space-2);padding:0 var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--ink);margin-block-end:var(--space-6);display:flex}.sidebar-brand-dot{background:var(--accent);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 .6rem .05rem color-mix(in srgb, var(--accent) 65%, transparent);border-radius:50%}.tabbar-link{text-align:left;inline-size:100%;padding:.65rem var(--space-3);border-radius:var(--radius-md);justify-content:flex-start;gap:var(--space-3);font-size:var(--text-sm);flex-direction:row;flex:none}.tabbar-icon{block-size:1.2rem;inline-size:1.2rem}.tabbar-link[aria-current=true]{background:var(--bg-elevated-2);color:var(--ink)}.tabbar-link[aria-current=true] .tabbar-icon{color:var(--accent);transform:none}.account-menu{inline-size:100%;margin-block-start:auto;margin-inline-start:0}.account-menu .account-trigger{inline-size:100%;padding:.55rem var(--space-3);border-radius:var(--radius-md)}.account-menu .account-trigger:hover{background:var(--bg-elevated-2)}.account-name{min-inline-size:0;font-size:var(--text-sm);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;display:block;overflow:hidden}.journal-form{flex-direction:row;align-items:flex-end}.journal-form textarea{flex:1}.journal-form button{inline-size:auto}.account-menu-popover{inline-size:100%;inset-inline:0 auto}.app-content{justify-content:center;min-block-size:100dvb;margin-inline-start:15.5rem;display:flex}.app-content>.screen{inline-size:min(100%,42rem);padding:var(--space-8) var(--space-7) 4rem}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-variable.woff2)format("woff2")}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0}