@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/rubik-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/rubik-hebrew.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Gabarito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gabarito-latin.woff2)format("woff2");unicode-range:U+??,U+2013-2014,U+2018-2019,U+201C-201D,U+2026}:root{--color-bg:oklch(96.8% .002 265);--color-bg-elevated:oklch(99% .002 265);--color-bg-subtle:oklch(95% .005 265);--color-bg-hover:oklch(92.5% .007 265);--color-border:oklch(85.5% .009 265);--color-text:oklch(23% .02 280);--color-text-secondary:oklch(48% .02 280);--color-text-tertiary:oklch(63% .016 280);--color-accent:oklch(58% .17 235);--color-accent-hover:oklch(52% .18 235);--color-accent-soft:oklch(58% .17 235/.12);--color-accent-contrast:#fff;--color-habits:oklch(58% .17 235);--color-habits-hover:oklch(52% .18 235);--color-tasks:oklch(38% .08 265);--color-tasks-hover:oklch(31% .085 265);--color-tasks-soft:oklch(38% .08 265/.1);--color-tasks-contrast:#fff;--logo-vane-wide:#2a86d1;--logo-vane-narrow:#364a78;--color-danger:oklch(58% .18 22);--color-danger-soft:oklch(58% .18 22/.1);--color-success:oklch(72% .13 140);--color-warning:oklch(76% .13 70);--color-warning-soft:oklch(76% .13 70/.16);--color-ink-on-habit:oklch(20% .02 280);--award-ink:oklch(99% .004 280);--heatmap-level-0:oklch(93% .006 265);--heatmap-level-1:oklch(92% .045 145);--heatmap-level-2:oklch(86% .075 145);--heatmap-level-3:oklch(78% .11 145);--heatmap-level-4:oklch(70% .14 145);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--radius-chrome:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--page-inline-pad:var(--space-4);--logo-mark-size:26px;--logo-ink-inset:0px;--room-bar-block-size:62px;--shadow-sm:0 1px 2px #14141e0d;--shadow-md:0 10px 24px #14141e0f;--shadow-md-dark:0 12px 28px #0006;--font-sans:"Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--input-font-size:.9375rem;--input-font-size-sm:.8125rem;--weight-body:400;--weight-medium:500;--weight-strong:600;--weight-heavy:700;font:16px/1.5 var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width>=900px){:root{--logo-mark-size:30px}}@media (prefers-color-scheme:dark){:root{--color-bg:oklch(18% .013 270);--color-bg-elevated:oklch(24% .016 280);--color-bg-subtle:oklch(28% .018 280);--color-bg-hover:oklch(32% .02 280);--color-border:oklch(39% .02 280);--color-text:oklch(95% .006 280);--color-text-secondary:oklch(74% .014 280);--color-text-tertiary:oklch(56% .014 280);--color-accent:oklch(74% .15 235);--color-accent-hover:oklch(80% .14 235);--color-accent-soft:oklch(74% .15 235/.18);--color-accent-contrast:oklch(15% .02 280);--color-habits:oklch(74% .15 235);--color-habits-hover:oklch(80% .14 235);--color-tasks:oklch(80% .06 265);--color-tasks-hover:oklch(86% .05 265);--color-tasks-soft:oklch(80% .06 265/.16);--color-tasks-contrast:oklch(18% .02 265);--logo-vane-wide:#5aa7e8;--logo-vane-narrow:#a2bbe4;--color-danger:oklch(70% .16 22);--color-danger-soft:oklch(70% .16 22/.14);--color-success:oklch(72% .13 140);--color-warning:oklch(76% .13 70);--color-warning-soft:oklch(76% .13 70/.22);--color-ink-on-habit:oklch(20% .02 280);--award-ink:oklch(99% .004 280);--heatmap-level-0:oklch(30% .018 280);--heatmap-level-1:oklch(34% .045 145);--heatmap-level-2:oklch(45% .075 145);--heatmap-level-3:oklch(57% .11 145);--heatmap-level-4:oklch(70% .14 145);--shadow-sm:0 1px 2px #0000004d;--shadow-md:var(--shadow-md-dark)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:oklch(96.8% .002 265);--color-bg-elevated:oklch(99% .002 265);--color-bg-subtle:oklch(95% .005 265);--color-bg-hover:oklch(92.5% .007 265);--color-border:oklch(85.5% .009 265);--color-text:oklch(23% .02 280);--color-text-secondary:oklch(48% .02 280);--color-text-tertiary:oklch(63% .016 280);--color-accent:oklch(58% .17 235);--color-accent-hover:oklch(52% .18 235);--color-accent-soft:oklch(58% .17 235/.12);--color-accent-contrast:#fff;--color-habits:oklch(58% .17 235);--color-habits-hover:oklch(52% .18 235);--color-tasks:oklch(38% .08 265);--color-tasks-hover:oklch(31% .085 265);--color-tasks-soft:oklch(38% .08 265/.1);--color-tasks-contrast:#fff;--logo-vane-wide:#2a86d1;--logo-vane-narrow:#364a78;--color-danger:oklch(58% .18 22);--color-danger-soft:oklch(58% .18 22/.1);--color-success:oklch(72% .13 140);--color-warning:oklch(76% .13 70);--color-warning-soft:oklch(76% .13 70/.16);--color-ink-on-habit:oklch(20% .02 280);--award-ink:oklch(99% .004 280);--heatmap-level-0:oklch(93% .006 265);--heatmap-level-1:oklch(92% .045 145);--heatmap-level-2:oklch(86% .075 145);--heatmap-level-3:oklch(78% .11 145);--heatmap-level-4:oklch(70% .14 145);--shadow-sm:0 1px 2px #14141e0d;--shadow-md:0 10px 24px #14141e0f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:oklch(18% .013 270);--color-bg-elevated:oklch(24% .016 280);--color-bg-subtle:oklch(28% .018 280);--color-bg-hover:oklch(32% .02 280);--color-border:oklch(39% .02 280);--color-text:oklch(95% .006 280);--color-text-secondary:oklch(74% .014 280);--color-text-tertiary:oklch(56% .014 280);--color-accent:oklch(74% .15 235);--color-accent-hover:oklch(80% .14 235);--color-accent-soft:oklch(74% .15 235/.18);--color-accent-contrast:oklch(15% .02 280);--color-habits:oklch(74% .15 235);--color-habits-hover:oklch(80% .14 235);--color-tasks:oklch(80% .06 265);--color-tasks-hover:oklch(86% .05 265);--color-tasks-soft:oklch(80% .06 265/.16);--color-tasks-contrast:oklch(18% .02 265);--logo-vane-wide:#5aa7e8;--logo-vane-narrow:#a2bbe4;--color-danger:oklch(70% .16 22);--color-danger-soft:oklch(70% .16 22/.14);--color-success:oklch(72% .13 140);--color-warning:oklch(76% .13 70);--color-warning-soft:oklch(76% .13 70/.22);--color-ink-on-habit:oklch(20% .02 280);--award-ink:oklch(99% .004 280);--heatmap-level-0:oklch(30% .018 280);--heatmap-level-1:oklch(34% .045 145);--heatmap-level-2:oklch(45% .075 145);--heatmap-level-3:oklch(57% .11 145);--heatmap-level-4:oklch(70% .14 145);--shadow-sm:0 1px 2px #0000004d;--shadow-md:var(--shadow-md-dark)}@media (pointer:coarse){:root{--input-font-size:16px;--input-font-size-sm:16px}}*{box-sizing:border-box}html{touch-action:pan-x pan-y;overscroll-behavior-y:contain}body{background:var(--color-bg);color:var(--color-text);isolation:isolate;margin:0}#root{min-height:100svh}em,i{font-synthesis:style}h1,h2,h3{font-family:var(--font-sans);font-weight:var(--weight-strong);color:var(--color-text);margin:0}h1{letter-spacing:-.02em;font-size:1.75rem}h2{letter-spacing:-.01em;font-size:1.125rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-size:.8125rem}p{color:var(--color-text-secondary);margin:0}a{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-loading{z-index:2;padding:0 var(--space-5);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loading__lockup{flex-direction:column;align-items:center;gap:22px;margin-block-start:-64px;display:flex}.app-loading .logotype{block-size:auto;inline-size:min(260px,62vw)}.app-loading__rule{background:var(--color-border);border-radius:2px;block-size:3px;inline-size:min(120px,40vw);position:relative;overflow:hidden}.app-loading__rule-bar{background:var(--color-habits);border-radius:2px;inline-size:30%;animation:1.6s ease-in-out infinite app-loading-rule;position:absolute;inset-block:0}@keyframes app-loading-rule{0%{transform:translate(-100%)}to{transform:translate(320%)}}[dir=rtl] .app-loading__rule-bar{animation-name:app-loading-rule-rtl}@keyframes app-loading-rule-rtl{0%{transform:translate(100%)}to{transform:translate(-320%)}}@keyframes app-loading-slow{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.app-loading__slow{inset-inline:var(--space-5);align-items:center;gap:var(--space-4);visibility:hidden;flex-direction:column;animation:.4s ease-out 6s both app-loading-slow;display:flex;position:absolute;inset-block-end:64px}.app-loading__slow-text{font-size:.875rem;line-height:1.5;font-weight:var(--weight-body);color:var(--color-text-tertiary);text-align:center;text-wrap:pretty;margin:0}@media (prefers-reduced-motion:reduce){.app-loading__rule-bar{inline-size:100%;animation:none;transform:none}.app-loading__slow{animation:0s step-end 6s both app-loading-slow}}.settings-identity{flex-wrap:wrap}.settings-identity .page-meta{overflow-wrap:anywhere;flex:12rem}.settings-identity__sign-out{padding-inline:var(--space-4);flex:none}.settings-areas{background:var(--color-bg-subtle);border-radius:var(--radius-pill);gap:3px;inline-size:100%;padding:3px;display:flex}.settings-areas__area{min-block-size:38px;padding-inline:var(--space-2);border-radius:var(--radius-pill);font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:center;flex:1;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.settings-areas__area.is-active{background:var(--color-bg-elevated);color:var(--area-ink,var(--color-accent));box-shadow:var(--shadow-sm)}.settings-areas__area[data-area=habits]{--area-ink:var(--color-habits)}.settings-areas__area[data-area=tasks]{--area-ink:var(--color-tasks)}.settings-areas__hint{margin-block-start:calc(var(--space-3) * -1)}.settings-area-panel--tasks{gap:var(--space-5);flex-direction:column;display:flex}.settings-tabs{flex-wrap:wrap;row-gap:0}.settings-tabs .tabs__tab{min-block-size:44px;padding-inline:var(--space-2)}@media (width>=480px){.settings-tabs .tabs__tab{padding-inline:var(--space-3)}}.settings-panel{gap:var(--space-5);flex-direction:column;display:flex}.settings-profile__form>.btn{align-self:start;min-block-size:44px}.settings-danger{border:1px solid color-mix(in srgb, var(--color-danger) 30%, transparent)}.settings-danger__actions{gap:var(--space-4);flex-direction:column;display:flex}.settings-danger__action{gap:var(--space-2);flex-direction:column;display:flex}.settings-danger__action .btn{width:100%;min-height:44px}@media (width>=900px){.settings-danger__actions{align-items:center;gap:var(--space-3) var(--space-4);grid-template-columns:auto 1fr;display:grid}.settings-danger__action{display:contents}.settings-danger__action .btn{width:auto}}.confirm-phrase-dialog__warning{color:var(--color-text)}.confirm-phrase-dialog__phrase{margin-block:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-text);font-family:inherit;font-size:1.0625rem;font-weight:var(--weight-strong);align-self:flex-start}.confirm-phrase-dialog__code{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.confirm-phrase-dialog__mismatch{color:var(--color-danger)}.household-member__badge--owner{background:var(--color-bg-subtle);color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border)}.household-member__badge.household-member__badge--off{background:color-mix(in oklab, var(--color-danger) 12%, var(--color-bg-elevated));color:var(--color-danger)}.household-member__remove{min-height:32px;color:var(--color-danger);flex:none;margin-inline-start:auto}.household-member__remove+.household-member__joined{margin-inline-start:0}@media (width<=420px){.household-member__remove{flex-basis:100%;order:2;min-height:44px;margin-inline-start:0}.household-member__joined{order:1}}.household-member__username{color:var(--color-text-tertiary);flex:none;margin-inline-start:auto;font-size:.75rem}.household-member__actions{gap:var(--space-2);flex-wrap:wrap;flex-basis:100%;display:flex}.household-member__action{min-height:44px}@media (width<=420px){.household-member__username{flex-basis:100%;margin-inline-start:0}.household-member__action{flex-basis:100%}}.household-invite{gap:var(--space-3);flex-direction:column;display:flex}.household-invite__row{gap:var(--space-2);flex-wrap:wrap;align-items:stretch;display:flex}.household-invite__row .input{flex:12rem;min-inline-size:0}.household-invite__row .btn{flex:none;min-height:44px}@media (width<=420px){.household-invite__row .btn{flex-basis:100%}}.household-invite__heading{font-size:.75rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.household-invite .household-invite__email{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;font-weight:var(--weight-medium);overflow:visible}.household-leave{gap:var(--space-2);border-block-start:1px solid var(--color-border);flex-direction:column;padding-block-start:var(--space-4);display:flex}.household-leave .btn{align-self:flex-start;min-height:44px}@media (width<=560px){.household-leave .btn{align-self:stretch}}.household-setup__actions{gap:var(--space-2);flex-direction:column;display:flex}.household-setup__actions .btn{min-height:44px}@media (width>=560px){.household-setup__actions{align-items:center;gap:var(--space-3);flex-direction:row}}.settings-admin{border:1px solid color-mix(in srgb, var(--color-accent) 28%, transparent)}.admin-subhead{font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text);margin:0}.admin-accounts{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-account{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-direction:column;display:flex}.admin-account__identity{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.admin-account__name{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.admin-account__email{color:var(--color-text-secondary);overflow-wrap:anywhere;font-size:.8125rem}.admin-account__meta{color:var(--color-text-tertiary);font-size:.75rem}.admin-account__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-account__actions .btn{min-height:44px}@media (width>=560px){.admin-account{align-items:center;gap:var(--space-3);flex-direction:row}.admin-account__actions{flex-wrap:nowrap;margin-inline-start:auto}}.pending-approval{text-align:center;align-items:center;max-inline-size:420px}.pending-approval__actions{gap:var(--space-2);flex-direction:column;inline-size:100%;display:flex}.pending-approval__actions .btn{min-height:44px}@media (width>=480px){.pending-approval__actions{flex-direction:row;justify-content:center}}.settings-panel .field>label,.tasks-settings-page .field>label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.settings-panel .settings-switch__label,.tasks-settings-page .settings-switch__label{font-weight:var(--weight-medium)}.settings-switch__row{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:44px;inline-size:100%;display:flex}.settings-switch__label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.settings-switch .muted{font-size:.8125rem}.habit-tone__preview{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.habit-tone__swatch{border-radius:var(--radius-sm);block-size:26px;inline-size:26px;box-shadow:inset 0 0 0 1px #00000014}.habit-tone__slider{block-size:44px;inline-size:100%;accent-color:var(--color-accent);cursor:pointer;margin:0}.habit-tone__ends{justify-content:space-between;gap:var(--space-3);color:var(--color-text-secondary);font-size:.8125rem;display:flex}.household-visibility summary{cursor:pointer}.household-visibility>*+*{margin-block-start:.5rem}.household-visibility__list{gap:.35rem;margin:0;padding-inline-start:1.25rem;display:grid}.household-offer__actions{flex-wrap:wrap;gap:.5rem;display:inline-flex}.admin-subtabs{align-self:flex-start;inline-size:auto}.settings-taglist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-tagrow{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);display:flex}.settings-tagrow__tag{align-items:center;gap:var(--space-2);min-inline-size:0;font-weight:var(--weight-medium);flex:auto;display:flex}.settings-tagrow__tag>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-tagrow .primary-tag__dot{block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 1px var(--color-border-strong,var(--color-border))}.settings-tagrow .btn svg{block-size:18px;inline-size:18px}.settings-tagrow__actions{gap:var(--space-1);margin-inline-start:auto;display:flex}.settings-grouprow__dot{block-size:10px;inline-size:10px;box-shadow:inset 0 0 0 1px var(--color-border-strong,var(--color-border));border-radius:50%;flex:none}.settings-grouprow__filing{color:var(--color-text-secondary);flex:none;font-size:.8125rem}.settings-grouprow__delete{color:var(--color-danger)}.night-theme__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.night-theme__cell{flex:140px;min-inline-size:0}.night-theme__cell label{font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-block-end:4px;display:block}.auth-shell--welcome{isolation:isolate;position:relative}.auth-backdrop{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.auth-backdrop__wash{background:radial-gradient(55% 45% at 18% 10%, color-mix(in oklab, var(--logo-mesh-s1) 30%, transparent), transparent 72%), radial-gradient(50% 42% at 86% 20%, color-mix(in oklab, var(--logo-mesh-s2) 26%, transparent), transparent 70%), radial-gradient(80% 60% at 50% 104%, color-mix(in oklab, var(--logo-mesh-s2) 30%, transparent), transparent 78%);position:absolute;inset:-25%}.auth-backdrop__board{--auth-backdrop-cell:22px;--auth-backdrop-gap:10px;gap:var(--auth-backdrop-gap);filter:blur(2.5px);opacity:.55;flex-direction:column;display:flex;position:absolute;inset-block-start:-4%;inset-inline:-14%;-webkit-mask-image:radial-gradient(120% 90% at 50% 46%,#0000 24%,#00000038 46%,#000 82%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 46%,#0000 24%,#00000038 46%,#000 82%,#0000 100%)}.auth-backdrop__row{align-items:center;gap:var(--auth-backdrop-gap);display:flex}.auth-backdrop__row:nth-child(2n){padding-inline-start:calc(var(--auth-backdrop-cell) * 1.6)}.auth-backdrop__swatch{inline-size:var(--auth-backdrop-cell);block-size:var(--auth-backdrop-cell);background:var(--habit-color);border-radius:50%;flex:none}.auth-backdrop__cell{inline-size:var(--auth-backdrop-cell);block-size:var(--auth-backdrop-cell);border-radius:var(--radius-sm);flex:none}.auth-backdrop__cell.is-done{background:var(--habit-color)}.auth-backdrop__cell.is-part{background:color-mix(in oklab, var(--habit-color) 45%, transparent)}.auth-backdrop__cell.is-open{background:color-mix(in oklab, var(--color-text) 10%, transparent)}.auth-backdrop__cell.is-off{background:color-mix(in oklab, var(--color-text) 5%, transparent)}@media (width>=900px){.auth-backdrop__board{--auth-backdrop-cell:34px;--auth-backdrop-gap:16px;opacity:.45;inset-inline:-6%}}.auth-welcome{align-items:center;gap:var(--space-3);flex-direction:column;inline-size:100%;max-inline-size:400px;display:flex;position:relative}.auth-welcome__pip{margin-block-end:calc(var(--space-3) * -1)}@media (height<=620px){.auth-welcome__pip{display:none}}.auth-form,.auth-form__fields{gap:var(--space-4);flex-direction:column;display:flex}.logo-lockup{align-items:center;gap:10px;display:inline-flex}.logo-mark{flex:none;display:block}.app-header__home .logo-mark,.tasks-header__home .logo-mark{inline-size:var(--logo-mark-size);block-size:var(--logo-mark-size)}.logo-vane--wide{fill:var(--logo-vane-wide)}.logo-vane--narrow{fill:var(--logo-vane-narrow)}.logo-room{font-family:"Gabarito", var(--font-sans);font-size:20px;font-weight:var(--weight-medium);color:var(--color-text);letter-spacing:-.01em;white-space:nowrap}@media (width>=900px){.logo-lockup{gap:12px}.logo-room{font-size:23px}}.logo-wordmark{font-family:"Gabarito", var(--font-sans);font-weight:var(--weight-body);letter-spacing:-.02em;color:var(--color-text);white-space:nowrap;direction:ltr;font-size:1.3125rem}.logotype{flex-shrink:0;display:block;overflow:visible}.logotype__letter{fill:var(--color-text)}.logotype--tone .logotype__letter{fill:var(--logo-vane-narrow)}.logotype--one .logotype__letter{fill:currentColor}.logo-domain{direction:ltr;align-items:baseline;gap:.14em;display:inline-flex}.logo-domain__cell{background:var(--color-habits);border-radius:.323em;align-self:center;block-size:.34em;inline-size:.34em}.award-mark{--award-mark-shadow:oklch(23% .02 280/.16);block-size:100%;inline-size:100%;display:block}@media (prefers-color-scheme:dark){.award-mark{--award-mark-shadow:oklch(0% 0 0/.34)}}:root[data-theme=light] .award-mark{--award-mark-shadow:oklch(23% .02 280/.16)}:root[data-theme=dark] .award-mark{--award-mark-shadow:oklch(0% 0 0/.34)}.award-mark__shadow{fill:var(--award-mark-shadow)}.award-mark__specular,.award-mark__spark{fill:var(--award-ink)}.award-mark__rim{stroke:var(--award-ink);stroke-opacity:.35}.award-mark--next circle{stroke:var(--color-border)}.award-mark--next .award-mark__spark{fill:var(--color-text-tertiary)}:root{--cell-size:46px;--cell-radius:10px;--color-cell-empty:var(--color-bg-subtle);--color-offschedule-stripe-1:var(--color-bg-subtle);--color-offschedule-stripe-2:var(--color-border);--offschedule-wash:repeating-linear-gradient(45deg, var(--color-offschedule-stripe-1), var(--color-offschedule-stripe-1) 4px, var(--color-offschedule-stripe-2) 4px, var(--color-offschedule-stripe-2) 8px)}.habit-group{gap:var(--space-1);flex-direction:column;display:flex}.habit-group+.habit-group{margin-block-start:var(--space-5)}.habit-group-heading{font-size:.8125rem;font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-block-end:var(--space-2)}.habit-subgroup+.habit-subgroup{margin-block-start:var(--space-3)}.habit-subgroup-heading{font-size:.8125rem;font-weight:var(--weight-strong);color:var(--color-text-secondary);margin-block-end:var(--space-1);padding-inline-start:var(--space-2)}.trophy{display:inline-flex;position:relative}.trophy-chip{border-radius:var(--radius-chrome);background:var(--color-accent-soft);min-block-size:36px;color:var(--color-accent);font-size:.8125rem;font-weight:var(--weight-strong);cursor:pointer;border:0;align-items:center;gap:5px;padding:6px 12px 6px 10px;font-family:inherit;display:inline-flex}.trophy-chip:hover,.trophy-chip[aria-expanded=true]{filter:brightness(.96)}.trophy-chip__face{align-items:center;gap:6px;display:inline-flex}.trophy-chip .award-mark{flex:none;block-size:20px;inline-size:20px}.trophy-chip .award-mark__shadow{display:none}.trophy-balloon{z-index:100;inline-size:280px;max-inline-size:calc(100vw - var(--header-runway-trophy,0px) - var(--space-3));padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:start;position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0}.trophy-balloon:before{content:"";background:var(--color-bg-elevated);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);block-size:10px;inline-size:10px;position:absolute;inset-block-start:-6px;inset-inline-end:24px;transform:rotate(45deg)}.trophy-balloon__title{margin:0 0 var(--space-1);font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text)}.trophy-balloon__body{color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.trophy-balloon__link{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-habits);margin-block-start:var(--space-2);display:inline-block}.habit-grid-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:background-color .15s;display:flex}.habit-grid-row:hover{background:var(--color-bg-subtle)}.habit-grid-row__label{flex:auto;min-inline-size:0;overflow:hidden}.habit-grid-row__name-row{align-items:center;gap:var(--space-1);display:flex}.habit-grid-row__name{text-overflow:ellipsis;white-space:nowrap;text-align:start;font-size:1rem;font-weight:var(--weight-medium);color:var(--color-text);flex:0 auto;text-decoration:none;transition:color .12s;overflow:hidden}.habit-grid-row__name:hover{color:var(--color-accent)}.habit-grid-row__name:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.habit-grid-row__week-count{font-size:.75rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary);background:var(--color-bg-subtle);border-radius:var(--radius-pill);flex:none;margin-inline-start:auto;padding:2px 7px}.habit-grid-row__cells,.day-totals-row__cells{scrollbar-width:thin;padding-block:2px;display:flex;overflow-x:auto}.habit-grid-row__cells{flex:none}.habit-grid-row__cells::-webkit-scrollbar{height:4px}.day-totals-row__cells::-webkit-scrollbar{height:4px}.habit-grid-row__cells::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.day-totals-row__cells::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.day-cell{inline-size:var(--cell-size);block-size:var(--cell-size);background-color:var(--color-cell-empty);cursor:default;border:none;border-start-start-radius:var(--cell-radius);border-start-end-radius:var(--cell-radius);border-end-end-radius:var(--cell-radius);border-end-start-radius:var(--cell-radius);flex:none;padding:0;transition:filter .1s}.day-cell--flush-start{border-start-start-radius:0;border-end-start-radius:0}.day-cell--flush-end{border-start-end-radius:0;border-end-end-radius:0}.day-cell--clickable{cursor:pointer}.day-cell--clickable:hover{filter:brightness(1.15)}.day-cell--clickable:active{filter:brightness(.92)}.day-cell--done{background-color:color-mix(in srgb, var(--habit-color,var(--color-accent)) var(--ramp-pct,100%), var(--color-bg-elevated))}.day-cell--skipped{background-color:var(--color-cell-empty);position:relative}.day-cell--skipped:before{content:"";border-radius:inherit;background-color:var(--habit-color,var(--color-accent));clip-path:polygon(0 0,0 100%,100% 100%);position:absolute;inset:0}html[dir=rtl] .day-cell--skipped:before{clip-path:polygon(100% 0,100% 100%,0 100%)}.day-cell--off-schedule{background-color:#0000;background-image:var(--offschedule-wash)}.day-cell--bonus{position:relative}.day-cell--bonus:after{content:"";background-color:var(--color-bg-elevated);opacity:.85;border-radius:50%;block-size:6px;inline-size:6px;position:absolute;inset-block-start:4px;inset-inline-end:4px}.day-cell--today{box-shadow:inset 0 0 0 2px var(--color-accent)}.day-cell--just-done{z-index:1;animation:.42s cubic-bezier(.34,1.4,.64,1) day-cell-pop;position:relative}.day-cell--just-done:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--habit-color,var(--color-accent)) 70%, var(--color-bg-elevated));pointer-events:none;animation:.42s ease-out forwards day-cell-ring;position:absolute;inset:0}@keyframes day-cell-pop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes day-cell-ring{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.day-cell--just-done,.day-cell--just-done:before{animation:none!important}.day-cell--just-done:before{opacity:0}}.day-cell--future,.grid-date-header__cell--future{opacity:.4}.day-cell--explains-future{cursor:pointer}.day-totals-row{align-items:center;gap:var(--space-3);padding-inline:var(--space-2);margin-block-start:var(--space-1);display:flex}.day-totals-row__label{flex:0 12em;min-inline-size:0}.day-totals-row__cell{inline-size:var(--cell-size);block-size:var(--cell-size);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.day-totals-row__cell--today{box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:50%}.day-totals-row__circle{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);transition:color .1s}@media (hover:hover) and (pointer:fine){.day-totals-row__cell--hovered .day-totals-row__circle{color:var(--color-text);font-weight:var(--weight-strong);background:var(--color-accent-soft);border-radius:var(--radius-pill);padding:2px 9px}}.grid-date-header{align-items:center;gap:var(--space-3);padding-inline:var(--space-2);margin-block-end:var(--space-2);display:flex}.grid-date-header__label{flex:0 12em;min-inline-size:0}.grid-date-header__cells{scrollbar-width:none;display:flex;overflow-x:auto}.grid-date-header__cells::-webkit-scrollbar{display:none}.grid-date-header__cell{inline-size:var(--cell-size);border-radius:var(--radius-sm);color:var(--color-text-tertiary);flex-direction:column;flex:none;justify-content:flex-end;align-items:center;gap:2px;padding-block:3px;font-size:.75rem;transition:color .1s,background-color .1s;display:flex}.grid-date-header__weekday{font-size:.625rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);opacity:.8;max-inline-size:100%;overflow:hidden}@media (hover:hover) and (pointer:fine){.grid-date-header__cell--hovered{color:var(--color-text);font-weight:var(--weight-strong);background:var(--color-accent-soft)}.grid-date-header__cell--hovered .grid-date-header__weekday{color:var(--color-text);opacity:1}}.grid-date-header__today-badge{border-radius:var(--radius-pill);background:var(--color-accent);block-size:22px;min-inline-size:22px;color:var(--color-accent-contrast);font-weight:var(--weight-strong);justify-content:center;align-items:center;padding-inline:4px;display:inline-flex}.day-cell-menu,.habit-card-menu{z-index:50;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:4px;display:flex}.day-cell-menu__item,.habit-card-menu__item{border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;align-items:center;padding:8px 10px;font-size:.875rem;display:flex}.day-cell-menu__item:hover,.habit-card-menu__item:hover{background:var(--color-bg-subtle)}.day-cell-menu__item[aria-checked=true]{color:var(--color-accent);font-weight:var(--weight-medium)}.habit-card-menu__item{gap:var(--space-2)}.habit-card-menu__item svg{block-size:16px;inline-size:16px;color:var(--color-text-tertiary);flex:none}.notif{display:inline-flex;position:relative}.notif-bell{position:relative}.notif-bell.has-unread{color:var(--color-accent);background:var(--color-accent-soft)}.notif-bell__badge{border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;block-size:17px;min-inline-size:17px;font-size:.625rem;font-weight:var(--weight-strong);text-align:center;box-shadow:0 0 0 2px var(--color-bg);direction:ltr;padding-inline:4px;line-height:17px;position:absolute;inset-block-start:-3px;inset-inline-end:-3px}.notif-panel{z-index:100;inline-size:360px;max-inline-size:calc(100vw - var(--header-runway-bell,0px) - var(--space-3));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow:hidden}.notif-panel__head{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border)}.notif-panel__title{font-size:.9375rem;font-weight:var(--weight-strong);margin:0}.notif-panel__body{overscroll-behavior:contain;max-block-size:min(60vh,420px);overflow-y:auto}.notif-panel__empty{padding:var(--space-5) var(--space-4);text-align:start;margin:0;font-size:.875rem}.notif-list{margin:0;padding:0;list-style:none}.notif-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--habit-color,var(--color-border));display:flex}.notif-item+.notif-item{border-block-start:1px solid var(--color-border)}.notif-item.is-unread{background:var(--color-accent-soft)}.notif-item__emoji{flex:none;font-size:1.0625rem;line-height:1.3}.notif-item__body{flex:auto;min-inline-size:0}.notif-item__text{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:.875rem;line-height:1.4}.notif-item__when{color:var(--color-text-tertiary);margin-block-start:2px;font-size:.75rem;display:block}.notif-item__dot{background:var(--color-accent);border-radius:50%;flex:none;block-size:8px;inline-size:8px;margin-block-start:6px}@media (prefers-color-scheme:dark){.notif-panel{box-shadow:var(--shadow-md-dark)}}:root[data-theme=dark] .notif-panel{box-shadow:var(--shadow-md-dark)}:root[data-theme=light] .notif-panel{box-shadow:var(--shadow-md)}.tasks-pill{color:var(--color-tasks);font-size:.9375rem;font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:6px;text-decoration:none;display:inline-flex;position:relative}.tasks-pill svg{flex:none;width:14px;height:14px}@media (width<=899px){.tasks-pill{display:none}}.bottom-nav__tab.bottom-nav__tab--tasks{color:var(--color-tasks)}.app-header{z-index:92;border-block-end:1px solid var(--color-border);background:var(--color-bg);position:sticky;inset-block-start:0}.app-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-inline-size:1280px;min-block-size:var(--room-bar-block-size);padding:8px var(--header-inline-pad);--header-inline-pad:var(--page-inline-pad);margin-inline:auto;display:flex}.app-header__nav,.app-header__actions .btn-icon-round:not(.notif-bell):not(.app-header__gear){display:none}.app-header__actions .btn-icon-round{width:var(--header-control-size);height:var(--header-control-size);border-radius:var(--radius-chrome)}.app-header__actions .btn-icon-round svg{width:17px;height:17px}@media (width<=899px){.app-header__actions .btn-icon-round{position:relative}.app-header__actions .btn-icon-round:after{content:"";position:absolute;inset:-4px}}@media (width<=389px){.app-header .logo-wordmark{display:none}}.app-header__home,.app-header__nav,.app-header__actions>*{flex-shrink:0}.app-header__home{color:inherit;border-radius:var(--radius-sm);margin-inline-start:calc(-1 * var(--logo-ink-inset));text-decoration:none;display:inline-flex}.app-header__nav-link{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);text-decoration:none}.app-header__nav-link.is-active{color:var(--color-accent)}.app-header__actions{align-items:center;gap:var(--header-action-gap);--header-action-gap:var(--space-3);--header-control-size:36px;--header-runway-gear:var(--header-inline-pad);--header-runway-bell:calc(var(--header-runway-gear) + var(--header-control-size) + var(--header-action-gap));--header-runway-trophy:calc(var(--header-runway-bell) + var(--header-control-size) + var(--header-action-gap));display:flex}@media (width>=900px){.app-header__inner{padding:20px var(--header-inline-pad)}.app-header__nav,.app-header__actions .btn-icon-round:not(.notif-bell):not(.app-header__gear){display:flex}.app-header__nav{gap:36px}}.desktop-columns{gap:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.desktop-columns__main,.desktop-columns__side{gap:var(--space-5);flex-direction:column;width:100%;display:flex}@media (width>=900px){.desktop-columns{gap:var(--space-7);flex-direction:row;align-items:stretch}.desktop-columns__main{flex:680px;min-inline-size:0}.desktop-columns__side{flex:0 0 340px;width:auto}}.mascot-nudge-card{padding:var(--space-4) var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-accent-soft), oklch(76% .13 70/.12))}.offline-banner{justify-content:center;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4);text-align:center;font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-warning-soft);border-block-end:1px solid var(--color-warning);flex-wrap:wrap;display:flex}.offline-banner--error{background:var(--color-danger-soft);border-block-end-color:var(--color-danger)}.offline-banner__action{min-block-size:44px;padding-inline:var(--space-2);font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.offline-indicator{color:var(--color-warning);align-items:center;display:inline-flex}.offline-indicator svg{block-size:20px;inline-size:20px}.board-stale{text-align:center;margin-block-end:var(--space-3);font-size:.875rem}.load-error{text-align:center;padding-block:var(--space-5);align-items:center}.load-error .btn{align-self:center}.bottom-nav{z-index:90;background:var(--color-bg-elevated);border-block-start:1px solid var(--color-border);padding:8px 8px max(8px, env(safe-area-inset-bottom));display:flex;position:fixed;inset-block-end:0;inset-inline:0}.bottom-nav__tab{border-radius:var(--radius-md);min-width:0;min-height:52px;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:var(--weight-medium);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.bottom-nav__tab span{white-space:nowrap;max-inline-size:100%;overflow:hidden}@media (width<=359px){.bottom-nav{padding-inline:4px}.bottom-nav__tab{font-size:.625rem}}@media (width<=299px){.bottom-nav__tab span{display:none}.bottom-nav__tab svg{width:24px;height:24px}}.bottom-nav__tab svg{width:21px;height:21px}.bottom-nav__tab.is-active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-strong)}@media (width>=900px){.bottom-nav{display:none}}.toast{z-index:110;inset-block-end:calc(68px + var(--space-4) + env(safe-area-inset-bottom));inset-inline:var(--space-4);align-items:flex-start;gap:var(--space-3);max-inline-size:420px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-danger);box-shadow:var(--shadow-md);margin-inline:auto;animation:.16s ease-out toast-in;display:flex;position:fixed;overflow:hidden}@media (width>=900px){.toast{inset-block-end:var(--space-5)}}.toast--success{border-color:var(--color-success)}.toast--success .toast__message{color:var(--color-success)}.toast--success .toast__close:hover{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.toast--info{border-color:var(--color-border)}.toast--info .toast__message{color:var(--color-text-primary)}.toast__message{min-width:0;color:var(--color-danger);overflow-wrap:anywhere;flex:1;font-size:.875rem}.toast__action{min-block-size:44px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-accent);font-size:.875rem;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;flex-shrink:0}.toast__action:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.toast__countdown{background:var(--color-accent);block-size:3px;inline-size:100%;animation:toast-countdown var(--toast-countdown,5s) linear forwards;position:absolute;inset-block-end:0;inset-inline-start:0}@keyframes toast-countdown{to{inline-size:0}}.toast__close{border-radius:var(--radius-sm);block-size:28px;inline-size:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toast__close:hover{background:var(--color-danger-soft);color:var(--color-danger)}.toast__close svg{block-size:16px;inline-size:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.pull-refresh{z-index:95;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.pull-refresh__dial{--pull-offset:0px;--pull-progress:0;--pull-dial-size:36px;inline-size:var(--pull-dial-size);block-size:var(--pull-dial-size);transform:translate3d(0, calc(var(--pull-offset) + env(safe-area-inset-top)), 0);border-radius:var(--radius-pill);background:var(--color-bg-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-md);color:var(--color-text-secondary);opacity:calc(var(--pull-progress) * 1.6);justify-content:center;align-items:center;margin-block-start:calc(-1 * var(--pull-dial-size) - var(--space-2));display:flex}.pull-refresh__dial svg{block-size:18px;inline-size:18px;transform:rotate(calc(var(--pull-progress) * 270deg))}.pull-refresh__dial.is-settling{transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease-out}.pull-refresh__dial.is-refreshing{opacity:1}.pull-refresh__dial.is-refreshing svg{animation:.9s linear infinite pull-refresh-spin}@keyframes pull-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pull-refresh__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pull-refresh__dial svg{transform:none}.pull-refresh__dial.is-settling{transition:none}}[data-skin]{--skin-unit:1px;--skin-ink:color-mix(in oklab, var(--skin-tint) 11%, transparent);--skin-ink-soft:color-mix(in oklab, var(--skin-tint) 7%, transparent)}[data-skin-room=habits]{--skin-tint:var(--color-habits)}[data-skin-room=tasks]{--skin-tint:var(--color-tasks)}[data-skin-color=black]{--skin-tint:var(--color-text)}@media (prefers-color-scheme:dark){[data-skin]{--skin-ink:color-mix(in oklab, var(--skin-tint) 12%, transparent);--skin-ink-soft:color-mix(in oklab, var(--skin-tint) 8%, transparent)}}:root[data-theme=light] [data-skin]{--skin-ink:color-mix(in oklab, var(--skin-tint) 11%, transparent);--skin-ink-soft:color-mix(in oklab, var(--skin-tint) 7%, transparent)}:root[data-theme=dark] [data-skin]{--skin-ink:color-mix(in oklab, var(--skin-tint) 12%, transparent);--skin-ink-soft:color-mix(in oklab, var(--skin-tint) 8%, transparent)}.room-skin{z-index:-1;pointer-events:none;position:fixed;inset:0}.room-skin[data-skin=none]{display:none}[dir=rtl] .room-skin{transform:scaleX(-1)}[data-skin=drift]{--skin-tile:calc(30 * var(--skin-unit));background-image:radial-gradient(circle at 50% 100%, transparent 0 42%, var(--skin-ink) 44% 50%, transparent 52%), radial-gradient(circle at 50% 100%, transparent 0 42%, var(--skin-ink-soft) 44% 50%, transparent 52%);background-size:var(--skin-tile) var(--skin-tile);background-position:0 0, calc(15 * var(--skin-unit)) calc(15 * var(--skin-unit))}[data-skin=halo]{--skin-tile:calc(38 * var(--skin-unit));background-image:radial-gradient(circle at 50% 50%, transparent 0 24%, var(--skin-ink) 26% 33%, transparent 35%);background-size:var(--skin-tile) var(--skin-tile)}[data-skin=ripple]{background-image:repeating-radial-gradient(circle at 2% 98%, transparent 0 calc(14 * var(--skin-unit)), var(--skin-ink) calc(16 * var(--skin-unit)) calc(19 * var(--skin-unit)), transparent calc(21 * var(--skin-unit)) calc(36 * var(--skin-unit)))}[data-skin=bands]{background-image:repeating-linear-gradient(118deg, transparent 0 calc(2 * var(--skin-unit)), var(--skin-ink) calc(4 * var(--skin-unit)) calc(10 * var(--skin-unit)), transparent calc(12 * var(--skin-unit)) calc(30 * var(--skin-unit)))}[data-skin=dapple]{--skin-tile:calc(34 * var(--skin-unit));background-image:radial-gradient(circle at 50% 50%, var(--skin-ink) 0 16%, transparent 18%), radial-gradient(circle at 50% 50%, var(--skin-ink-soft) 0 9%, transparent 11%);background-size:var(--skin-tile) var(--skin-tile);background-position:0 0, calc(17 * var(--skin-unit)) calc(17 * var(--skin-unit))}[data-skin=weave]{--skin-tile:calc(26 * var(--skin-unit));background-image:repeating-linear-gradient(to right, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-tile)), repeating-linear-gradient(to bottom, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-tile))}[data-skin=chevron]{--skin-tile:calc(22 * var(--skin-unit));background-image:linear-gradient(135deg, transparent 0 21%, var(--skin-ink) 21% 25%, transparent 25.5%), linear-gradient(225deg, transparent 0 21%, var(--skin-ink) 21% 25%, transparent 25.5%), linear-gradient(315deg, transparent 0 21%, var(--skin-ink) 21% 25%, transparent 25.5%), linear-gradient(45deg, transparent 0 21%, var(--skin-ink) 21% 25%, transparent 25.5%);background-size:var(--skin-tile) var(--skin-tile);background-position:calc(11 * var(--skin-unit)) 0, calc(11 * var(--skin-unit)) 0, 0 0, 0 0}[data-skin=dots]{--skin-tile:calc(16 * var(--skin-unit));background-image:radial-gradient(circle at 50% 50%, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.7 * var(--skin-unit)));background-size:var(--skin-tile) var(--skin-tile)}[data-skin=lines]{--skin-tile:calc(34 * var(--skin-unit));background-image:repeating-linear-gradient(to bottom, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-tile))}[data-skin=bubbles]{--skin-tile:calc(40 * var(--skin-unit));background-image:radial-gradient(circle at 30% 28%, transparent 0 19%, var(--skin-ink) 21% 25%, transparent 27%), radial-gradient(circle at 74% 62%, transparent 0 10%, var(--skin-ink-soft) 12% 16%, transparent 18%), radial-gradient(circle at 48% 88%, transparent 0 6%, var(--skin-ink) 7.5% 10%, transparent 12%);background-size:var(--skin-tile) var(--skin-tile)}[data-skin=confetti]{background-image:radial-gradient(ellipse calc(5 * var(--skin-unit)) calc(2 * var(--skin-unit)) at 20% 30%, var(--skin-ink) 0 62%, transparent 66%), radial-gradient(ellipse calc(2 * var(--skin-unit)) calc(5 * var(--skin-unit)) at 70% 55%, var(--skin-ink-soft) 0 62%, transparent 66%), radial-gradient(ellipse calc(4.5 * var(--skin-unit)) calc(2 * var(--skin-unit)) at 45% 80%, var(--skin-ink) 0 62%, transparent 66%), radial-gradient(ellipse calc(2 * var(--skin-unit)) calc(4.5 * var(--skin-unit)) at 85% 18%, var(--skin-ink-soft) 0 62%, transparent 66%), radial-gradient(ellipse calc(3 * var(--skin-unit)) calc(3 * var(--skin-unit)) at 12% 68%, var(--skin-ink) 0 62%, transparent 66%);background-size:calc(29 * var(--skin-unit)) calc(31 * var(--skin-unit)), calc(37 * var(--skin-unit)) calc(33 * var(--skin-unit)), calc(23 * var(--skin-unit)) calc(27 * var(--skin-unit)), calc(41 * var(--skin-unit)) calc(35 * var(--skin-unit)), calc(19 * var(--skin-unit)) calc(43 * var(--skin-unit))}[data-skin=stars]{background-image:radial-gradient(ellipse calc(1.2 * var(--skin-unit)) calc(7 * var(--skin-unit)) at 30% 28%, var(--skin-ink) 0 55%, transparent 60%), radial-gradient(ellipse calc(5 * var(--skin-unit)) calc(1.2 * var(--skin-unit)) at 30% 28%, var(--skin-ink) 0 55%, transparent 60%), radial-gradient(ellipse calc(.9 * var(--skin-unit)) calc(4.6 * var(--skin-unit)) at 74% 62%, var(--skin-ink-soft) 0 55%, transparent 60%), radial-gradient(ellipse calc(3.4 * var(--skin-unit)) calc(.9 * var(--skin-unit)) at 74% 62%, var(--skin-ink-soft) 0 55%, transparent 60%), radial-gradient(ellipse calc(.8 * var(--skin-unit)) calc(3.4 * var(--skin-unit)) at 52% 85%, var(--skin-ink) 0 55%, transparent 60%), radial-gradient(ellipse calc(2.6 * var(--skin-unit)) calc(.8 * var(--skin-unit)) at 52% 85%, var(--skin-ink) 0 55%, transparent 60%);background-size:calc(41 * var(--skin-unit)) calc(37 * var(--skin-unit)), calc(41 * var(--skin-unit)) calc(37 * var(--skin-unit)), calc(29 * var(--skin-unit)) calc(33 * var(--skin-unit)), calc(29 * var(--skin-unit)) calc(33 * var(--skin-unit)), calc(23 * var(--skin-unit)) calc(43 * var(--skin-unit)), calc(23 * var(--skin-unit)) calc(43 * var(--skin-unit))}[data-skin=checkers]{--skin-tile:calc(14 * var(--skin-unit));background-image:conic-gradient(var(--skin-ink-soft) 0 25%, transparent 0 50%, var(--skin-ink-soft) 0 75%, transparent 0);background-size:var(--skin-tile) var(--skin-tile)}[data-skin=waves]{--skin-w:calc(40 * var(--skin-unit));--skin-h:calc(20 * var(--skin-unit));background-image:radial-gradient(circle at 50% 100%, transparent 0 32.5%, var(--skin-ink) 34% 37%, transparent 38.5%), radial-gradient(circle at 50% 0%, transparent 0 32.5%, var(--skin-ink) 34% 37%, transparent 38.5%);background-size:var(--skin-w) var(--skin-h);background-position:0 0, calc(20 * var(--skin-unit)) 0}[data-skin=petals]{--skin-tile:calc(36 * var(--skin-unit));background-image:radial-gradient(circle at 50% 30%, var(--skin-ink) 0 calc(2.4 * var(--skin-unit)), transparent calc(3.1 * var(--skin-unit))), radial-gradient(circle at 70% 50%, var(--skin-ink) 0 calc(2.4 * var(--skin-unit)), transparent calc(3.1 * var(--skin-unit))), radial-gradient(circle at 50% 70%, var(--skin-ink) 0 calc(2.4 * var(--skin-unit)), transparent calc(3.1 * var(--skin-unit))), radial-gradient(circle at 30% 50%, var(--skin-ink) 0 calc(2.4 * var(--skin-unit)), transparent calc(3.1 * var(--skin-unit))), radial-gradient(circle at 50% 50%, var(--skin-ink-soft) 0 calc(1.3 * var(--skin-unit)), transparent calc(2 * var(--skin-unit)));background-size:var(--skin-tile) var(--skin-tile)}[data-skin=trellis]{--skin-tile:calc(32 * var(--skin-unit));background-image:repeating-linear-gradient(52deg, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-tile)), repeating-linear-gradient(-52deg, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-tile))}[data-skin=bricks]{--skin-tile:calc(40 * var(--skin-unit));--skin-course:calc(20 * var(--skin-unit));background-image:repeating-linear-gradient(to bottom, var(--skin-ink) 0 calc(1 * var(--skin-unit)), transparent calc(1.6 * var(--skin-unit)) var(--skin-course)), radial-gradient(ellipse calc(.55 * var(--skin-unit)) calc(9.5 * var(--skin-unit)) at 25% 25%, var(--skin-ink) 0 82%, transparent 90%), radial-gradient(ellipse calc(.55 * var(--skin-unit)) calc(9.5 * var(--skin-unit)) at 75% 75%, var(--skin-ink) 0 82%, transparent 90%);background-size:var(--skin-tile) var(--skin-course), var(--skin-tile) var(--skin-tile), var(--skin-tile) var(--skin-tile)}[data-skin=sparks]{background-image:conic-gradient(from 300deg at 26% 40%, transparent 0 1%, var(--skin-ink) 1% 2.8%, transparent 2.8%), conic-gradient(from 34deg at 78% 55%, transparent 0 1%, var(--skin-ink) 1% 2.8%, transparent 2.8%), conic-gradient(from 168deg at 48% 86%, transparent 0 1%, var(--skin-ink) 1% 2.8%, transparent 2.8%), conic-gradient(from 250deg at 20% 62%, transparent 0 1%, var(--skin-ink-soft) 1% 2.8%, transparent 2.8%);background-size:calc(23 * var(--skin-unit)) calc(43 * var(--skin-unit)), calc(37 * var(--skin-unit)) calc(19 * var(--skin-unit)), calc(19 * var(--skin-unit)) calc(47 * var(--skin-unit)), calc(41 * var(--skin-unit)) calc(29 * var(--skin-unit))}.skin-rows{gap:var(--space-2);flex-direction:column;display:flex}.skin-row{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);cursor:pointer;text-align:start;min-block-size:44px;inline-size:100%;font:inherit;color:var(--color-text);padding:10px 12px;transition:background-color .15s;display:flex}.skin-row:hover{background:var(--color-bg-hover)}.skin-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.skin-row__art{border-radius:var(--radius-sm);background-color:var(--color-bg);block-size:40px;inline-size:64px;box-shadow:inset 0 0 0 1px var(--color-border);flex:none}.skin-row__text{flex-direction:column;flex:auto;gap:2px;min-inline-size:0;display:flex}.skin-row__label{font-size:.9375rem;font-weight:var(--weight-medium)}.skin-row__value{color:var(--color-text-secondary);font-size:.8125rem}.skin-row__chevron{block-size:18px;inline-size:18px;color:var(--color-text-tertiary);flex:none}[dir=rtl] .skin-row__chevron{transform:scaleX(-1)}.skin-sheet__body{gap:var(--space-5);flex-direction:column;display:flex}.skin-sheet__preview{z-index:1;background:var(--color-bg-elevated);padding-block-end:var(--space-2);position:sticky;inset-block-start:0}.skin-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);block-size:158px;padding:10px;position:relative;overflow:hidden}.skin-preview__ground{display:block;position:absolute;inset:0}.skin-preview__chrome{background:var(--color-bg-elevated);border-block-end:1px solid var(--color-border);align-items:center;gap:8px;margin:-10px -10px 10px;padding:8px 10px;display:flex;position:relative}.skin-preview__mark{background:var(--skin-tint,var(--color-accent));border-radius:4px;block-size:14px;inline-size:14px}.skin-preview__title{border-radius:var(--radius-pill);background:var(--color-bg-subtle);block-size:8px;inline-size:54px}.skin-preview__stack{flex-direction:column;gap:8px;display:flex;position:relative}.skin-preview__row{align-items:center;gap:10px;display:flex}.skin-preview__line{border-radius:var(--radius-pill);background:var(--color-bg-subtle);flex:auto;block-size:8px}.skin-preview__line--short{max-inline-size:60%}.skin-preview__cells{flex:none;gap:3px;display:flex}.skin-preview__cell{background:var(--color-bg-subtle);border-radius:6px;block-size:22px;inline-size:22px}.skin-preview__cell.is-done[data-skin-room=habits]{background:var(--color-habits)}.skin-preview__cell.is-done[data-skin-room=tasks]{background:var(--color-tasks)}.skin-preview__task{border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:12px 10px;display:flex}.skin-preview__check{border:1.5px solid var(--color-border-strong,var(--color-border));border-radius:5px;flex:none;block-size:16px;inline-size:16px}.skin-preview__caption{border-radius:var(--radius-pill);background:var(--color-bg-elevated);color:var(--color-text-tertiary);margin:0;padding:2px 8px;font-size:.6875rem;position:absolute;inset-block-end:6px;inset-inline-end:10px}.skin-field__label{font-size:.9375rem;font-weight:var(--weight-medium);margin:0 0 10px}.skin-colors{gap:var(--space-3);flex-wrap:wrap;display:flex}.skin-color{cursor:pointer;text-align:center;white-space:nowrap;min-inline-size:44px;color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:6px;padding-inline:2px;font-size:.75rem;line-height:1.25;display:flex;position:relative}.skin-color__dot{border-radius:var(--radius-pill);background:var(--skin-tint,var(--color-accent));block-size:34px;inline-size:34px;box-shadow:0 0 0 1px var(--color-border);transition:box-shadow .15s}.skin-color:has(input:checked){color:var(--color-text);font-weight:var(--weight-medium)}.skin-color:has(input:checked) .skin-color__dot{box-shadow:0 0 0 2px var(--color-bg-elevated), 0 0 0 4px var(--color-accent)}.skin-color:has(input:focus-visible) .skin-color__dot{outline:2px solid var(--color-accent);outline-offset:4px}.skin-color input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.skin-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.skin-tile{cursor:pointer;text-align:center;color:var(--color-text-secondary);flex-direction:column;gap:6px;font-size:.8125rem;display:flex;position:relative}.skin-tile__art{--skin-unit:1px;border-radius:var(--radius-md);background-color:var(--color-bg);block-size:68px;box-shadow:inset 0 0 0 1px var(--color-border);transition:box-shadow .15s}.skin-tile:has(input:checked){color:var(--color-text);font-weight:var(--weight-medium)}.skin-tile:has(input:checked) .skin-tile__art{box-shadow:inset 0 0 0 2px var(--color-accent)}.skin-tile:has(input:focus-visible) .skin-tile__art{outline:2px solid var(--color-accent);outline-offset:2px}.skin-tile input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.skin-group+.skin-group{margin-block-start:var(--space-4)}.skin-group__caption{color:var(--color-text-secondary);margin:0 0 8px;font-size:.8125rem}.group-picker{display:inline-block;position:relative}.group-picker__trigger{gap:6px}.group-picker__menu{z-index:20;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);min-inline-size:240px;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0}.group-picker__item{border-radius:var(--radius-sm);min-inline-size:0;color:var(--color-text);font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;flex:auto;align-items:center;padding:8px 10px;font-size:.875rem;display:flex;overflow:hidden}.group-picker__row{align-items:center;gap:2px;display:flex}.group-picker__edit-form{flex-direction:column;gap:6px;padding:4px;display:flex}.group-picker__edit-form .input{font-size:var(--input-font-size-sm);min-inline-size:0;padding:6px 8px}.group-picker__item:hover{background:var(--color-bg-subtle)}.group-picker__item[aria-selected=true]{color:var(--color-accent);font-weight:var(--weight-medium)}.group-picker__divider{background:var(--color-border);block-size:1px;margin-block:4px}.group-picker__error{padding:8px 12px}.group-picker__add-form{flex-direction:column;gap:6px;padding:4px;display:flex}.group-picker__form-actions{gap:6px;display:flex}.group-picker__color-hint{color:var(--color-text-secondary);margin:2px 0 0;font-size:.75rem}.group-picker__dot{border-radius:50%;flex:none;block-size:10px;inline-size:10px;margin-inline-end:8px;box-shadow:inset 0 0 0 1px #00000014}.group-picker__add-form .input{font-size:var(--input-font-size-sm);padding:6px 8px}.group-picker__section-label{font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);margin:4px 10px 2px}.group-picker__views,.group-picker__groups{flex-direction:column;gap:2px;display:flex}.group-picker__view[aria-pressed=true]{color:var(--color-accent);font-weight:var(--weight-medium)}.group-picker__view-tag{background:var(--color-accent);color:var(--color-accent-contrast);font-size:.6875rem;font-weight:var(--weight-medium);border-radius:999px;align-items:center;margin-inline-start:6px;padding:1px 7px;display:inline-flex}.page--board{max-width:1280px}.board-layout{gap:var(--space-6);flex-direction:column;display:flex}.board-layout__main{gap:var(--space-6);flex-direction:column;min-inline-size:0;display:flex}@media (width>=900px){.board-layout{flex-direction:row;align-items:stretch}.board-layout__main{flex:auto}.right-rail{flex:0 0 320px;max-inline-size:320px}}.day-header{gap:var(--space-4);flex-direction:column;display:flex}.day-header__top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.day-header__greeting{color:var(--color-text-secondary);font-size:.9375rem;font-weight:var(--weight-strong);margin-block-end:calc(6px - var(--space-4))}.day-header__date{color:var(--color-text-secondary);margin-top:2px;font-size:.9375rem}.day-header__day-index{font-variant-numeric:tabular-nums}.day-header__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.day-header__actions .btn svg{flex:none;width:16px;height:16px}.day-nav{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.day-nav__options{border-radius:var(--radius-md);background:var(--color-bg-subtle);gap:4px;max-inline-size:100%;padding:4px;display:flex}.day-nav__option{min-block-size:44px;min-inline-size:92px;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 4px);font:inherit;font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:auto;transition:background .15s,color .15s}.day-nav__option:hover{color:var(--color-text)}.day-nav__option[aria-pressed=true]{background:var(--color-bg-elevated);color:var(--color-text);box-shadow:var(--shadow-sm)}.day-nav__option.is-past[aria-pressed=true],.day-nav__option.is-future[aria-pressed=true]{background:var(--color-warning-soft);color:var(--color-text);box-shadow:none}.day-nav__option{justify-content:center;align-items:center;gap:4px;display:inline-flex}.day-nav__badge{opacity:.65;flex:none;block-size:14px;inline-size:14px}.day-nav__hint{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-warning)}@media (width<=899px){.day-nav,.day-nav__options{inline-size:100%}.day-nav__option{min-inline-size:0;padding:0 var(--space-2)}}.day-header__progress{flex-direction:column;gap:6px;display:flex}.day-header__bar{gap:4px;display:flex}.day-header__segment{background:var(--color-bg-subtle);border-radius:3px;flex:1;height:6px}.day-header__segment.is-filled{background:var(--color-accent)}.day-header.is-past .day-header__segment.is-filled{background:var(--color-warning)}.day-header__progress.is-preview .day-header__segment{box-shadow:inset 0 0 0 1.5px var(--color-border);background:0 0}.day-header__segment.is-bonus{background:var(--color-accent-soft);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.day-header.is-past .day-header__segment.is-bonus{background:color-mix(in srgb, var(--color-warning) 20%, transparent);box-shadow:inset 0 0 0 1.5px var(--color-warning)}.day-header__progress-label{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.day-header__counts{flex-wrap:wrap;gap:6px;display:flex}.day-header__count{min-block-size:34px;padding:0 var(--space-3);background:var(--color-bg-subtle);font:inherit;font-size:.8125rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.day-header__count:hover{color:var(--color-text)}.day-header__count[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.day-header__count.is-quiet{border-color:var(--color-border);color:var(--color-text-tertiary);background:0 0}.day-header__count.is-quiet[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.check-in-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.check-in-sections{gap:var(--space-5);flex-direction:column;display:flex}.check-in-section{gap:var(--space-2);flex-direction:column;display:flex}.check-in-section__heading{align-items:center;gap:var(--space-3);font-size:.8125rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);display:flex}.check-in-section__heading:after{content:"";background:var(--color-border);flex:auto;block-size:1px}.check-in-card{--check-in-name-size:.9375rem;--check-in-name-leading:1.3;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;transition:border-color .15s;display:flex}.check-in-card.is-done{border-color:var(--habit-color)}.check-in-card.is-skipped{border-color:var(--color-warning)}.check-in-card__top{align-items:center;gap:var(--space-3);display:flex}.check-in-card__icon{border-radius:var(--radius-md);background:var(--color-bg-subtle);flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.check-in-card__text{flex:auto;min-inline-size:0}.check-in-card__name{-webkit-line-clamp:2;line-clamp:2;font-size:var(--check-in-name-size);font-weight:var(--weight-strong);line-height:var(--check-in-name-leading);color:var(--color-text);overflow-wrap:anywhere;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.check-in-card__name:hover{text-decoration:underline}.check-in-card__subtitle{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem}.check-in-card__more{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-self:start;align-items:center;margin-block-start:calc((var(--check-in-name-size) * var(--check-in-name-leading) - 28px) / 2);padding:0;display:flex}.check-in-card__more svg{width:16px;height:16px}.check-in-card__more:hover,.check-in-card__more[aria-expanded=true]{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.check-in-card.is-off-schedule:not(.is-done):not(.is-skipped){background:var(--color-bg);border-color:color-mix(in oklab, var(--color-border) 55%, var(--color-bg));box-shadow:none}.check-in-card.is-off-schedule:not(.has-weekly-target) .check-in-card__icon{background-color:#0000;background-image:var(--offschedule-wash)}.check-in-card__buttons{gap:var(--space-2);margin-block-start:auto;display:flex}.check-in-card__done{border-radius:var(--radius-md);border:1.5px solid color-mix(in oklab, var(--habit-color) 42%, var(--color-border));background:color-mix(in oklab, var(--habit-color) 8%, var(--color-bg-elevated));min-height:52px;color:var(--color-text);font:inherit;font-size:.9375rem;font-weight:var(--weight-medium);cursor:pointer;flex:auto;justify-content:center;align-items:center;gap:6px;transition:background-color .15s,border-color .15s,color .15s;display:flex}.check-in-card__done svg{width:16px;height:16px}.check-in-card:not(.is-done):not(.is-readonly) .check-in-card__done svg{color:color-mix(in oklab, var(--habit-color) 62%, var(--color-text-tertiary))}.check-in-card:not(.is-done):not(.is-readonly) .check-in-card__done:hover{background:color-mix(in oklab, var(--habit-color) 16%, var(--color-bg-elevated));border-color:color-mix(in oklab, var(--habit-color) 62%, var(--color-border))}.check-in-card.is-done .check-in-card__done{background:var(--habit-color);border-color:var(--habit-color);color:var(--color-ink-on-habit)}.check-in-card__preview{border-color:color-mix(in oklab, var(--color-border) 65%, var(--color-bg));color:var(--color-text-tertiary);font-weight:var(--weight-medium);cursor:help;background:0 0}.check-in-card__preview svg{opacity:.7}.check-in-card__preview:hover{border-color:var(--color-warning);color:var(--color-text-secondary)}.check-in-card.is-readonly{border-color:var(--color-border)}.check-in-card__skip{border-radius:var(--radius-md);border:1.5px solid var(--color-border);width:52px;height:52px;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex:0 0 52px;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:flex}.check-in-card__skip svg{width:18px;height:18px}.check-in-card.is-skipped .check-in-card__skip{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-ink-on-habit)}.check-in-state{background:var(--color-bg-subtle);block-size:18px;max-inline-size:100%;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;vertical-align:top;border-radius:999px;padding:1px 8px;line-height:16px;display:inline-block;overflow:hidden}.today-row.is-skipped .check-in-state,.check-in-card.is-skipped .check-in-state{background:color-mix(in oklab, var(--color-warning) 18%, var(--color-bg-subtle));color:color-mix(in oklab, var(--color-warning) 55%, var(--color-text))}.week-strip{align-items:flex-end;gap:3px;display:flex}.week-strip__bar{background:var(--color-cell-empty,var(--color-bg-subtle));border-radius:3px;flex:1;block-size:5px;min-inline-size:0}.week-strip__bar--today{block-size:8px}.week-strip__bar--done{background:var(--habit-color,var(--color-accent))}.week-strip__bar--skipped{background:var(--color-warning)}.week-strip__bar--off{opacity:.5}.week-grid-card{gap:var(--space-3);--cell-size:62px;flex-direction:column;display:flex}.week-grid-card .day-cell{block-size:56px}.week-grid-card .grid-date-header__cells,.week-grid-card .habit-grid-row__cells,.week-grid-card .day-totals-row__cells,.week-grid-card .time-off-band__cells{margin-inline-start:auto}@media (width<=899px){.week-grid-card{--cell-size:auto;gap:var(--space-2)}.week-grid-card .habit-grid-row{flex-direction:column;align-items:stretch;gap:6px;padding-inline:0}.week-grid-card .habit-grid-row__label{flex:none;inline-size:auto}.week-grid-card .grid-date-header__label,.week-grid-card .day-totals-row__label,.week-grid-card .time-off-band__label{display:none}.week-grid-card .grid-date-header,.week-grid-card .day-totals-row,.week-grid-card .time-off-band{padding-inline:0}.week-grid-card .grid-date-header__cells,.week-grid-card .day-totals-row__cells,.week-grid-card .time-off-band__cells{flex:auto}.week-grid-card .grid-date-header__cells,.week-grid-card .habit-grid-row__cells,.week-grid-card .day-totals-row__cells,.week-grid-card .time-off-band__cells{margin-inline-start:0;overflow-x:hidden}.week-grid-card .time-off-band__span{flex:var(--span-days) 1 0;inline-size:auto;min-inline-size:0}.week-grid-card .grid-date-header__cell,.week-grid-card .day-cell,.week-grid-card .day-totals-row__cell{flex:1 1 0;inline-size:auto;min-inline-size:0}.week-grid-card .day-cell{aspect-ratio:1.15;block-size:auto}.week-grid-card .day-totals-row__cell{block-size:28px}.week-grid-card .day-totals-row__cell--today{box-shadow:none}.week-grid-card .day-totals-row__cell--today .day-totals-row__circle{block-size:26px;inline-size:26px;box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.week-sheet .week-glance{grid-template-columns:repeat(3,minmax(0,1fr))}.week-sheet .dialog-body{gap:var(--space-4);padding-block-start:0}.week-sheet .week-glance-card{margin-block-start:var(--space-5)}.week-sheet .grid-date-header{z-index:2;background:var(--color-bg-elevated);padding-block:var(--space-3) var(--space-2);margin-block-end:0;position:sticky;inset-block-start:0}}@media (width>=640px) and (width<=899px) and (orientation:landscape){.week-sheet .dialog-body{column-gap:var(--space-4);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;display:grid}.week-sheet .week-glance{grid-template-columns:repeat(2,minmax(0,1fr))}.week-sheet .week-grid-card{margin-block-start:var(--space-5)}}.right-rail{gap:var(--space-4);flex-direction:column;display:flex}.week-glance{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.right-rail .week-glance-card{--week-glance-rows:6;--week-glance-tile-max:5.5rem;--week-glance-card-chrome:70px;gap:var(--space-3);max-block-size:calc(var(--week-glance-rows) * var(--week-glance-tile-max) + (var(--week-glance-rows) - 1) * var(--space-2) + var(--week-glance-card-chrome));flex-direction:column;flex:auto;display:flex}.right-rail .week-glance{max-block-size:calc(var(--week-glance-rows) * var(--week-glance-tile-max) + (var(--week-glance-rows) - 1) * var(--space-2));flex:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(44px,1fr)}.right-rail .week-glance .stat-card{padding:var(--space-2) var(--space-3);gap:2px}.right-rail .week-glance .stat-value{font-size:1.25rem;line-height:1.15}.right-rail .week-glance .stat-card__label{overflow-wrap:normal;font-size:.75rem}.week-glance .stat-card{padding:var(--space-2);gap:2px}.week-glance .stat-value{font-size:1.125rem}.week-glance .stat-card__label{overflow-wrap:anywhere;font-size:.6875rem;line-height:1.25}.reorder-dialog__section+.reorder-dialog__section{margin-block-start:var(--space-5)}.reorder-dialog__section h3{margin-block-end:var(--space-2)}.reorder-dialog__list{gap:var(--space-2);flex-direction:column;display:flex}.reorder-dialog__row{align-items:center;gap:var(--space-3);min-block-size:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;display:flex}.reorder-dialog__row.is-dragging{z-index:10;box-shadow:var(--shadow-md);background:var(--color-bg-elevated);cursor:grabbing;position:relative}.reorder-dialog__row--group{box-shadow:inset 0 0 0 1px var(--color-border);background:0 0}.reorder-dialog__row--group.is-dragging{background:var(--color-bg-elevated)}.reorder-dialog__note{color:var(--color-text-secondary);margin-block-start:var(--space-2);font-size:.8125rem}.reorder-dialog__icon{flex:none}.reorder-dialog__name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;font-size:.9375rem;overflow:hidden}.reorder-dialog__handle{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);cursor:grab;touch-action:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.reorder-dialog__handle:active{cursor:grabbing}.reorder-dialog__row svg{width:20px;height:20px}.week-grid-card__header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.week-grid-card__header h2,.week-grid-card__range{white-space:nowrap}.week-nav{align-items:center;gap:var(--space-2);margin-inline-start:auto;display:flex}.week-nav__btn{border:1px solid var(--color-border);background:var(--color-bg-elevated);block-size:36px;inline-size:36px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.week-nav__btn svg{block-size:18px;inline-size:18px}.week-nav__btn:hover:not(:disabled){background:var(--color-bg-hover)}.week-nav__btn:disabled{opacity:.35;cursor:default}.week-nav__current{border-radius:var(--radius-sm);padding-block:6px;padding-inline:var(--space-3);background:var(--color-accent-soft);color:var(--color-accent);font-size:.8125rem;font-weight:var(--weight-strong);cursor:pointer;white-space:nowrap;border:none}.week-grid-card__range{font-size:1rem;font-weight:var(--weight-strong);color:var(--color-text)}.week-grid-card__past-hint{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-warning)}@media (width<=899px){.week-nav__btn{block-size:44px;inline-size:44px}}.check-in-grid__rest-day{gap:var(--space-1);padding:var(--space-5) var(--space-4);border:1px solid color-mix(in oklab, var(--color-border) 55%, var(--color-bg));border-radius:var(--radius-lg);background:var(--color-bg-subtle);text-align:start;flex-direction:column;display:flex}.check-in-grid__rest-day-title{font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text)}.hidden-note{margin-block-start:var(--space-2);display:flex}.hidden-note__toggle{min-height:36px;padding-inline:var(--space-3);font-size:.8125rem}.check-in-grid__rest-day .hidden-note__toggle{margin-inline-start:calc(var(--space-3) * -1)}.board-filter{margin-block-end:var(--space-4)}.board-filter__primary label{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-inline-size:0;padding-inline:4px;display:flex}.board-filter__primary label>span{text-overflow:ellipsis;overflow:hidden}.board-filter__primary label.has-color .primary-tag__dot{background:var(--tag-color)}.board-filter__primary label:has(input:checked) .primary-tag__dot{box-shadow:0 0 0 1px var(--color-accent-contrast)}.board-group-filter{flex:none;max-inline-size:55%;position:relative}.board-group-filter__trigger{min-block-size:40px;inline-size:100%;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-bg-subtle);font:inherit;font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.board-group-filter__trigger:hover{color:var(--color-text)}.board-group-filter__trigger[aria-pressed=true]{background:var(--color-bg-elevated);border-color:var(--color-accent);color:var(--color-text)}.board-group-filter__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-group-filter__dot{border-radius:50%;flex:none;block-size:8px;inline-size:8px}.board-group-filter__dot.is-empty{background:0 0}.board-group-filter__menu{z-index:20;min-inline-size:200px;max-inline-size:min(280px, calc(100vw - var(--page-inline-pad) * 2));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);max-block-size:60vh;box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-end:0;overflow-y:auto}.board-group-filter__option{align-items:center;gap:var(--space-2);min-block-size:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);font:inherit;color:var(--color-text);text-align:start;cursor:pointer;background:0 0;border:0;font-size:.9375rem;display:flex}.board-group-filter__option:hover{background:var(--color-bg-hover)}.board-group-filter__option[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-strong)}.day-header__primary{max-inline-size:320px;margin-block:var(--space-3) 0}.day-header__primary label{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-inline-size:0;display:flex}.day-header__primary label>span{text-overflow:ellipsis;overflow:hidden}.day-header__primary label.has-color .primary-tag__dot{background:var(--tag-color)}.day-header__primary label:has(input:checked) .primary-tag__dot{box-shadow:0 0 0 1px var(--color-accent-contrast)}.value-chip{border:1.5px solid color-mix(in oklch, var(--habit-color) 45%, transparent);background:color-mix(in oklch, var(--habit-color) 12%, transparent);min-height:34px;color:var(--color-text);font:inherit;font-size:.8125rem;font-weight:var(--weight-medium);cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding-inline:12px;transition:background-color .15s,border-color .15s;display:inline-flex}.value-chip--empty{border-color:color-mix(in oklab, var(--color-border) 65%, var(--color-bg));color:var(--color-text-tertiary);font-weight:var(--weight-medium);background:0 0}.value-chip:hover{background:color-mix(in oklch, var(--habit-color) 20%, transparent)}.value-chip--editing{cursor:text;padding-inline-start:6px}.value-chip__input{inline-size:4.5rem;min-height:30px;color:var(--color-text);font:inherit;font-size:var(--input-font-size-sm);font-weight:var(--weight-medium);text-align:end;background:0 0;border:none}.value-chip__input:focus{outline:none}.value-chip__unit{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.today-row .value-chip{margin-block:2px}.check-in-annotations{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:6px;display:flex}.habit-note-button{border:1.5px solid color-mix(in oklab, var(--color-border) 65%, var(--color-bg));min-block-size:34px;color:var(--color-text-secondary);font:inherit;font-size:.8125rem;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding-inline:12px;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.habit-note-button svg{flex:none;block-size:16px;inline-size:16px}.habit-note-button:hover{border-color:color-mix(in oklab, var(--habit-color) 35%, var(--color-border));background:color-mix(in oklab, var(--habit-color) 14%, transparent);color:var(--color-text)}.habit-note-button--compact{gap:3px;padding-inline:8px}@media (width<=359px){.habit-note-button{padding-inline:8px}.habit-note-button__label{display:none}}@media (pointer:coarse){.habit-note-button{position:relative}.habit-note-button:after{content:"";position:absolute;inset:-5px}}.streak-flame{vertical-align:-.15em;scale:calc(60% + var(--flame-pct,100%) * .55);opacity:calc(55% + var(--flame-pct,100%) * .45);margin-inline-end:.25em;line-height:1;display:inline-block}@keyframes board-skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.board-skeleton .skel{background-color:var(--color-bg-subtle);background-image:linear-gradient(90deg, var(--color-bg-subtle) 0%, var(--color-bg-hover) 45%, var(--color-bg-subtle) 90%);background-size:200% 100%;border-radius:6px;animation:1.6s linear infinite board-skeleton-sweep;display:block}@media (prefers-reduced-motion:reduce){.board-skeleton .skel{animation:none}.board-skeleton__bar{opacity:1;animation:none}}.board-skeleton{gap:var(--space-3);flex-direction:column;display:flex}.board-skeleton--desktop{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.board-skeleton__row{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);padding:12px 14px;display:flex}.board-skeleton__icon{border-radius:13px;flex:none;align-self:flex-start;width:42px;height:42px}.board-skeleton__text{flex-direction:column;flex:auto;gap:4px;min-inline-size:0;display:flex}.board-skeleton__foot{align-items:center;gap:var(--space-2);margin-block-start:2px;display:flex}.board-skeleton__row .board-skeleton__strip{flex:auto;min-inline-size:0;max-inline-size:160px}.board-skeleton__check{border-radius:50%;flex:none;width:50px;height:50px}.board-skeleton__card{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.board-skeleton__top{align-items:center;gap:var(--space-3);display:flex}.board-skeleton__icon--card{border-radius:var(--radius-md);align-self:center;width:38px;height:38px}.board-skeleton__buttons{gap:var(--space-2);margin-block-start:auto;display:flex}.board-skeleton__done{border-radius:var(--radius-md);flex:auto;min-height:52px}.board-skeleton__skip{border-radius:var(--radius-md);flex:0 0 52px;width:52px;height:52px}.board-skeleton__strip{align-items:flex-end;gap:3px;display:flex}.board-skeleton__bar{background:var(--color-habits);opacity:.22;border-radius:3px;flex:1;block-size:5px;min-inline-size:0;animation:1.15s ease-in-out infinite board-skeleton-cell}@keyframes board-skeleton-cell{0%,to{opacity:.22}40%{opacity:1}}.board-skeleton__bar:nth-child(2){animation-delay:.13s}.board-skeleton__bar:nth-child(3){animation-delay:.26s}.board-skeleton__bar:nth-child(4){animation-delay:.39s}.board-skeleton__bar:nth-child(5){animation-delay:.52s}.board-skeleton__bar:nth-child(6){animation-delay:.65s}.board-skeleton__bar:nth-child(7){animation-delay:.78s}.board-skeleton__row .board-skeleton__bar{flex:none;min-inline-size:14px}.board-skeleton__bar--today{block-size:8px}.time-off-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.time-off-list__heading{font-size:.8125rem;font-weight:var(--weight-strong);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.time-off-row{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-wrap:wrap;display:flex}.time-off-row.is-active{border-color:var(--color-accent)}.time-off-row__text{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex:12rem;min-inline-size:0;display:flex}.time-off-row__label{font-weight:var(--weight-medium);overflow-wrap:anywhere}.time-off-row__range,.time-off-row__scope{color:var(--color-text-secondary);font-size:.8125rem}.time-off-row__scope:before{content:"·";color:var(--color-text-tertiary);margin-inline-end:var(--space-2)}.time-off-row__actions{gap:var(--space-1);margin-inline-start:auto;display:flex}.time-off-row .btn svg,.time-off-form .btn svg{flex:none;block-size:18px;inline-size:18px}.time-off-row__actions .btn{justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;display:inline-flex}.time-off-row__delete{color:var(--color-danger,#c0392b)}.time-off-empty__title{font-weight:var(--weight-strong)}@media (width<=420px){.time-off-row__actions{inline-size:100%;margin-inline-start:0}.time-off-row__actions .btn{flex:1 1 0}}.time-off-form{gap:var(--space-4);flex-direction:column;display:flex}.time-off-form__dates{gap:var(--space-3);display:grid}@media (width>=420px){.time-off-form__dates{grid-template-columns:1fr 1fr}}.time-off-form__summary{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);font-size:.875rem;font-weight:var(--weight-medium)}.time-off-habits{gap:var(--space-1);flex-direction:column;max-block-size:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.time-off-habits__row{align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex}.time-off-habits__row:hover{background:var(--color-bg-subtle)}.time-off-habits__name{overflow-wrap:anywhere;min-inline-size:0}.time-off-banner{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);grid-template-columns:auto 1fr;display:grid}.time-off-banner .btn{grid-column:1/-1;justify-self:start;min-block-size:44px}.time-off-banner__icon{flex:none;display:inline-flex}.time-off-banner__icon svg{block-size:22px;inline-size:22px}.time-off-banner__text{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.time-off-banner__title{overflow-wrap:anywhere;font-size:.9375rem}.time-off-banner__hint{font-size:.8125rem;font-weight:var(--weight-medium);opacity:.85}@media (width>=700px){.time-off-banner{grid-template-columns:auto 1fr auto}.time-off-banner__text{align-items:baseline;gap:var(--space-3);flex-direction:row}.time-off-banner .btn{grid-column:auto;justify-self:end}}.time-off-band{align-items:center;gap:var(--space-3);padding-inline:var(--space-2);margin-block-end:var(--space-1);display:flex}.time-off-band__label{flex:0 12em;min-inline-size:0}.time-off-band__cells{scrollbar-width:none;display:flex;overflow-x:auto}.time-off-band__cells::-webkit-scrollbar{display:none}.time-off-band__span{inline-size:calc(var(--cell-size) * var(--span-days));flex:none;block-size:18px}.time-off-band__span.is-covered{border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);justify-content:center;align-items:center;display:flex}.time-off-band__text{font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:.02em;padding-inline:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric-tile{--metric-info-size:16px;--metric-info-align:10px;font:inherit;color:inherit;appearance:none;cursor:pointer;text-align:center;border:none;position:relative}@media (hover:hover) and (pointer:fine){.metric-tile:hover .metric-tile__info{opacity:1}}.metric-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.metric-tile__info{--metric-info-ink-inset:calc(var(--metric-info-size) * .15);inline-size:var(--metric-info-size);block-size:var(--metric-info-size);color:var(--color-text-tertiary);opacity:.55;pointer-events:none;position:absolute;inset-block-start:calc(var(--metric-info-align) - var(--metric-info-ink-inset));inset-inline-end:calc(var(--metric-info-align) - var(--metric-info-ink-inset))}.metric-tile .stat-card__label,.metric-tile .overview-tile__label{padding-inline:2px}.metric-info-dialog .metric-info__body{--metric-info-line-height:1.55;--metric-info-lines:6;font-size:.9375rem;line-height:var(--metric-info-line-height);min-block-size:calc(var(--metric-info-lines) * var(--metric-info-line-height) * 1em);color:var(--color-text-secondary);margin:0}@media (width>=900px){.metric-info-dialog{max-width:420px}}.metric-info-button{block-size:22px;inline-size:22px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.metric-info-button svg{block-size:15px;inline-size:15px}@media (hover:hover) and (pointer:fine){.metric-info-button:hover{color:var(--color-text);background:var(--color-bg-subtle)}}.metric-info-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--color-rate-red:var(--color-danger);--color-rate-orange:oklch(70% .16 55);--color-rate-blue:var(--color-accent);--color-rate-green:var(--color-success)}@media (prefers-color-scheme:dark){:root{--color-rate-orange:oklch(78% .14 55)}}:root[data-theme=light]{--color-rate-orange:oklch(70% .16 55)}:root[data-theme=dark]{--color-rate-orange:oklch(78% .14 55)}:root{--stat-col-width:6rem;--stat-block-width:calc(var(--stat-col-width) * 3 + var(--space-3) * 3 + 1px)}.stat-columns{inline-size:var(--stat-block-width);gap:var(--space-3);border-inline-start:1px solid var(--color-border);flex:none;padding-inline-start:var(--space-3);display:flex}.stat-column{inline-size:var(--stat-col-width);text-align:center}.stat-value{font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text)}.stat-value--red{color:var(--color-rate-red)}.stat-value--orange{color:var(--color-rate-orange)}.stat-value--blue{color:var(--color-rate-blue)}.stat-value--green{color:var(--color-rate-green)}.stat-value--neutral{color:var(--color-text-tertiary)}.stat-card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-inline-size:0;display:flex}.stat-card .stat-value{font-size:1.25rem}.stat-card__label{color:var(--color-text-tertiary);text-align:center;font-size:.75rem}.today-list{gap:var(--space-3);flex-direction:column;display:flex}.today-list__group+.today-list__group{margin-block-start:var(--space-3)}.today-list__group{gap:var(--space-2);flex-direction:column;display:flex}.today-list__group-head{align-items:center;gap:var(--space-2);display:flex}.today-list__group-heading{align-items:center;gap:var(--space-2);min-inline-size:0;font-size:.75rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);flex:auto;padding-inline-start:var(--space-1);display:flex}.today-list__group-heading:after{content:"";background:var(--color-border);flex:auto;block-size:1px}.today-list__group-dot{border-radius:50%;flex:none;block-size:8px;inline-size:8px}.today-list__group.is-quiet .today-list__group-heading{opacity:.6}.today-list__group.is-quiet,.today-list__group.is-quiet+.today-list__group{margin-block-start:0}.today-list__group-eye{min-width:36px;min-height:36px;padding-inline:var(--space-1);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:2px;display:inline-flex}.today-list__group-eye svg{width:15px;height:15px}.today-list__group-eye-count{font-size:.6875rem;font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.today-list__group-eye:hover{color:var(--color-text-secondary)}.today-list__reorder-link{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:44px;padding-block:10px;padding-inline:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0;align-self:center;display:flex}.today-list__reorder-link svg{block-size:18px;inline-size:18px}.today-list__reorder-link:hover,.today-list__reorder-link:active{background:var(--color-bg-subtle)}.today-row-wrapper{border-radius:var(--radius-lg);position:relative;overflow:hidden}.today-row-wrapper__panel{inline-size:104px;color:var(--color-ink-on-habit);font-size:.75rem;font-weight:var(--weight-strong);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset-block:0}.today-row-wrapper__panel--start{inset-inline-start:0}.today-row-wrapper__panel--end{inset-inline-end:0}.today-row-wrapper__panel.is-skip{background:var(--color-warning)}.today-row-wrapper__panel.is-done{background:var(--color-success)}.today-row-wrapper__panel svg{width:18px;height:18px}.today-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-elevated);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm);touch-action:pan-y;padding:12px 14px;display:flex;position:relative}.today-row.is-done{border-color:color-mix(in oklab, var(--habit-color) 35%, var(--color-border));background:var(--color-bg);box-shadow:none}.today-row.is-done .today-row__name{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.today-row.is-done .today-row__icon{opacity:.7}.today-row.is-skipped{border-color:var(--color-warning)}.today-row.is-off-schedule:not(.is-done):not(.is-skipped){background:var(--color-bg);border-color:color-mix(in oklab, var(--color-border) 55%, var(--color-bg));box-shadow:none}.today-row.is-off-schedule:not(.has-weekly-target) .today-row__icon{background-color:#0000;background-image:var(--offschedule-wash)}.today-row__icon{background:var(--color-bg-subtle);border-radius:13px;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:42px;height:42px;font-size:1.15rem;display:flex}.today-row__text{flex-direction:column;flex:auto;gap:4px;min-inline-size:0;display:flex}.today-row__name{font-size:1rem;font-weight:var(--weight-strong);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.today-row__subtitle{color:var(--color-text-tertiary);font-size:.75rem}.today-row__foot{align-items:center;gap:var(--space-2);margin-block-start:2px;display:flex}.today-row__foot .habit-note-button{flex:none;margin-inline-start:auto}.today-row .week-strip{flex:auto;min-inline-size:0;max-inline-size:160px}.today-row .week-strip__bar{flex:none;min-inline-size:14px}.today-row__check{border:2px solid color-mix(in oklab, var(--habit-color) 42%, var(--color-border));background:color-mix(in oklab, var(--habit-color) 10%, var(--color-bg-elevated));width:50px;height:50px;color:color-mix(in oklab, var(--habit-color) 62%, var(--color-text-tertiary));cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:flex;position:relative}.today-row__check:after{content:"";border-radius:50%;position:absolute;inset:-3px}.today-row__check svg{width:20px;height:20px;transition:opacity .16s}.today-row.is-pending:not(.is-readonly) .today-row__check svg{opacity:0}.today-row.is-readonly .today-row__check{border-color:color-mix(in oklab, var(--color-border) 60%, var(--color-bg));color:var(--color-text-tertiary);cursor:help;background:0 0}.today-row.is-readonly .today-row__check svg{opacity:.7}.today-row.is-done .today-row__check{border-color:var(--habit-color);background:var(--habit-color);color:var(--color-ink-on-habit);box-shadow:0 0 0 4px color-mix(in oklab, var(--habit-color) 18%, transparent)}.today-row.is-skipped .today-row__check{border-color:var(--color-warning);background:color-mix(in oklab, var(--color-warning) 20%, var(--color-bg-elevated));color:var(--color-warning)}.today-list__week-link,.today-list__new-habit{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);font:inherit;cursor:pointer;padding:14px;display:flex}.today-list__week-link{background:var(--color-bg-elevated);border:1.5px solid var(--color-border);flex-direction:column;align-items:flex-start}.today-list__week-link-title{font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text)}.today-list__week-link-sub{color:var(--color-text-tertiary);font-size:.75rem}.today-list__new-habit{border:1.5px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-medium);justify-content:center}.today-list__new-habit svg{width:16px;height:16px}.today-list__new-habit:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media (width>=640px) and (width<=899px) and (orientation:landscape){.today-list{column-gap:var(--space-5);row-gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(306px,1.15fr);align-items:start;display:grid}.today-list>*{grid-column:1/-1}.today-list .day-header{display:contents}.today-list .day-header__top{grid-area:1/1}.today-list .day-nav{grid-area:1/2;align-self:center}.today-list .day-header__progress{grid-area:2/1;align-self:center}.today-list>.pip-companion{grid-area:2/2;align-self:center}.today-list .check-in-grid{gap:var(--space-3)}.today-list>.today-list__week-link{grid-column:1}.today-list__week-link+.today-list__new-habit{grid-column:2;align-self:center}.today-list__week-link+.today-list__new-habit+.today-list__reorder-link{grid-column:2;justify-self:center}}.emoji-picker{--emoji-tile-size:44px;--emoji-tile-gap:8px;--emoji-picker-rows:4;align-items:center;gap:var(--space-2);display:flex}.emoji-picker__scroller{grid-auto-flow:column;grid-template-rows:repeat(var(--emoji-picker-rows), var(--emoji-tile-size));grid-auto-columns:var(--emoji-tile-size);gap:var(--emoji-tile-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;flex:auto;min-inline-size:0;display:grid;overflow-x:auto}.emoji-picker__tile{scroll-snap-align:start;inline-size:var(--emoji-tile-size);block-size:var(--emoji-tile-size);border-radius:var(--radius-md);background:var(--color-bg-subtle);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;font-size:1.25rem;transition:background-color .15s,border-color .15s;display:flex}.emoji-picker__tile:hover{background:var(--color-bg-hover)}.emoji-picker__tile.is-selected{background:color-mix(in oklch, var(--habit-color,var(--color-accent)) 18%, transparent);border-color:var(--habit-color,var(--color-accent))}.emoji-picker__step{inline-size:28px;block-size:var(--emoji-tile-size);border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;flex:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:none}.emoji-picker__step svg{width:16px;height:16px}.emoji-picker__step:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.emoji-picker__step:disabled{opacity:.4;cursor:default}@media (hover:hover) and (pointer:fine){.emoji-picker__step{display:flex}}.habit-form{gap:var(--space-5);flex-direction:column;display:flex}.radio-pills--lg{--radio-pills-segment:44px}.radio-pills--lg label{min-height:var(--radio-pills-segment);justify-content:center;align-items:center;padding-block:0;display:flex}.radio-pills--wrap{row-gap:var(--radio-pills-gutter);border-radius:calc(var(--radio-pills-segment) / 2 + var(--radio-pills-gutter));flex-wrap:wrap}.radio-pills--wrap label{flex:1 0 45%}@media (width>=500px){.radio-pills--wrap label{flex:1 1 0}}.rhythm-picker{gap:var(--space-3);flex-direction:column;display:flex}.rhythm-picker__days{gap:8px;display:flex}.rhythm-picker__day{border-radius:var(--radius-md);background:var(--color-bg-subtle);min-width:0;min-height:44px;color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--weight-medium);cursor:pointer;border:1.5px solid #0000;flex:1;transition:background-color .15s,border-color .15s,color .15s}.rhythm-picker__day.is-active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.habit-form__icon-color{gap:var(--space-3);flex-direction:column;display:flex}.habit-form__reminder-row{align-items:center;gap:var(--space-4);min-height:56px;border-block-start:1px solid var(--color-border);padding-block-start:var(--space-2);display:flex}.habit-form__reminder-text{flex:auto;min-inline-size:0}.habit-form__reminder-label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.habit-form__reminder-sub{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem}.habit-form__reminder-controls{flex:none;align-items:center;gap:7px;display:flex}.habit-form__time-input{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-subtle);height:40px;color:var(--color-text);font:inherit;font-size:var(--input-font-size);font-weight:var(--weight-strong);padding:0 12px}.switch-field--lg input[type=checkbox]{width:52px;height:31px}.switch-field--lg input[type=checkbox]:after{width:25px;height:25px}.switch-field--lg input[type=checkbox]:checked:after{inset-inline-start:calc(100% - 28px)}.habit-form__new-group{gap:var(--space-2);flex-direction:column;display:flex}.habit-form__new-group-actions{gap:var(--space-2);display:flex}.habit-form__new-group-actions .btn{flex:1;min-height:44px}.habit-form__new-group-hint{color:var(--color-text-secondary);margin:0;font-size:.75rem}.habit-form__new-group-error{margin-block-start:var(--space-1)}.habit-form__disclosure{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.habit-form__disclosure>summary{cursor:pointer;font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-accent);list-style:none}.habit-form__disclosure>summary::-webkit-details-marker{display:none}.habit-form__disclosure[open]>summary{margin-block-end:var(--space-4)}.habit-form__edit-note{color:var(--color-text-tertiary);font-size:.8125rem}.habit-form__danger-zone{gap:var(--space-3);border-block-start:1px solid var(--color-border);flex-direction:column;padding-block-start:var(--space-4);display:flex}.habit-form__danger-zone-actions{gap:var(--space-2);flex-direction:column;display:flex}.habit-form__danger-zone-actions .btn{width:100%;min-height:44px}@media (width>=900px){.habit-form__danger-zone-actions{flex-direction:row}.habit-form__danger-zone-actions .btn{flex:none;width:auto}}.habit-form__danger-zone-actions .btn svg{width:16px;height:16px}.habit-form__danger-zone-hint{color:var(--color-text-tertiary);font-size:.75rem}.habit-form__start-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex}.habit-form__start-label{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.habit-form__start-input{flex:0 auto;inline-size:auto;min-inline-size:10.5rem}.habit-form__primary label{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-inline-size:0;padding-inline:4px;display:flex}.habit-form__primary label>span{text-overflow:ellipsis;overflow:hidden}.habit-form__primary label.has-color .primary-tag__dot{background:var(--tag-color)}.habit-form__primary label:has(input:checked) .primary-tag__dot{box-shadow:0 0 0 1px var(--color-accent-contrast)}.draft-note{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-text-secondary);margin:0;font-size:.85rem;display:flex}.draft-note__text{min-inline-size:0}.draft-note__action{font:inherit;font-weight:var(--weight-medium);color:var(--color-accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;text-decoration:underline}.draft-note__action:hover{color:var(--color-accent-hover)}.note-field{gap:var(--space-2);flex-direction:column;display:flex}.note-field__toolbar{align-items:center;gap:var(--space-2) 2px;z-index:1;background:var(--color-bg-elevated);flex-wrap:wrap;margin-block-end:calc(-1 * var(--space-2));padding-block-end:var(--space-2);display:flex;position:sticky;inset-block-start:0}.dialog-body:has(.note-field){border-block-start:var(--space-5) solid transparent;padding-block-start:0}.dialog-panel:has(.note-field){--note-toolbar-rows:2;--note-toolbar-clearance:calc(var(--note-toolbar-rows) * 44px + (var(--note-toolbar-rows) - 1) * var(--space-2) + var(--space-2))}@media (width<=359px){.dialog-panel:has(.note-field){--note-toolbar-rows:3}}@media (width>=900px){.dialog-panel:has(.note-field){--note-toolbar-rows:1}}.dialog-body:has(.note-field){scroll-padding-block-start:var(--note-toolbar-clearance)}.dialog-panel>form:has(.note-field){scroll-padding-block-start:var(--note-toolbar-clearance)}.note-field__input{white-space:pre-wrap;overflow-wrap:anywhere;block-size:auto;min-block-size:14em}.note-field__input--empty:before{content:attr(data-placeholder);color:var(--color-text-secondary);opacity:.75;pointer-events:none}.note-field__input:focus-visible{outline-offset:1px}.note-field__dirs{flex:2 auto;justify-content:flex-end;gap:2px;margin-inline-start:auto;padding-inline-start:var(--space-2);display:flex}.note-field__btn{flex:30px;inline-size:auto;min-inline-size:30px;max-inline-size:40px}.note-field__undo{margin-inline-end:var(--space-2)}.note-field__group{align-items:center;gap:var(--space-2) 2px;flex-wrap:wrap;flex:5 auto;display:flex}.note-field__group+.note-field__group{padding-inline-start:var(--space-2)}[dir=rtl] .icon-flip{transform:scaleX(-1)}@media (width<=359px){.note-field__toolbar{grid-template-columns:repeat(5,1fr);justify-items:center;display:grid}.note-field__dirs,.note-field__group{padding-inline-start:0;display:contents}.note-field__btn{inline-size:100%}.note-field__undo{margin-inline-end:0}}.note-field--expanded{z-index:3;background:var(--color-bg-elevated);padding-inline:max(var(--page-inline-pad,var(--space-5)), env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));padding-block:var(--viewport-inset-top,0px) var(--keyboard-inset,0px);flex-direction:column;gap:0;display:flex;position:fixed;inset:0}.note-field--expanded .note-field__bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-border);flex:none;order:0;display:flex}.note-field__bar-title{font-weight:var(--weight-strong)}.note-field--expanded .note-field__input{min-block-size:0;padding-inline:0;padding-block:var(--space-4);background:0 0;border:none;border-radius:0;flex:auto;order:1;overflow-y:auto}.note-field--expanded .note-field__input.input,.note-field--expanded .note-field__input.input:focus,.note-field--expanded .note-field__input.input:focus-visible{box-shadow:none;outline:none}.note-field--expanded .note-field__toolbar{justify-items:stretch;gap:var(--space-2) 2px;padding-block:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-border);background:0 0;flex:none;order:3;grid-template-columns:repeat(7,1fr);margin-block-end:0;display:grid;position:static}.note-field--expanded .note-field__dirs,.note-field--expanded .note-field__group{padding-inline-start:0;display:contents}@media (width>=640px){.note-field--expanded .note-field__toolbar{grid-template-columns:repeat(13,1fr)}}.note-field--expanded .note-field__btn{justify-self:center;inline-size:100%;max-inline-size:44px;margin-inline-end:0}@media (height<=500px){.note-field--expanded{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.note-field--expanded .note-field__input{padding-block:var(--space-2);grid-area:1/1/auto/-1}.note-field--expanded .note-field__toolbar{padding-block:var(--space-1);grid-area:2/1}.note-field--expanded .note-field__bar{padding-block:var(--space-1);border-block-start:1px solid var(--color-border);border-block-end:none;grid-area:2/2;padding-inline-start:var(--space-3)}.note-field--expanded .note-field__bar-title{display:none}}@media (height<=500px) and (width>=540px){.note-field--expanded .note-field__toolbar{grid-template-columns:repeat(13,minmax(0,1fr))}}.note-field__btn[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent)}.note-rich{gap:var(--space-2);flex-direction:column;display:flex}.note-rich__p{margin:0}.note-rich__list{margin:0;padding-inline-start:1.25em}.note-rich strong,.journal-row__note strong{font-weight:var(--weight-strong)}.note-marker{opacity:.65}.note-rich__list::marker{color:var(--color-text-secondary)}.note-rich__list li::marker{color:var(--color-text-secondary)}.note-field__input--compact{min-block-size:6em}.note-rich__checks{flex-direction:column;gap:2px;padding-inline-start:0;list-style:none;display:flex}.note-check{cursor:pointer;align-items:start;gap:8px;display:flex}.note-check__box{accent-color:var(--habit-color,var(--color-accent));cursor:pointer;flex:none;block-size:1.05em;inline-size:1.05em;margin-block-start:.16em}.note-check--done .note-check__text{color:var(--color-text-secondary);text-decoration:line-through}.note-check--fixed{cursor:default}.note-check--fixed .note-check__box{pointer-events:none}.note-rich__h2,.note-field__input h4{font-size:1.15em;font-weight:var(--weight-strong);margin:0;line-height:1.3}.note-rich__h3,.note-field__input h5{font-size:1.02em;font-weight:var(--weight-strong);color:var(--color-text-secondary);margin:0;line-height:1.35}.note-rich__h2:not(:first-child),.note-rich__h3:not(:first-child),.note-field__input h4:not(:first-child),.note-field__input h5:not(:first-child){margin-block-start:var(--space-2)}.note-rich__link,.note-field__input a{color:var(--color-accent);text-underline-offset:.15em;overflow-wrap:anywhere;text-decoration:underline}.note-field__input a{cursor:text}.note-rich__list .note-rich__list,.note-field__input li>ul,.note-field__input li>ol,.note-field__input ul,.note-field__input ol{margin:0;padding-inline-start:1.25em}.note-field__input li::marker{color:var(--color-text-secondary)}.note-field__input li:has(>.note-edit__box){align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-inline-start:-1.25em;list-style:none;display:flex}:is(.note-field__input li:has(>.note-edit__box)>ul,.note-field__input li:has(>.note-edit__box)>ol){flex-basis:100%;padding-inline-start:2.4em}.note-rich__checks>li{flex-direction:column;display:flex}.note-edit__box{border:1.5px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:4px;flex:none;align-self:center;block-size:1.05em;inline-size:1.05em;position:relative}.note-edit__box[data-check="1"]{background:var(--habit-color,var(--color-accent));border-color:var(--habit-color,var(--color-accent))}.note-edit__box[data-check="1"]:after{content:"";border:solid var(--color-surface);border-width:0 2px 2px 0;block-size:.55em;inline-size:.28em;position:absolute;inset-block-start:.12em;inset-inline-start:.32em;transform:rotate(45deg)}.note-field__input li:has(>.note-edit__box[data-check="1"]){text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-secondary);text-decoration-color:var(--color-text-secondary)}.journal-list{flex-direction:column;display:flex}.journal-row{border-radius:var(--radius-md);align-items:flex-start;transition:background-color .15s;display:flex}.journal-row:hover{background:var(--color-bg-subtle)}.journal-row__open{align-items:flex-start;gap:var(--space-3);min-inline-size:0;padding:var(--space-2);border-radius:inherit;cursor:pointer;text-align:start;font:inherit;color:var(--color-text);background:0 0;border:none;flex:auto;display:flex}.journal-row__edit{border-radius:var(--radius-sm);block-size:40px;inline-size:40px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:flex}.journal-row__edit svg{block-size:16px;inline-size:16px}.journal-row__edit:hover{background:var(--color-bg-hover);color:var(--color-text)}.journal-row__gutter{background:var(--color-text-tertiary);border-radius:3px;flex:none;width:12px;height:12px;margin-block-start:4px;position:relative}.journal-row__gutter--done{background:var(--habit-color,var(--color-accent))}.journal-row__gutter--skipped{background:var(--color-cell-empty)}.journal-row__gutter--skipped:before{content:"";border-radius:inherit;background-color:var(--habit-color,var(--color-accent));clip-path:polygon(0 0,0 100%,100% 100%);position:absolute;inset:0}html[dir=rtl] .journal-row__gutter--skipped:before{clip-path:polygon(100% 0,100% 100%,0 100%)}.journal-row__date{min-inline-size:6em;color:var(--color-text-secondary);flex:none;font-size:.875rem}.journal-row__date--today{color:var(--color-accent);font-weight:var(--weight-strong)}.journal-row__body{flex-direction:column;flex:auto;gap:2px;min-inline-size:0;display:flex;overflow:hidden}.journal-row__value{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--habit-color,var(--color-text));white-space:nowrap}.journal-row__note{color:var(--color-text-tertiary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.dialog-panel.journal-sheet{max-width:480px;min-block-size:min(55svh,520px)}.journal-sheet .dialog-header__title{color:var(--habit-color,var(--color-text))}.journal-sheet__value-row{align-items:center;gap:var(--space-3);display:flex}.journal-sheet__value-row input[type=range]{accent-color:var(--habit-color,var(--color-accent));flex:auto}.journal-sheet__value-number{text-align:center;flex:0 0 5em;inline-size:5em}.journal-view{gap:var(--space-3);flex-direction:column;display:flex}.journal-view__summary{align-items:baseline;gap:var(--space-2);border-block-end:1px solid var(--color-border);flex-wrap:wrap;margin:0;padding-block-end:var(--space-3);display:flex}.journal-view__status{color:var(--color-text-secondary);font-size:.9375rem}.journal-view__status--done{color:var(--habit-color,var(--color-text));font-weight:var(--weight-medium)}.journal-view__sep{color:var(--color-text-tertiary)}.journal-view__value{font-weight:var(--weight-medium);color:var(--habit-color,var(--color-text))}.journal-sheet__footer{justify-content:space-between}.journal-step{gap:var(--space-1);display:flex}.journal-sheet__danger{align-items:flex-start;gap:var(--space-2);border-block-start:1px solid var(--color-border);flex-direction:column;margin-block-start:var(--space-4);padding-block-start:var(--space-4);display:flex}.journal-sheet__footer .btn svg,.journal-sheet__danger .btn svg{block-size:16px;inline-size:16px}.tasks-ink{--color-accent:var(--color-tasks);--color-accent-hover:var(--color-tasks-hover);--color-accent-soft:var(--color-tasks-soft);--color-accent-contrast:var(--color-tasks-contrast);--color-bg-elevated:oklch(99% .002 265);--color-bg-subtle:oklch(94.5% .005 265);--color-bg-hover:oklch(91.5% .007 265);--color-border:oklch(85.5% .008 265);--color-border-strong:oklch(77.5% .01 265);--color-text:oklch(22% .02 265);--color-text-secondary:oklch(46% .016 265);--color-text-tertiary:oklch(62% .014 265);--color-danger:oklch(52% .17 25);--color-danger-soft:oklch(52% .17 25/.1);--color-success:oklch(56% .1 150);--color-warning:oklch(58% .11 65);--color-warning-soft:oklch(58% .11 65/.14);--color-progress:oklch(56% .14 300);--color-progress-soft:oklch(56% .14 300/.14);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:8px;--radius-card:14px;--radius-sheet:18px;--radius-switch:999px;--ink-surface-border:1px solid transparent;--ink-surface-shadow:var(--shadow-sm);--shadow-sm:0 1px 2px #1014200f;--shadow-md:0 8px 20px #10142012;--shadow-md-dark:0 10px 26px #00000080;--ink-dur:.14s;--ink-ease:cubic-bezier(.2, 0, .13, 1);--ink-scrim:oklch(22% .02 265/.34);--ink-badge-dated:oklch(46% .1 65);--ink-badge-timed:oklch(44% .09 150);--ink-badge-fill:14%;color:var(--color-text)}@media (prefers-color-scheme:dark){.tasks-ink{--color-bg-elevated:oklch(21% .014 265);--color-bg-subtle:oklch(25% .016 265);--color-bg-hover:oklch(29% .018 265);--color-border:oklch(36% .018 265);--color-border-strong:oklch(43% .02 265);--color-text:oklch(95% .006 265);--color-text-secondary:oklch(72% .012 265);--color-text-tertiary:oklch(56% .012 265);--color-danger:oklch(68% .16 25);--color-danger-soft:oklch(68% .16 25/.14);--color-success:oklch(70% .11 150);--color-warning:oklch(76% .12 65);--color-warning-soft:oklch(76% .12 65/.18);--color-progress:oklch(74% .13 300);--color-progress-soft:oklch(74% .13 300/.18);--ink-surface-border:1px solid var(--color-border);--ink-surface-shadow:none;--shadow-sm:0 1px 2px #0000004d;--shadow-md:var(--shadow-md-dark);--ink-scrim:oklch(8% .01 265/.6);--ink-badge-dated:oklch(82% .1 65);--ink-badge-timed:oklch(78% .1 150);--ink-badge-fill:18%}}:root[data-theme=light] .tasks-ink{--color-bg-elevated:oklch(99% .002 265);--color-bg-subtle:oklch(94.5% .005 265);--color-bg-hover:oklch(91.5% .007 265);--color-border:oklch(85.5% .008 265);--color-border-strong:oklch(77.5% .01 265);--color-text:oklch(22% .02 265);--color-text-secondary:oklch(46% .016 265);--color-text-tertiary:oklch(62% .014 265);--color-danger:oklch(52% .17 25);--color-danger-soft:oklch(52% .17 25/.1);--color-success:oklch(56% .1 150);--color-warning:oklch(58% .11 65);--color-warning-soft:oklch(58% .11 65/.14);--color-progress:oklch(56% .14 300);--color-progress-soft:oklch(56% .14 300/.14);--ink-surface-border:1px solid transparent;--ink-surface-shadow:var(--shadow-sm);--shadow-sm:0 1px 2px #1014200f;--shadow-md:0 8px 20px #10142012;--ink-scrim:oklch(22% .02 265/.34);--ink-badge-dated:oklch(46% .1 65);--ink-badge-timed:oklch(44% .09 150);--ink-badge-fill:14%}:root[data-theme=dark] .tasks-ink{--color-bg-elevated:oklch(21% .014 265);--color-bg-subtle:oklch(25% .016 265);--color-bg-hover:oklch(29% .018 265);--color-border:oklch(36% .018 265);--color-border-strong:oklch(43% .02 265);--color-text:oklch(95% .006 265);--color-text-secondary:oklch(72% .012 265);--color-text-tertiary:oklch(56% .012 265);--color-danger:oklch(68% .16 25);--color-danger-soft:oklch(68% .16 25/.14);--color-success:oklch(70% .11 150);--color-warning:oklch(76% .12 65);--color-warning-soft:oklch(76% .12 65/.18);--color-progress:oklch(74% .13 300);--color-progress-soft:oklch(74% .13 300/.18);--ink-surface-border:1px solid var(--color-border);--ink-surface-shadow:none;--shadow-sm:0 1px 2px #0000004d;--shadow-md:var(--shadow-md-dark);--ink-scrim:oklch(8% .01 265/.6);--ink-badge-dated:oklch(82% .1 65);--ink-badge-timed:oklch(78% .1 150);--ink-badge-fill:18%}.tasks-room{--tasks-nav-block-size:calc(52px + 8px + 1px + max(8px, env(safe-area-inset-bottom)));min-block-size:100dvh}.tasks-chrome-ink{display:contents}.tasks-room--shared .page{padding-block-end:calc(var(--space-7) + 74px + env(safe-area-inset-bottom))}@media (width>=900px){.tasks-room--shared .page{padding-block-end:var(--space-7)}}.tasks-header{z-index:92;min-block-size:calc(var(--room-bar-block-size) + 1px);padding:8px var(--page-inline-pad);border-block-end:1px solid var(--color-border);background:var(--color-bg);justify-content:space-between;align-items:center;gap:7px;display:flex;position:sticky;inset-block-start:0}.tasks-header__home{color:inherit;border-radius:var(--radius-sm);min-inline-size:0;margin-inline-start:calc(-1 * var(--logo-ink-inset));text-decoration:none;display:inline-flex}.tasks-header__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.tasks-header__action{border-radius:var(--radius-chrome);background:var(--color-bg-subtle);block-size:36px;inline-size:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.tasks-header__action:after{content:"";position:absolute;inset:-4px}.tasks-header__action svg{width:17px;height:17px}.tasks-header__action.is-active{background:color-mix(in oklch, var(--color-tasks) 10%, transparent);color:var(--color-tasks)}.tasks-backlink{padding:6px var(--page-inline-pad) 0}.tasks-backlink .detail-back{gap:var(--space-2);min-block-size:36px;font-size:.875rem}.tasks-backlink .detail-back svg{width:18px;height:18px}.tasks-titlebar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:2px var(--page-inline-pad) 12px;display:flex}.tasks-titlebar__text{min-inline-size:0}.tasks-titlebar__title{font-size:1.5rem;font-weight:var(--weight-strong);letter-spacing:-.01em;color:var(--color-text);margin:0}.tasks-titlebar__subtitle{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin:2px 0 0}.tasks-titlebar__actions{align-items:center;gap:var(--space-2);--titlebar-control-size:30px;flex:none;display:flex}.tasks-titlebar__actions .btn-sm{min-block-size:var(--titlebar-control-size)}@media (width<=899px){.tasks-titlebar{align-items:stretch;gap:var(--space-2);flex-direction:column}.tasks-titlebar__actions{flex-wrap:wrap;justify-content:flex-start}}.tasks-body{padding-inline:var(--page-inline-pad);padding-block-end:calc(74px + env(safe-area-inset-bottom))}.tasks-docked{z-index:89;padding:8px var(--page-inline-pad) 12px;background:var(--color-bg-elevated);border-block-start:1px solid var(--color-border);position:fixed;inset-block-end:calc(70px + env(safe-area-inset-bottom));inset-inline:0}.tasks-docked:has(.tasks-select-bar){padding-block:12px 16px}@media (width<=899px){.tasks-docked:has(.tasks-select-bar){background:var(--color-bg-subtle);border-block-end:1px solid var(--color-border);inset-block-end:var(--tasks-nav-block-size)}.tasks-room:has(.tasks-select-bar) .tasks-nav{border-block-start-color:#0000}}.tasks-nav{z-index:90;background:var(--color-bg-elevated);border-block-start:1px solid var(--color-border);padding:8px 6px max(8px, env(safe-area-inset-bottom));min-block-size:var(--tasks-nav-block-size);display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tasks-nav__tab{border-radius:var(--radius-md);min-block-size:52px;min-inline-size:0;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:var(--weight-medium);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.tasks-nav__tab span{white-space:nowrap;max-inline-size:100%;overflow:hidden}.tasks-nav__tab svg{width:20px;height:20px}.tasks-nav__tab.is-active{background:color-mix(in oklch, var(--color-tasks) 10%, transparent);color:var(--color-tasks);font-weight:var(--weight-strong)}.tasks-nav__tab--door{color:var(--color-habits)}.tasks-nav:has(.tasks-tower){z-index:91}.tasks-nav__tower-slot{flex:1;min-inline-size:0;display:flex;position:relative}.tasks-nav__tab--tower{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.tasks-nav__tab--tower.is-active{background:color-mix(in oklch, var(--color-tasks) 10%, transparent)}.tasks-tower{z-index:91;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);inline-size:max-content;max-inline-size:calc(100vw - 24px);box-shadow:var(--shadow-md);flex-direction:column-reverse;gap:4px;margin-inline:auto;padding:6px;transition:inset-block-end .14s ease-out;animation:.14s ease-out tasks-tower-rise;display:flex;position:absolute;inset-block-end:calc(max(calc(var(--tasks-nav-block-size) + 8px), calc(var(--toast-clearance,0px) + 8px)) - max(8px, env(safe-area-inset-bottom)));inset-inline:-200%}@keyframes tasks-tower-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.tasks-tower{transition:none;animation:none}}.tasks-tower__item{border-radius:var(--radius-md);min-block-size:44px;color:var(--color-text);font-size:.9375rem;font-weight:var(--weight-medium);align-items:center;gap:10px;padding-inline:12px 16px;text-decoration:none;display:flex}.tasks-tower__item svg{width:20px;height:20px;color:var(--color-text-tertiary);flex:none}.tasks-tower__item.is-active{background:color-mix(in oklch, var(--color-tasks) 10%, transparent);color:var(--color-tasks);font-weight:var(--weight-strong)}.tasks-tower__item.is-active svg{color:inherit}.tasks-tower__item--add{appearance:none;text-align:start;cursor:pointer;inline-size:100%;color:var(--color-tasks);background:0 0;border:0;font-family:inherit}.tasks-tower__item--add svg{color:inherit}@media (width<=359px){.tasks-nav{padding-inline:4px}.tasks-nav__tab{font-size:.625rem}}@media (width<=299px){.tasks-nav__tab span{display:none}.tasks-nav__tab svg{width:24px;height:24px}}.task-list{flex-direction:column;gap:10px;display:flex}.task-card-swipe{position:relative;overflow:clip visible}.task-card-swipe.is-lifted{overflow:visible}.task-card-swipe>.task-card{z-index:1;position:relative}.task-card-swipe__panel{background:var(--color-success);inline-size:104px;color:var(--color-ink-on-habit);font-size:.75rem;font-weight:var(--weight-strong);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset-block:0}.task-card-swipe__panel--progress{background:var(--color-progress)}.task-card-swipe__panel--start{inset-inline-start:0}.task-card-swipe__panel--end{inset-inline-end:0}.task-card-swipe__panel svg{width:18px;height:18px}.task-card{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm), var(--shadow-md);touch-action:pan-y;border-radius:16px;align-items:flex-start;gap:10px;padding:14px 12px;display:flex}.task-card.is-dragging{z-index:2;box-shadow:var(--shadow-md), 0 12px 28px #14141e2e;position:relative}.task-card.has-color{border-inline-start:3px solid var(--task-color);background:color-mix(in oklab, var(--task-color) 7%, var(--color-bg-elevated));padding-inline-start:9px}.task-card.is-overdue{border-inline-start:3px solid var(--color-warning);padding-inline-start:9px}.task-card.is-held{opacity:.82}.task-card.is-done .task-card__title{color:var(--color-text-tertiary);text-decoration:line-through}.task-card__grip{min-block-size:26px;inline-size:26px;color:var(--color-text-tertiary);opacity:.7;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-block:-2.5px;padding:0;display:inline-flex}.task-card__grip:after{content:"";position:absolute;inset:-9px}.task-card__grip{position:relative}.task-list:not(.is-prioritizing) .task-card__grip{touch-action:pan-y}.task-card__check{border:2px solid var(--color-border-strong,var(--color-border));background:var(--color-bg);block-size:22px;inline-size:22px;color:var(--color-tasks-contrast);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;margin-block:-.5px;padding:0;display:none;position:relative}.task-card__check:after{content:"";position:absolute;inset:-11px}@media (width>=900px){.task-card__check{display:inline-flex}}.task-card__check.is-checked{border-color:var(--color-tasks);background:var(--color-tasks)}.task-card__check svg{width:14px;height:14px}.task-card__pick{border:2px solid var(--color-border-strong,var(--color-border));background:var(--color-bg);block-size:22px;inline-size:22px;color:var(--color-tasks-contrast);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;margin-block:-.5px;padding:0;display:inline-flex;position:relative}.task-card__pick:after{content:"";position:absolute;inset:-11px}.task-card__pick svg{width:14px;height:14px}.task-card.is-picked .task-card__pick{border-color:var(--color-tasks);background:var(--color-tasks)}.task-card.is-picking{cursor:pointer;-webkit-user-select:none;user-select:none}.task-card.is-picked{outline:2px solid var(--color-tasks);outline-offset:-1px}.task-card__text{flex:1;min-inline-size:0;container:task-line/inline-size}.task-card__time{text-align:end;white-space:nowrap;flex:none;inline-size:4.75rem;margin:0;padding-block-start:1px}.task-card__time-start,.task-card__time-end{line-height:1.25;display:block}.task-card__time-start{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-accent)}.task-card__time-end{font-size:.75rem;font-weight:var(--weight-body);color:var(--color-text-tertiary)}.task-card.is-done .task-card__time-start{color:var(--color-text-tertiary)}.task-card__title{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text);overflow-wrap:anywhere;margin:0;line-height:1.4}.task-card__chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;display:flex}.task-chip{border-radius:var(--radius-pill);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--weight-medium);white-space:nowrap;align-items:center;gap:4px;max-inline-size:100%;padding:2px 8px;display:inline-flex}.task-chip__rung,.task-tag__name{text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.task-chip svg{flex:none;width:12px;height:12px}.task-chip--held{color:var(--color-text-tertiary)}.task-chip--progress{background:var(--color-progress-soft);color:var(--color-progress)}.task-chip--deadline.is-soon{background:color-mix(in oklab, var(--color-warning) 12%, var(--color-bg-subtle));color:var(--color-warning)}.task-chip--deadline.is-past{background:color-mix(in oklab, var(--color-danger) 12%, var(--color-bg-subtle));color:var(--color-danger)}.task-chip__rung{display:none}.task-chip__rung--tight{display:inline}.task-chip--deadline{position:relative}.task-chip__aloud{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container task-line (width>=120px){.task-chip--deadline.is-past .task-chip__rung--mid{display:inline}.task-chip--deadline.is-past .task-chip__rung--tight{display:none}.task-chip--deadline.is-today .task-chip__rung--full{display:inline}.task-chip--deadline.is-today .task-chip__rung--tight{display:none}}@container task-line (width>=160px){.task-chip--deadline.is-set .task-chip__rung--mid{display:inline}.task-chip--deadline.is-set .task-chip__rung--tight{display:none}.task-chip--deadline.is-soon:not(.is-today) .task-chip__rung--full{display:inline}.task-chip--deadline.is-soon:not(.is-today) .task-chip__rung--tight{display:none}}@container task-line (width>=210px){.task-chip--deadline.is-set .task-chip__rung--full{display:inline}.task-chip--deadline.is-set .task-chip__rung--mid{display:none}.task-chip--deadline.is-past .task-chip__rung--full{display:inline}.task-chip--deadline.is-past .task-chip__rung--mid{display:none}}.task-card__meta{font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin:5px 0 0}.task-card__meta.is-overdue{color:var(--color-warning)}.task-card__more{background:var(--color-bg-subtle);block-size:32px;inline-size:32px;color:var(--color-text-secondary);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-block:-5.5px;padding:0;display:inline-flex}.task-card__more svg{width:15px;height:15px}.tasks-group+.tasks-group{margin-block-start:var(--space-5)}.tasks-group__heading{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 8px}.tasks-group.is-overdue .tasks-group__heading{color:var(--color-warning)}.tasks-group--progress .tasks-group__heading{color:var(--color-progress)}.tasks-group--deadline,.tasks-group--done{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-6);padding-block-start:var(--space-4)}.tasks-footnote{margin:var(--space-5) 0 0;color:var(--color-text-tertiary);font-size:.75rem;line-height:1.45}.tasks-help{flex:none;display:inline-flex;position:relative}.tasks-help.is-open{z-index:100}.tasks-help:has(.tasks-help__btn:focus-visible){z-index:100}.tasks-help__btn{block-size:26px;inline-size:26px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.tasks-help__btn svg{width:16px;height:16px}.tasks-help__btn:hover,.tasks-help.is-open .tasks-help__btn{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.tasks-help__balloon{z-index:100;gap:var(--space-2);inline-size:260px;max-inline-size:calc(100vw - var(--page-inline-pad) * 2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.8125rem;font-weight:var(--weight-body);letter-spacing:normal;text-transform:none;text-align:start;color:var(--color-text-secondary);visibility:hidden;opacity:0;flex-direction:column;line-height:1.45;transition:opacity .12s,visibility .12s;display:flex;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0}.tasks-help__balloon:before{content:"";background:var(--color-bg-elevated);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);block-size:10px;inline-size:10px;position:absolute;inset-block-start:-6px;inset-inline-start:9px;transform:rotate(45deg)}.tasks-help__line{display:block}.tasks-help.is-open>.tasks-help__balloon{visibility:visible;opacity:1}.tasks-help:has(.tasks-help__btn:focus-visible)>.tasks-help__balloon{visibility:visible;opacity:1}@media (hover:hover){.tasks-help:hover>.tasks-help__balloon{visibility:visible;opacity:1}}@media (prefers-reduced-motion:reduce){.tasks-help__balloon{transition:none}}.tasks-titlebar__heading{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}@media (width<=899px){.tasks-titlebar{position:relative}.tasks-titlebar__heading>.tasks-help{position:static}.tasks-titlebar__heading>.tasks-help>.tasks-help__balloon{inset-block-start:calc(100% - 4px);inset-inline:var(--page-inline-pad);inline-size:auto;max-inline-size:none}.tasks-titlebar__heading>.tasks-help>.tasks-help__balloon:before{display:none}}.tasks-empty__line{margin:var(--space-4) 0 0;color:var(--color-text-tertiary)}.tasks-empty{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.tasks-empty .btn svg{block-size:16px;inline-size:16px}.tasks-capture{align-items:center;gap:var(--space-2);display:flex}.tasks-capture__input{border:1.5px solid var(--color-tasks);background:var(--color-bg);min-inline-size:0;color:var(--color-text);font:inherit;font-size:var(--input-font-size);border-radius:14px;flex:1;padding:11px 14px;transition:background-color .15s}.tasks-capture__input:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-tasks) 12%, transparent);outline:none}.tasks-capture__input:focus{background:var(--color-bg-elevated)}.tasks-capture__add,.tasks-column__add{background:var(--color-tasks);color:var(--color-tasks-contrast);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tasks-capture__add{block-size:40px;inline-size:40px}.tasks-capture__add:disabled{opacity:.4;cursor:default}.tasks-capture__add svg{width:19px;height:19px}.tasks-column__add{align-self:center;block-size:28px;inline-size:28px;margin-inline-start:auto}.tasks-column__add svg{width:16px;height:16px}.tasks-column__add:hover{background:var(--color-tasks-hover)}.tasks-room:has(.tasks-docked) .tasks-body{padding-block-end:calc(140px + env(safe-area-inset-bottom))}.tasks-room:has(.tasks-select-bar) .tasks-body{padding-block-end:calc(232px + env(safe-area-inset-bottom))}.tasks-menu{flex-direction:column;gap:2px;display:flex}.tasks-menu__item{border-radius:var(--radius-md);text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;min-block-size:52px;padding:10px 12px;display:flex}.tasks-menu__label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.tasks-menu__hint{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.35}.tasks-menu--grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;display:grid}.tasks-menu__item--tile{flex-direction:row;align-items:center;gap:10px;padding-inline:10px}.tasks-menu__icon{color:var(--color-text-tertiary);flex:none;display:flex}.tasks-menu__icon svg{block-size:20px;inline-size:20px}.tasks-menu__item--tile .tasks-menu__label{overflow-wrap:anywhere;line-height:1.3}.tasks-menu__note{border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.tasks-menu__note-body{max-block-size:7.6em;color:var(--color-text-secondary);align-self:stretch;font-size:.875rem;line-height:1.5;overflow:hidden}.tasks-menu__note-body.is-clipped{-webkit-mask-image:linear-gradient(#000 68%,#0000);mask-image:linear-gradient(#000 68%,#0000)}.tasks-menu__note-more{min-block-size:32px;font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-tasks);cursor:pointer;background:0 0;border:0;padding:0}.tasks-edit__lineage{color:var(--color-text-tertiary);overflow-wrap:anywhere;margin:0;font-size:.8125rem}.tasks-edit__danger{align-items:flex-start;gap:var(--space-2);border-block-start:1px solid var(--color-border);flex-direction:column;margin-block-start:var(--space-4);padding-block-start:var(--space-4);display:flex}.task-card.is-awareness{border:1.5px dashed var(--color-border);box-shadow:none;background:0 0;padding:12.5px 10.5px}.task-card.is-awareness .task-card__title{color:var(--color-text-secondary)}.timed-lanebar{justify-content:space-between;align-items:center;gap:10px;margin-block-end:12px;display:flex}.timed-lanes{background:var(--color-bg-subtle);border-radius:var(--radius-pill);inline-size:100%;padding:3px;display:flex}.timed-lanebar .timed-lanes{flex:none;inline-size:auto}.timed-lanes__option{text-align:center;border-radius:var(--radius-pill);font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);cursor:pointer;flex:1;padding:9px;position:relative}.timed-lanebar .timed-lanes__option{justify-content:center;align-items:center;min-block-size:40px;min-inline-size:52px;padding:7px 14px;display:flex}.timed-lanebar .timed-lanes__option svg{block-size:20px;inline-size:20px;display:block}.timed-lanes__option:has(input:checked){background:var(--color-tasks);color:var(--color-tasks-contrast);font-weight:var(--weight-strong)}.timed-lanes__option:has(input:focus-visible){outline:2px solid var(--color-tasks);outline-offset:2px}.timed-lanes__option input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.timed-day{margin-block-end:8px}.timed-daybar{z-index:12;margin-inline:calc(-1 * var(--page-inline-pad));padding:2px var(--page-inline-pad) 10px;background:var(--color-bg);position:sticky;inset-block-start:calc(var(--room-bar-block-size) + 1px)}.timed-daybar .timed-strip{margin-block-end:0}.timed-daybar{overflow-x:clip}.timed-strip{gap:4px;margin-block-end:14px;display:flex}.timed-strip.is-swipeable{touch-action:pan-y;will-change:transform;transition:transform .2s,opacity .2s}.timed-strip.is-swipeable.is-dragging{transition:none}.timed-strip.is-swipeable.is-paging{transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease-out}@media (prefers-reduced-motion:reduce){.timed-strip.is-swipeable{transition:none}}.timed-strip__day{border-radius:var(--radius-md);min-block-size:52px;min-inline-size:0;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;display:flex}.timed-strip__weekday{font-size:.625rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);white-space:nowrap;max-inline-size:100%;overflow:hidden}.timed-strip__number{font-size:.9375rem;font-weight:var(--weight-strong);font-variant-numeric:tabular-nums}.timed-strip__day.is-today{box-shadow:inset 0 0 0 1.5px var(--color-border)}.timed-strip__day.is-selected{background:var(--color-tasks);color:var(--color-tasks-contrast);box-shadow:none}.timed-strip__day.is-selected .timed-strip__weekday{color:var(--color-tasks-contrast);opacity:.85}.timed-strip__dot{background:var(--color-tasks);border-radius:50%;block-size:4px;inline-size:4px}.timed-strip__day.is-selected .timed-strip__dot{background:var(--color-tasks-contrast)}.timed-weekbar{z-index:12;background:var(--color-bg);padding-block:10px 14px;position:sticky;inset-block-start:0}.timed-weeknav{align-items:center;gap:4px;display:flex}.timed-weeknav .timed-strip{flex:auto;min-inline-size:0;margin-block-end:0}.timed-weeknav__btn{border:1px solid var(--color-border);background:var(--color-bg-elevated);block-size:28px;inline-size:28px;color:var(--color-text-secondary);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.timed-weeknav__btn svg{block-size:18px;inline-size:18px}.timed-weeknav__btn:hover{background:var(--color-bg-hover);color:var(--color-text)}.tasks-more{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.tasks-more__toggle{min-block-size:44px;inline-size:100%;color:var(--color-text-secondary);font-size:.875rem;font-weight:var(--weight-medium);text-align:start;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.tasks-more__summary{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:.75rem;font-weight:var(--weight-body);color:var(--color-text-tertiary);margin-inline:auto 8px;overflow:hidden}.tasks-more__chevron{border-radius:var(--radius-chrome,8px);background:var(--color-bg-subtle);block-size:24px;inline-size:24px;color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.tasks-more__panel{margin-block-start:var(--space-2)}.tasks-more .radio-pills label{white-space:nowrap}.timed-grid{--timed-gutter:50px;background:var(--color-bg);margin-block-start:18px;position:relative}.timed-grid.is-pickable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (pointer:fine){.timed-grid.is-pickable{cursor:cell}}.timed-grid__hour{position:absolute;inset-inline:0}.timed-grid__hour-label{inline-size:calc(var(--timed-gutter) - 8px);text-align:end;font-size:.6875rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;inset-block-start:-7px;inset-inline-start:0}.timed-grid__hour-rule{border-block-start:1px solid var(--color-border);position:absolute;inset-block-start:0;inset-inline-start:var(--timed-gutter);inset-inline-end:0}.timed-grid__sleep{inset-inline:var(--timed-gutter) 0;z-index:0;background-image:var(--offschedule-wash);opacity:.45;pointer-events:none;position:absolute}.timed-grid__blocks{z-index:1;position:absolute;inset-block:0;inset-inline-start:var(--timed-gutter);inset-inline-end:0}.timed-grid__empty{text-align:center;color:var(--color-text-tertiary);font-size:.8125rem;position:absolute;inset-block-start:12px;inset-inline:0}.timed-grid__now{z-index:3;pointer-events:none;position:absolute;inset-inline:0}.timed-grid__now-label{inline-size:calc(var(--timed-gutter) - 6px);text-align:end;font-size:.5625rem;font-weight:var(--weight-strong);white-space:nowrap;color:var(--color-tasks);font-variant-numeric:tabular-nums;position:absolute;inset-block-start:-8px;inset-inline-start:0}.timed-grid__now-rule{border-block-start:2px solid var(--color-tasks);position:absolute;inset-block-start:0;inset-inline-start:var(--timed-gutter);inset-inline-end:0}.timed-daystep__btn{z-index:88;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg-elevated) 88%, transparent);block-size:40px;inline-size:40px;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;inset-block-start:min(max(50%,400px),100% - 120px);translate:0 -50%}.timed-daystep__btn--prev{inset-inline-start:6px}.timed-daystep__btn--next{inset-inline-end:6px}.timed-daystep__btn svg{block-size:20px;inline-size:20px}.timed-daystep__btn:active{background:var(--color-bg-elevated);color:var(--color-text)}@media (width>=900px){.timed-daystep{display:none}}.timed-block{--block-pad-block:3px;--block-border-block:0px;--block-times-leading:12px;--block-title-leading:15px;--block-owner-leading:12px;--block-title-lines:1;padding:var(--block-pad-block) 7px;background-color:var(--color-bg-elevated);background-image:linear-gradient(var(--color-tasks-soft), var(--color-tasks-soft));box-shadow:inset 2px 0 0 var(--color-tasks);color:var(--color-text);text-align:start;cursor:pointer;border:none;border-radius:10px;flex-direction:column;gap:0;display:flex;position:absolute;overflow:hidden}.timed-block>*{min-inline-size:0}.timed-block__times{font-size:.625rem;line-height:var(--block-times-leading);font-weight:var(--weight-medium);color:var(--color-tasks);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:6px;display:flex;overflow:hidden}.timed-block__duration{font-weight:var(--weight-medium);color:var(--color-text-tertiary)}.timed-block.is-split .timed-block__duration{display:none}.timed-block.is-split .timed-block__times{font-size:.5625rem}.timed-block.is-split{--block-times-leading:10.8px}.timed-block__line{flex:0 auto;align-items:flex-start;gap:4px;min-block-size:0;display:flex;overflow:hidden}.timed-block__title{-webkit-line-clamp:var(--block-title-lines);line-clamp:var(--block-title-lines);min-inline-size:0;font-size:.75rem;font-weight:var(--weight-medium);line-height:var(--block-title-leading);overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.timed-block.is-one-line .timed-block__title{white-space:nowrap;text-overflow:ellipsis;display:block}.timed-block__marks{block-size:var(--block-title-leading);color:var(--color-text-tertiary);flex:none;align-items:center;gap:5px;font-size:.625rem;display:flex}.timed-block__marks svg{block-size:11px;inline-size:11px}.timed-block__mark--done{background:var(--color-tasks);block-size:13px;inline-size:13px;color:var(--color-tasks-contrast);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.timed-block__marks .timed-block__mark--done svg{block-size:9px;inline-size:9px}.timed-block__owner{white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;line-height:var(--block-owner-leading);color:var(--color-text-tertiary);flex:none;overflow:hidden}.timed-block.has-color{background:color-mix(in oklab, var(--task-color) 18%, var(--color-bg-elevated));box-shadow:inset 3px 0 0 var(--task-color)}.timed-block.has-color .timed-block__times{color:color-mix(in oklab, var(--task-color) 45%, var(--color-text))}.timed-block.is-overdue{background-color:var(--color-bg-elevated);background-image:linear-gradient(var(--color-warning-soft), var(--color-warning-soft));box-shadow:inset 2px 0 0 var(--color-warning)}.timed-block.is-overdue .timed-block__times{color:var(--color-warning)}.timed-block.is-done{background:var(--color-bg-subtle);box-shadow:inset 2px 0 0 var(--color-text-tertiary)}.timed-block.is-done .timed-block__title{color:var(--color-text-tertiary);text-decoration:line-through}.timed-block.is-done .timed-block__times{color:var(--color-text-tertiary)}.timed-block.is-dismissed{background:var(--color-bg-subtle);box-shadow:inset 2px 0 0 var(--color-border)}.timed-block.is-held{opacity:.82}.timed-block.is-awareness{--block-pad-block:2.5px;--block-border-block:1.5px;border:var(--block-border-block) dashed var(--color-border);box-shadow:none;cursor:default;background:0 0;padding-inline:5.5px}.timed-block.is-awareness .timed-block__times{color:var(--color-text-secondary)}.tasks-docked__wide{inline-size:100%}.tasks-docked__pair{gap:8px;display:flex}.tasks-docked__pair>.btn{flex:1 1 0;min-inline-size:0}.tasks-docked .btn svg{block-size:18px;inline-size:18px}.tasks-room .btn-primary,.tasks-sheet .btn-primary{background:var(--color-tasks);border-color:var(--color-tasks);color:var(--color-tasks-contrast)}.tasks-menu-sheet .dialog-header__title{font-size:.9375rem;font-weight:var(--weight-medium);letter-spacing:0;color:var(--color-text-secondary);overflow-wrap:anywhere;line-height:1.4}.tasks-room .btn-primary:hover:not(:disabled),.tasks-sheet .btn-primary:hover:not(:disabled){background:var(--color-tasks-hover);border-color:var(--color-tasks-hover)}:is(.tasks-room .choice-chip:has(input:checked),.tasks-sheet .choice-chip:has(input:checked)){background:var(--color-tasks);border-color:var(--color-tasks);color:var(--color-tasks-contrast)}:is(.tasks-room .radio-pills label:has(input:checked),.tasks-sheet .radio-pills label:has(input:checked)){background:var(--color-tasks);color:var(--color-tasks-contrast)}.tasks-sheet .tasks-status label.is-progress:has(input:checked){background:var(--color-progress);color:var(--color-tasks-contrast)}.tasks-sheet .tasks-status label.is-done:has(input:checked){background:var(--color-success);color:var(--color-tasks-contrast)}:is(.tasks-room .choice-chip:hover:not(:has(input:checked)),.tasks-sheet .choice-chip:hover:not(:has(input:checked))){border-color:var(--color-tasks);color:var(--color-tasks)}.tasks-room .switch-field input[type=checkbox]:checked,.tasks-sheet .switch-field input[type=checkbox]:checked{background:var(--color-tasks)}.tasks-quickadd__hint{color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.tasks-quickadd__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tasks-quickadd__chip{appearance:none;border-radius:var(--radius-pill);border:1.5px solid var(--color-tasks);background:color-mix(in oklch, var(--color-tasks) 12%, transparent);min-block-size:32px;font-family:inherit;font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-tasks);white-space:nowrap;cursor:pointer;padding-inline:12px}.tasks-quickadd__chip.is-off{border-color:var(--color-border);color:var(--color-text-tertiary);background:0 0;text-decoration:line-through}.tasks-quickadd__lands{color:var(--color-text-secondary);margin:0;font-size:.875rem}.tasks-quickadd__chip.is-inert{border-color:var(--color-border);color:var(--color-text-tertiary);background:0 0}.tasks-quickadd__chip.is-implied{background:color-mix(in oklch, var(--color-tasks) 6%, transparent);border-style:solid}.tasks-quickadd__suggestions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tasks-quickadd__suggest-label{color:var(--color-text-tertiary);font-size:.8125rem}.tasks-quickadd__suggestion{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-bg-subtle);min-block-size:32px;max-inline-size:100%;font-family:inherit;font-size:.8125rem;font-weight:var(--weight-body);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;padding-inline:12px;overflow:hidden}.tasks-quickadd__suggestion:hover,.tasks-quickadd__suggestion:focus-visible{border-color:var(--color-tasks);color:var(--color-tasks)}.tasks-quickadd__lines{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tasks-quickadd__line{gap:var(--space-2);border-inline-start:2px solid var(--color-border);flex-direction:column;padding-inline-start:var(--space-3);display:flex}.tasks-quickadd__line-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.tasks-quickadd__line-title{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text);overflow:hidden}.tasks-quickadd__bucket{font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);flex:none}.tasks-room .input:focus,.tasks-sheet .input:focus{border-color:var(--color-tasks);box-shadow:0 0 0 3px var(--color-tasks-soft)}.tasks-room .choice-chip:has(input:focus-visible){outline-color:var(--color-tasks)}.tasks-sheet .choice-chip:has(input:focus-visible){outline-color:var(--color-tasks)}.tasks-room .radio-pills label:has(input:focus-visible){outline-color:var(--color-tasks)}.tasks-sheet .radio-pills label:has(input:focus-visible){outline-color:var(--color-tasks)}.duration-field{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.duration-custom{align-items:center;gap:6px;display:inline-flex}.duration-custom__input{border-radius:var(--radius-pill);text-align:center;min-block-size:36px;inline-size:4.5rem;font-weight:var(--weight-medium);appearance:textfield;padding-block:0;padding-inline:10px}.duration-custom__input::-webkit-outer-spin-button{appearance:none;margin:0}.duration-custom__input::-webkit-inner-spin-button{appearance:none;margin:0}.duration-custom__unit{font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.duration-until{align-items:center;gap:6px;display:inline-flex}.duration-until__word{font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.duration-until__input{border-radius:var(--radius-pill);text-align:center;min-block-size:36px;inline-size:auto;min-inline-size:0;font-weight:var(--weight-medium);padding-block:0;padding-inline:10px}.task-move{pointer-events:none;z-index:95;position:fixed;inset:0}.task-move__rect{block-size:50%;position:absolute;inset-block-start:25%;inset-inline:26px}.task-move__target{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);min-block-size:76px;inline-size:88px;box-shadow:var(--shadow-md);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--weight-medium);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 6px;line-height:1.2;display:flex;position:absolute}.task-move__target svg{block-size:22px;inline-size:22px}.task-move__target--start-top{inset-block-start:0;inset-inline-start:0}.task-move__target--start-bottom{inset-block-end:0;inset-inline-start:0}.task-move__target--end-bottom{inset-block-end:0;inset-inline-end:0}.task-move__target.is-active{border-color:var(--color-tasks);background:var(--color-tasks-soft);color:var(--color-tasks);scale:1.12}.task-move__caption{text-align:center;color:var(--color-text-secondary);text-wrap:balance;margin:0;padding-inline:28px;font-size:.8125rem;line-height:1.35;position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}@media (prefers-reduced-motion:no-preference){.task-move{animation:.12s ease-out task-move-in}.task-move__target{transition:scale .12s ease-out,background-color .12s ease-out,border-color .12s ease-out}}@keyframes task-move-in{0%{opacity:0}}@media (width<=359px){.task-move__target{inline-size:78px}}.tasks-daymask{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.tasks-daymask__day{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);min-block-size:44px;color:var(--color-text-secondary);font-family:inherit;font-size:.75rem;font-weight:var(--weight-medium);cursor:pointer;padding:0 2px}.tasks-daymask__day.is-on{background:var(--color-tasks);border-color:var(--color-tasks);color:var(--color-tasks-contrast)}.tasks-when__pills label{white-space:nowrap}.tasks-when__row{gap:10px;display:flex}.tasks-when__cell{flex:1 1 0;min-inline-size:0}.tasks-when__interval{align-items:center;gap:10px;display:flex}.tasks-when__interval-input{text-align:center;flex:none;inline-size:5ch}.tasks-when__interval-unit{color:var(--color-text-secondary);font-weight:var(--weight-body)}.tasks-edit__group{margin:var(--space-5) 0 0;font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.tasks-edit__row{justify-content:space-between;align-items:center;gap:10px;min-block-size:44px;display:flex}.tasks-edit__value{overflow-wrap:anywhere;flex:auto;min-inline-size:0;margin:0}.tasks-detail__bucket{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 2px}.tasks-detail__title{font-size:1.125rem;font-weight:var(--weight-strong);color:var(--color-text);overflow-wrap:anywhere;margin:0;line-height:1.3}.tasks-detail__status{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin:4px 0 0}.tasks-detail__status.is-progress{color:var(--color-progress)}.tasks-detail__status.is-past{color:var(--color-warning)}.tasks-detail__status.is-done{color:var(--color-success)}.tasks-detail__note{border-radius:var(--radius-md);background:var(--color-bg-subtle);overflow-wrap:anywhere;margin:0;padding:12px;font-size:.9375rem;line-height:1.5}.tasks-detail__rows{flex-direction:column;display:flex}.tasks-detail__row{justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding:10px 0;display:flex}.tasks-detail__row:last-child{border-block-end:none}.tasks-detail__label{color:var(--color-text-tertiary);font-size:.8125rem}.tasks-detail__value{min-inline-size:0;font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text);text-align:end;overflow-wrap:anywhere}.tasks-detail__value.is-soon{color:var(--color-warning)}.tasks-detail__value.is-past{color:var(--color-danger)}.tasks-swatches{flex-wrap:wrap;gap:6px;display:flex}.tasks-swatch{border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:6px;min-block-size:44px;padding:6px 10px 6px 6px;display:flex}.tasks-swatch input{opacity:0;pointer-events:none;position:absolute}.tasks-swatch span[aria-hidden]{background:var(--color-bg-subtle);border-radius:50%;block-size:20px;inline-size:20px}.tasks-swatch--none span[aria-hidden]{border:1px dashed var(--color-border)}.tasks-swatch__name{color:var(--color-text-secondary);font-size:.8125rem}.tasks-swatch:has(input:checked){border-color:var(--color-tasks);background:var(--color-tasks-soft)}.tasks-swatch:has(input:checked) .tasks-swatch__name{color:var(--color-tasks);font-weight:var(--weight-medium)}.tasks-swatch:has(input:focus-visible){outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-members{flex-direction:column;display:flex}.tasks-members__row{overflow-wrap:anywhere;align-items:center;gap:10px;min-block-size:44px;display:flex}.tasks-split__add{align-self:flex-start}.tasks-split__add svg,.tasks-menu__item--icon svg{block-size:18px;inline-size:18px}.tasks-menu__item--icon{grid-template-columns:auto 1fr;grid-template-areas:"icon label""icon hint";align-items:center;column-gap:12px;display:grid}.tasks-menu__item--icon svg{color:var(--color-text-tertiary);grid-area:icon}.tasks-menu__item--icon .tasks-menu__label{grid-area:label}.tasks-menu__item--icon .tasks-menu__hint{grid-area:hint}.tasks-search__bar{z-index:12;margin-inline:calc(-1 * var(--page-inline-pad));padding:6px var(--page-inline-pad) 12px;background:var(--color-bg);position:sticky;inset-block-start:calc(var(--room-bar-block-size) + 1px)}.tasks-search__field{border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-elevated);align-items:center;gap:8px;min-block-size:44px;padding-inline:12px;display:flex}.tasks-search__field:focus-within{border-color:var(--color-tasks)}.tasks-search__icon{color:var(--color-text-tertiary);flex:none;display:inline-flex}.tasks-search__icon svg{block-size:18px;inline-size:18px}.tasks-search__input{min-inline-size:0;font:inherit;font-size:var(--input-font-size);color:var(--color-text);background:0 0;border:none;flex:auto}.tasks-search__input:focus{outline:none}.tasks-search__input::-webkit-search-cancel-button{display:none}.tasks-search__clear{block-size:30px;inline-size:30px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-end:-4px;padding:0;display:inline-flex;position:relative}.tasks-search__clear:after{content:"";position:absolute;inset:-7px}.tasks-search__clear svg{block-size:20px;inline-size:20px}.tasks-search__filters{margin-block-end:var(--space-4)}.tasks-search__filter--wide:not(:has(input:checked)){display:none}.tasks-search__chipcount{font-variant-numeric:tabular-nums;opacity:.65;margin-inline-start:6px}.tasks-search__count{margin:0 0 var(--space-3);color:var(--color-text-tertiary);font-size:.75rem}.tasks-search__count:empty{margin:0}.tasks-search__viewhead{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.tasks-search__viewtitle{font-size:1rem;font-weight:var(--weight-strong);margin:0}.tasks-search__viewrange{color:var(--color-text-tertiary);margin:2px 0 0;font-size:.8125rem}.tasks-search__browse{gap:var(--space-5);flex-direction:column;display:flex}.tasks-search__browsehead{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.tasks-search__browsehead .tasks-group__heading{margin-block-end:0}.tasks-group__count{font-variant-numeric:tabular-nums;letter-spacing:0;opacity:.75;margin-inline-start:8px}.tasks-views{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);flex-direction:column;display:flex;overflow:hidden}.tasks-views__row{justify-content:space-between;align-items:center;gap:var(--space-3);border:none;border-block-start:1px solid var(--color-border);min-block-size:48px;font:inherit;color:var(--color-text);text-align:start;cursor:pointer;background:0 0;margin:0;padding:10px 14px;font-size:.9375rem;display:flex}.tasks-views__row:first-child{border-block-start:none}.tasks-views__row:hover:not(.is-empty){background:var(--color-tasks-soft)}.tasks-views__row.is-empty{color:var(--color-text-tertiary);cursor:default}.tasks-views__count{font-variant-numeric:tabular-nums;font-weight:var(--weight-strong);color:var(--color-text-tertiary);flex:none}.tasks-views__row:not(.is-empty) .tasks-views__count{color:var(--color-tasks)}.task-card__match{background:var(--color-tasks-soft);color:inherit;border-radius:3px;padding-inline:1px}.tasks-settings-page{gap:var(--space-5);flex-direction:column;margin-block-start:var(--space-2);display:flex}.tasks-settings__subhead{margin:0}.tasks-settings__labelrow{justify-content:space-between;align-items:center;gap:var(--space-3);margin-block-end:6px;display:flex}.tasks-settings__labelrow label{margin:0}.tasks-wake__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.tasks-wake__cell{flex:140px;min-inline-size:0}.tasks-wake__cell label{font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-block-end:4px;display:block}.tasks-wake__cell.is-compact label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.tasks-wake__days{margin:var(--space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.tasks-wake__day{border-block-start:1px solid var(--color-border);flex-direction:column;gap:6px;padding-block:6px;display:flex}.tasks-wake__dayhead{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-block-size:40px;display:flex}.tasks-wake__dayname{font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text);flex:auto}.tasks-wake__toggle{white-space:nowrap;flex:none;margin-inline-start:auto}.tasks-wake__dayfields{gap:var(--space-2);flex-wrap:wrap;padding-block-end:4px;display:flex}.tasks-wake__dayfields>.tasks-wake__cell{flex:1 1 0;min-inline-size:7rem}.tasks-settings .radio-pills label{white-space:nowrap}.tasks-titlebar__actions .btn svg{block-size:16px;inline-size:16px}.tasks-title-toggle{align-items:center;gap:6px;display:inline-flex}.tasks-title-toggle.is-active{background:color-mix(in oklch, var(--color-tasks) 12%, transparent);border-color:color-mix(in oklch, var(--color-tasks) 45%, transparent);color:var(--color-tasks)}@media (width<=520px){.tasks-title-toggle__word{display:none}}.tasks-prioritize-bar{align-items:center;gap:var(--space-3);display:flex}.tasks-prioritize-bar__hint{min-inline-size:0;color:var(--color-text-secondary);flex:auto;margin:0;font-size:.75rem;line-height:1.4}.tasks-prioritize-bar .btn{flex:none}.tasks-group__note{color:var(--color-text-tertiary);margin:0 0 8px;font-size:.75rem;line-height:1.4}.task-list.is-prioritizing .task-card,.task-list.is-picking .task-card{-webkit-user-select:none;user-select:none}.tasks-select-bar{flex-direction:column;gap:12px;display:flex}.tasks-select-bar__top{align-items:center;gap:var(--space-2);display:flex}.tasks-select-bar__count{min-inline-size:0;font-size:.8125rem;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);flex:auto;margin:0;overflow:hidden}.tasks-select-bar__top .btn{white-space:nowrap;flex:none}.tasks-select-bar__exit{color:var(--color-text);padding-inline-start:10px}.tasks-select-bar .btn svg{block-size:16px;inline-size:16px}.tasks-select-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.tasks-select-bar .btn{min-block-size:38px}.tasks-select-bar__actions .btn{white-space:nowrap;flex:0 auto;min-inline-size:fit-content}.tasks-select-bar__actions .tasks-select-bar__delete{flex:none;margin-inline-start:auto}@media (pointer:coarse){.task-list .task-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.tasks-rail,.tasks-board,.tasks-board__flying,.tasks-board__hint{display:none}@media (width>=900px){.tasks-room{align-items:stretch;display:flex}.tasks-header,.tasks-nav{display:none}.tasks-room__main{flex-direction:column;flex:1;min-inline-size:0;display:flex}.tasks-room__main:has(.tasks-body--board){block-size:100dvh;overflow:hidden}.tasks-rail{background:var(--color-bg-elevated);border-inline-end:1px solid var(--color-border);flex-direction:column;flex:0 0 236px;gap:2px;block-size:100dvh;max-block-size:100%;inline-size:236px;padding:18px 12px 14px;display:flex;position:sticky;inset-block-start:0}.tasks-rail__home{color:inherit;border-radius:var(--radius-sm);align-self:flex-start;min-inline-size:0;padding:2px 8px 14px;text-decoration:none;display:inline-flex}.tasks-rail__scroll{flex-direction:column;flex:1;gap:2px;min-block-size:0;display:flex;overflow-y:auto}.tasks-rail__foot{border-block-start:1px solid var(--color-border);flex-direction:column;flex:none;gap:2px;margin-block-start:6px;padding-block-start:10px;display:flex}.tasks-rail__group{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:14px 10px 4px}.tasks-rail__item{border-radius:var(--radius-md);min-block-size:38px;color:var(--color-text-secondary);font-size:.875rem;font-weight:var(--weight-medium);align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.tasks-rail__item svg{flex:none;block-size:18px;inline-size:18px}.tasks-rail__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.tasks-rail__item:hover{background:var(--color-bg-subtle);color:var(--color-text)}.tasks-rail__item.is-active{background:color-mix(in oklch, var(--color-tasks) 10%, transparent);color:var(--color-tasks);font-weight:var(--weight-strong)}.tasks-rail__door,.tasks-rail__door:hover{color:var(--color-habits-hover)}.tasks-rail__count{border-radius:var(--radius-pill);background:var(--color-bg-subtle);min-inline-size:22px;color:var(--color-text-tertiary);font-size:.75rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;text-align:center;flex:none;padding:1px 6px}.tasks-rail__item.is-active .tasks-rail__count{background:color-mix(in oklch, var(--color-tasks) 16%, transparent);color:var(--color-tasks)}.tasks-rail__key{font-family:inherit;font-size:.6875rem;font-weight:var(--weight-medium);color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:5px;flex:none;padding:1px 5px}.tasks-rail__item.is-drop{background:color-mix(in oklch, var(--color-tasks) 18%, transparent);color:var(--color-tasks);outline:2px solid var(--color-tasks);outline-offset:-2px}.tasks-titlebar{padding:22px 32px 14px}.tasks-titlebar__title{font-size:1.75rem}.tasks-body{padding-block-end:48px;padding-inline:32px}:is(.tasks-room:has(.tasks-docked) .tasks-body,.tasks-room:has(.tasks-select-bar) .tasks-body){padding-block-end:48px}.tasks-docked{z-index:auto;background:0 0;border-block-start:0;max-inline-size:720px;padding:0 32px 14px;position:static;inset:auto}.tasks-docked__wide{inline-size:auto}.tasks-docked__pair>.btn{flex:none}.tasks-body:not(.tasks-body--board):not(.tasks-body--day){max-inline-size:720px}.tasks-body--board{flex-direction:column;flex:1;min-block-size:0;padding-block-end:0;display:flex}.tasks-body--board .tasks-tagnote{margin-block-end:var(--space-2)}.tasks-board{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-block-size:0;padding-block-end:8px;display:grid}.tasks-column{background:var(--color-bg-subtle);border-radius:18px;flex-direction:column;min-block-size:0;min-inline-size:0;padding:12px 10px;transition:background .12s,box-shadow .12s;display:flex}.tasks-column.is-drop{background-color:var(--color-bg-subtle);background-image:linear-gradient(color-mix(in oklch, var(--color-tasks) 10%, transparent) 0 100%);box-shadow:inset 0 0 0 2px var(--color-tasks)}.tasks-column__head{align-items:baseline;gap:var(--space-2);flex:none;padding:2px 6px 10px;display:flex}.tasks-column__title{font-size:.9375rem;font-weight:var(--weight-strong);color:var(--color-text);margin:0}.tasks-column__count{font-size:.8125rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-tertiary)}.tasks-column__note{border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-tasks) 14%, transparent);color:var(--color-tasks);font-size:.75rem;font-weight:var(--weight-medium);flex:none;margin:-4px 0 8px;padding:4px 8px}.tasks-column .tasks-capture{flex:none;margin-block-end:10px}.tasks-column__body{flex-direction:column;flex:1;gap:12px;min-block-size:0;margin:-4px;padding:6px;display:flex;overflow-y:auto}.tasks-column__run{flex-direction:column;display:flex}.tasks-column__run--grow{flex:1;min-block-size:40px}.tasks-column__run-heading{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:2px 4px 6px}.tasks-column__run.is-overdue .tasks-column__run-heading{color:var(--color-warning)}.tasks-column__slot{flex-direction:column;padding-block-end:8px;display:flex}.tasks-column__head>.tasks-help{align-self:center;margin-inline-start:auto}.tasks-column__head>.tasks-column__add+.tasks-help{margin-inline-start:0}.tasks-column__help>.tasks-help__balloon{inline-size:240px;inset-inline:auto 0}.tasks-column__help>.tasks-help__balloon:before{inset-inline:auto 9px}.tasks-column__open{border-radius:var(--radius-chrome);background-color:#0000;background-image:linear-gradient(color-mix(in oklch, var(--color-tasks) 12%, transparent) 0 100%);font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-tasks);flex:none;justify-content:center;align-self:stretch;align-items:center;gap:7px;margin:10px 6px 2px;padding:9px 12px;text-decoration:none;transition:background-image .12s,color .12s;display:inline-flex}.tasks-column__open svg{flex:none;width:16px;height:16px}.tasks-column__open:hover{background-image:linear-gradient(var(--color-tasks) 0 100%);color:var(--color-tasks-contrast)}.tasks-board .task-card{touch-action:none;cursor:grab;position:relative}.tasks-board .task-card__grip{display:none}.tasks-board .task-card__more{margin-block:0;position:absolute;inset-block-start:8.5px;inset-inline-end:6px}.tasks-board .task-card__more,.tasks-board .task-card__check:not(.is-checked){opacity:0;transition:opacity .12s}.tasks-board .task-card:hover .task-card__more,.tasks-board .task-card:hover .task-card__check,.tasks-board .task-card:focus-within .task-card__more,.tasks-board .task-card:focus-within .task-card__check{opacity:1}.tasks-board .task-card__text{padding-inline-end:26px}.tasks-board .task-card:focus-visible,.tasks-board .task-card.is-selected{outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-board .task-card:focus-visible{outline-offset:3px}}.tasks-board__gap{border:1.5px dashed var(--color-border);background:color-mix(in oklch, var(--color-tasks) 4%, transparent);border-radius:16px}.tasks-board__insert{background:var(--color-tasks);border-radius:2px;block-size:3px;margin-block:3px 5px}.tasks-board__flying{z-index:120;pointer-events:none;filter:drop-shadow(0 18px 34px #14141e47);display:block;position:fixed;rotate:-1.5deg}[dir=rtl] .tasks-board__flying{rotate:1.5deg}@media (prefers-reduced-motion:reduce){.tasks-board__flying,[dir=rtl] .tasks-board__flying{rotate:none}}.tasks-board__hint{z-index:115;justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-bg-elevated);border-block-start:1px solid var(--color-border);padding:10px 20px;display:flex;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -6px 20px #14141e1a}.tasks-board__hint-text{font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text)}.tasks-board__hint-keys{align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:.8125rem;display:flex}.tasks-board__hint-key{align-items:center;gap:6px;display:inline-flex}.tasks-board__hint-key kbd{font-family:inherit;font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:5px;padding:1px 5px}@media (width>=900px){.dialog-backdrop:has(.tasks-inspector){background:#1818203d;justify-content:flex-end;align-items:stretch;padding-block:0}.dialog-panel.tasks-inspector{border-inline-start:1px solid var(--color-border);border-radius:0;block-size:100dvh;max-block-size:100dvh;inline-size:440px;max-inline-size:100vw;animation:.18s tasks-inspector-in;box-shadow:-24px 0 60px #00000047}[dir=rtl] .dialog-panel.tasks-inspector{box-shadow:24px 0 60px #00000047}@keyframes tasks-inspector-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.dialog-panel.tasks-inspector{animation:none}}.toast.tasks-toast{margin-inline:0;inset-inline-start:var(--space-5);inset-inline-end:auto}}.toast.tasks-toast--quiet{inline-size:fit-content;padding:var(--space-2) var(--space-4)}.toast.tasks-toast--quiet .toast__message{color:var(--color-text-secondary);font-size:.8125rem}body:has(.mascot-cheer) .toast.tasks-toast--quiet{display:none}@media (width>=900px){.tasks-body--day{padding-block-end:64px}.tasks-titlebar__actions .timed-lanes{inline-size:auto;block-size:var(--titlebar-control-size);margin-block-end:0}.tasks-titlebar__actions .timed-lanes__option{white-space:nowrap;justify-content:center;align-items:center;padding-block:0;padding-inline:14px;font-size:.8125rem;display:flex}.tasks-day{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:28px;display:grid}.tasks-day__queue{flex-direction:column;gap:10px;max-block-size:calc(100dvh - 32px);padding-inline-end:4px;display:flex;position:sticky;inset-block-start:12px;overflow:auto}.tasks-day__queuehead{flex-direction:column;gap:2px;display:flex}.tasks-day__queuetitle{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.tasks-day__queuehint{color:var(--color-text-tertiary);margin:0;font-size:.8125rem}.tasks-day__queuebody{flex-direction:column;gap:12px;display:flex}.tasks-day__run{flex-direction:column;gap:8px;display:flex}.tasks-day__runheading{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.tasks-day__run.is-overdue .tasks-day__runheading{color:var(--color-warning)}.tasks-day__queue .task-card{cursor:grab}.tasks-day__queue .task-card__grip{display:none}.tasks-day__day{min-inline-size:0}.tasks-day__lanes{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:start;gap:24px;margin-block-start:8px;display:grid}.tasks-day__lanealert{margin-block:8px 0}.tasks-day__laneheading{font-size:.6875rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0}.tasks-day__lane--household .timed-grid{--timed-gutter:0px}.tasks-day__lane--household .timed-grid__hour-label,.tasks-day__lane--household .timed-grid__now-label{display:none}.timed-grid__ghost{z-index:4;pointer-events:none;border:1.5px dashed var(--color-tasks);background:color-mix(in srgb, var(--color-tasks) 10%, transparent);border-radius:12px;align-items:flex-start;padding:5px 8px;display:flex;position:absolute;inset-inline:0}.timed-grid__ghost-text{font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-tasks);font-variant-numeric:tabular-nums}.timed-block__resize{cursor:ns-resize;border-end-end-radius:inherit;border-end-start-radius:inherit;block-size:10px;position:absolute;inset-block-end:0;inset-inline:0}.timed-block:hover .timed-block__resize,.timed-block:focus-visible .timed-block__resize{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--color-tasks) 22%, transparent))}.tasks-search__filter--wide:not(:has(input:checked)){display:inline-flex}.tasks-search__filters{row-gap:8px}.tasks-keys{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;margin:0;margin-block-end:6px;display:grid}.tasks-keys__row{display:contents}.tasks-keys__combo{gap:4px;margin:0;display:flex}.tasks-keys__combo kbd{border:1px solid var(--color-border);background:var(--color-bg-subtle);min-block-size:24px;font-family:inherit;font-size:.75rem;font-weight:var(--weight-medium);color:var(--color-text-secondary);border-radius:6px;align-items:center;padding-inline:7px;display:inline-flex}.tasks-keys__what{color:var(--color-text-secondary);margin:0;font-size:.875rem}}.tasks-settings__keyboard{display:none}@media (width>=900px){.tasks-settings__keyboard{display:block}}.tasks-title-field{display:flex;position:relative}.tasks-title-field .input{padding-inline-end:40px}.tasks-title-field__clear{inline-size:32px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:5px}.tasks-title-field__clear:hover,.tasks-title-field__clear:focus-visible{color:var(--color-text-secondary)}textarea.tasks-title-field__input--multi{resize:none;min-block-size:0;line-height:1.45}.tasks-title-field__clear--multi{block-size:42px;inset-block:0 auto}.tasks-title-field__clear:after{content:"";position:absolute;inset-block:0;inset-inline:-6px}.tasks-title-field__clear svg{block-size:20px;inline-size:20px}.task-tag__dot{background:var(--color-text-tertiary);border-radius:50%;flex:none;block-size:7px;inline-size:7px}.task-tag.has-color .task-tag__dot{background:var(--tag-color)}.task-tag.has-color{color:color-mix(in oklch, var(--tag-color) 45%, var(--color-text));background:color-mix(in oklch, var(--tag-color) 10%, var(--color-bg-subtle))}.tasks-tagpicker{flex-wrap:wrap;gap:6px;display:flex}.tasks-tagpicker__option{border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--input-font-size-sm);font-weight:var(--weight-medium);cursor:pointer;align-items:center;gap:6px;min-block-size:40px;padding:7px 12px;display:inline-flex}.tasks-tagpicker__option input{opacity:0;pointer-events:none;position:absolute}.tasks-tagpicker__option:has(input:focus-visible){outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-tagpicker__option:has(input:checked){border-color:var(--color-tasks);background:color-mix(in oklch, var(--color-tasks) 10%, var(--color-bg-elevated));color:var(--color-text)}.tasks-tagpicker__option.has-color .task-tag__dot{background:var(--tag-color)}.tasks-tagpicker__option.has-color:has(input:checked){border-color:color-mix(in oklch, var(--tag-color) 60%, transparent);background:color-mix(in oklch, var(--tag-color) 12%, var(--color-bg-elevated));color:color-mix(in oklch, var(--tag-color) 45%, var(--color-text))}.tasks-tagpicker__create{border-color:color-mix(in oklch, var(--color-tasks) 45%, var(--color-border));color:var(--color-tasks);background:0 0}.tasks-tagpicker__create:hover{border-color:var(--color-tasks);background:color-mix(in oklch, var(--color-tasks) 8%, var(--color-bg-elevated))}.tasks-tagpicker__create:focus-visible{outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-tagpicker__plus{font-size:1.15em;line-height:1}button.tasks-tagpicker__option{font-family:inherit}.tasks-tagpicker__option.is-on{border-color:var(--color-tasks);background:color-mix(in oklch, var(--color-tasks) 10%, var(--color-bg-elevated));color:var(--color-text)}.tasks-tagpicker__option.has-color.is-on{border-color:color-mix(in oklch, var(--tag-color) 60%, transparent);background:color-mix(in oklch, var(--tag-color) 12%, var(--color-bg-elevated));color:color-mix(in oklch, var(--tag-color) 45%, var(--color-text))}.tasks-tagpicker__option.is-mixed{color:var(--color-text);border-style:dashed}.tasks-tagpicker__option:focus-visible{outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-tagpicker__mark{justify-content:center;align-items:center;display:inline-flex}.tasks-tagpicker__mark svg{width:13px;height:13px}.tasks-tagpicker__dash{background:currentColor;border-radius:1px;block-size:2px;inline-size:10px}.tasks-tagfilter{flex-direction:column;gap:2px;display:flex}.tasks-tagfilter__row{border-radius:var(--radius-md);min-block-size:48px;inline-size:100%;color:var(--color-text);font-size:var(--input-font-size-sm);font-weight:var(--weight-medium);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.tasks-tagfilter__row:hover{background:var(--color-bg-subtle)}.tasks-tagfilter__row.is-on{background:color-mix(in oklch, var(--color-tasks) 12%, transparent);color:var(--color-tasks)}.tasks-tagfilter__row.has-color .task-tag__dot{background:var(--tag-color)}.tasks-tagfilter__row.has-color.is-on{background:color-mix(in oklch, var(--tag-color) 14%, transparent);color:color-mix(in oklch, var(--tag-color) 45%, var(--color-text))}.tasks-tagfilter__name{flex:auto;min-inline-size:0}.tasks-tagfilter__hint{color:var(--color-text-tertiary);font-size:.8125rem;font-weight:var(--weight-body)}.tasks-linkpicker__group+.tasks-linkpicker__group{margin-block-start:14px}.tasks-linkpicker__heading{font-size:.6875rem;font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 4px;padding-inline:12px}.tasks-linkpicker__steal{padding:10px var(--space-5);background:var(--color-bg-subtle);border-block-start:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--weight-medium);flex:none;margin:0}.tasks-tagnote{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;color:var(--color-text-tertiary);flex-wrap:wrap;font-size:.8125rem;display:flex}.tasks-taglist{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tasks-tagrow{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);flex-wrap:wrap;display:flex}.tasks-tagrow__text{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;flex:6rem;min-inline-size:0;display:flex}.tasks-tagrow__count{color:var(--color-text-secondary);font-size:.8125rem}.tasks-tagrow__actions{gap:var(--space-1);margin-inline-start:auto;display:flex}.tasks-tagrow .btn svg{block-size:18px;inline-size:18px}.tasks-tagrow__delete{color:var(--color-danger)}.tasks-detail__tags{flex-wrap:wrap;gap:6px;margin-block-start:var(--space-2);display:flex}.tasks-status label{white-space:nowrap;padding-inline:4px}.tasks-quicktag label{white-space:nowrap;--pill-color:var(--color-tasks);justify-content:center;align-items:center;gap:6px;min-inline-size:0;padding-inline:5px;display:flex}.tasks-quicktag label.has-color{--pill-color:var(--tag-color)}.tasks-quicktag label>span{text-overflow:ellipsis;overflow:hidden}.tasks-quicktag .primary-tag__dot{background:var(--color-text-tertiary)}.tasks-quicktag label.has-color .primary-tag__dot{background:var(--tag-color)}:is(.tasks-room .tasks-quicktag label:has(input:checked),.tasks-sheet .tasks-quicktag label:has(input:checked)){background:color-mix(in oklab, var(--pill-color) 16%, var(--color-bg-elevated));color:color-mix(in oklab, var(--pill-color) 45%, var(--color-text));box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--pill-color) 50%, transparent);font-weight:var(--weight-strong)}:is(.tasks-room .tasks-quicktag label:has(input:focus-visible),.tasks-sheet .tasks-quicktag label:has(input:focus-visible)){outline-color:var(--color-tasks)}.tasks-quicktag--filter,.tasks-dayswitch{margin-block-end:var(--space-3)}.tasks-dayswitch:has(+.tasks-quicktag--filter){margin-block-end:var(--space-2)}.tasks-dayswitch label{white-space:nowrap;min-inline-size:0;padding-inline:5px}.tasks-dayswitch label>span{text-overflow:ellipsis;overflow:hidden}.tasks-titlebar__actions .tasks-quicktag{inline-size:auto;block-size:var(--titlebar-control-size);flex:none;margin-block-end:0}.tasks-titlebar__actions .tasks-quicktag label{flex:none;padding-block:0;padding-inline:12px}.tasks-titlebar__actions .tasks-quicktag label>span{overflow:visible}.tasks-pip{align-items:center;gap:var(--space-3);padding-block:var(--space-4) var(--space-3);border-block-start:1px solid var(--color-border);flex-direction:row;margin-block-start:var(--space-5);display:flex}.tasks-pip .pip-bubble{min-inline-size:0;font-size:.875rem;font-weight:var(--weight-medium);color:var(--color-text-secondary)}.tasks-scope{gap:var(--space-2);flex-direction:column;display:flex}.tasks-scope__option{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;transition:background-color .15s,border-color .15s;display:flex;position:relative}.tasks-scope__option input[type=radio]{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tasks-scope__option:has(input:checked){border-color:var(--color-tasks);background:var(--color-tasks-soft)}.tasks-scope__option:has(input:focus-visible){outline:2px solid var(--color-tasks);outline-offset:2px}.tasks-scope__label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text)}.tasks-scope__hint{color:var(--color-text-tertiary);font-size:.75rem;line-height:1.35}.tasks-select-bar-preview{border-block-start:1px solid var(--color-border);border-block-end:1px solid var(--color-border);background:var(--color-bg-subtle);padding-block:8px}.tasks-ink .task-card{border:var(--ink-surface-border);border-radius:var(--radius-lg);box-shadow:var(--ink-surface-shadow);transition:box-shadow var(--ink-dur) var(--ink-ease), border-color var(--ink-dur) var(--ink-ease);gap:11px;padding:13px 14px}.tasks-ink .task-card.has-color,.tasks-ink .task-card.is-overdue{border-inline-start:3px solid;padding-inline-start:11px}.tasks-ink .task-card.has-color{border-inline-start-color:var(--task-color)}.tasks-ink .task-card.is-overdue{border-inline-start-color:var(--color-warning)}.tasks-ink .task-card.is-dragging{box-shadow:var(--shadow-md);outline:1px solid var(--color-accent-soft);rotate:-1.2deg}[dir=rtl] .tasks-ink .task-card.is-dragging{rotate:1.2deg}@media (prefers-reduced-motion:reduce){.tasks-ink .task-card.is-dragging,[dir=rtl] .tasks-ink .task-card.is-dragging{rotate:none}}.tasks-ink .task-card-swipe__panel{border-radius:var(--radius-lg)}.tasks-ink .task-card__more{border-radius:var(--radius-md);transition:background-color var(--ink-dur) var(--ink-ease)}.tasks-ink .tasks-help__balloon,.tasks-ink .tasks-views{border-radius:var(--radius-md)}.tasks-ink .card{border:var(--ink-surface-border);border-radius:var(--radius-card);box-shadow:var(--ink-surface-shadow)}.tasks-ink .btn{transition:background-color var(--ink-dur) var(--ink-ease), border-color var(--ink-dur) var(--ink-ease), color var(--ink-dur) var(--ink-ease), transform 50ms ease;padding:12px 20px}.tasks-ink .btn-sm{padding:6px 12px}.tasks-ink .btn-icon{padding:0}.tasks-ink .input,.tasks-ink .select-shell,.tasks-ink .select-shell select{border-radius:var(--radius-md)}.tasks-ink .radio-pills,.tasks-ink .timed-lanes{border-radius:var(--radius-md);gap:3px}.tasks-ink .radio-pills label,.tasks-ink .timed-lanes__option{border-radius:var(--radius-sm)}.tasks-ink .choice-chip:has(input:checked){background:var(--color-accent-soft);border-color:color-mix(in oklch, var(--color-accent) 32%, transparent);color:var(--color-accent);font-weight:var(--weight-strong)}.tasks-ink .choice-chip{background:var(--color-bg-elevated);transition:background-color var(--ink-dur) var(--ink-ease), border-color var(--ink-dur) var(--ink-ease), color var(--ink-dur) var(--ink-ease)}.tasks-ink .choice-chip:hover:not(:has(input:checked)){background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}.tasks-ink .task-card__check,.tasks-ink .task-card__pick,.tasks-ink .checkbox-field input[type=checkbox]{block-size:19px;inline-size:19px;border-width:1.5px;border-radius:5px;width:19px;height:19px}.tasks-ink .task-card__check svg,.tasks-ink .task-card__pick svg{width:12px;height:12px}.tasks-ink .switch-field input[type=checkbox]{border-radius:var(--radius-switch)}.tasks-ink .tasks-capture__input{border-radius:var(--radius-lg);border-width:1px}.tasks-ink .tasks-capture__input:focus-visible{box-shadow:0 0 0 3px var(--color-accent-soft)}.tasks-ink .task-move__target{min-block-size:0;inline-size:auto;box-shadow:none;background:0 0;border:none;border-radius:0;gap:6px;padding:0}.tasks-ink .task-move__disc{border:1.5px dashed color-mix(in oklch, var(--color-accent) 45%, transparent);background:var(--color-bg-elevated);block-size:60px;inline-size:60px;box-shadow:var(--shadow-md);color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.tasks-ink .task-move__target svg{block-size:21px;inline-size:21px}.tasks-ink .task-move__target.is-active{color:var(--color-accent);font-weight:var(--weight-strong);background:0 0;scale:1}.tasks-ink .task-move__target.is-active .task-move__disc{background:var(--color-accent);block-size:68px;inline-size:68px;color:var(--color-accent-contrast);box-shadow:0 0 0 10px color-mix(in oklch, var(--color-accent) 14%, transparent);border:none}.tasks-ink .task-move__target.is-active svg{block-size:24px;inline-size:24px}@media (prefers-reduced-motion:no-preference){.tasks-ink .task-move__disc{transition:inline-size var(--ink-dur) var(--ink-ease), block-size var(--ink-dur) var(--ink-ease), background-color var(--ink-dur) var(--ink-ease), box-shadow var(--ink-dur) var(--ink-ease)}}.tasks-ink .timed-weeknav__btn{border-radius:var(--radius-md)}.tasks-ink .tasks-nav__tab{border-radius:var(--radius-lg);transition:background-color var(--ink-dur) var(--ink-ease), color var(--ink-dur) var(--ink-ease)}.tasks-ink .tasks-rail__item,.tasks-ink .tasks-menu__item,.tasks-ink .tasks-tagfilter__row{border-radius:var(--radius-sm);transition:background-color var(--ink-dur) var(--ink-ease), color var(--ink-dur) var(--ink-ease)}.tasks-ink .tasks-rail__count{border-radius:var(--radius-sm)}.tasks-ink .tasks-menu__item:hover{background:var(--color-bg-subtle)}.tasks-ink .tasks-column{border-radius:var(--radius-card)}.tasks-ink .tasks-board__gap{border-radius:var(--radius-lg)}.tasks-ink .dialog-panel{border-start-start-radius:var(--radius-sheet);border-start-end-radius:var(--radius-sheet)}.tasks-ink .dialog-backdrop{background:var(--ink-scrim)}.tasks-ink .dialog-header__title{letter-spacing:-.015em}@media (width>=900px){.tasks-ink .dialog-panel:not(.tasks-inspector){border-radius:var(--radius-sheet)}}.tasks-ink .toast--info{box-shadow:var(--shadow-md);background:oklch(22% .02 265);border-color:#0000}.tasks-ink .toast--info .toast__message{color:oklch(97% .004 265)}.tasks-ink .toast--info .toast__action{color:oklch(84% .05 265)}.tasks-ink .toast--info .toast__action:hover{background:#ffffff1a}.tasks-ink .toast--info .toast__countdown{background:oklch(84% .05 265)}.tasks-ink .toast--info .toast__close{color:oklch(78% .012 265)}.tasks-ink .toast--info .toast__close:hover{color:oklch(97% .004 265);background:#ffffff1a}@media (prefers-color-scheme:dark){.tasks-ink .toast--info{background:oklch(29% .018 265);border-color:oklch(38% .02 265)}}:root[data-theme=light] .tasks-ink .toast--info{background:oklch(22% .02 265);border-color:#0000}:root[data-theme=dark] .tasks-ink .toast--info{background:oklch(29% .018 265);border-color:oklch(38% .02 265)}.tasks-ink .toast.tasks-toast--quiet .toast__message{color:oklch(80% .01 265)}.tasks-ink .task-card__meta,.tasks-ink .task-card__time,.tasks-ink .task-chip,.tasks-ink .tasks-column__count,.tasks-ink .tasks-select-bar__count,.tasks-ink .tasks-search__count,.tasks-ink .tasks-tagrow__count,.tasks-ink .tasks-titlebar__subtitle,.tasks-ink .tasks-detail__value,.tasks-ink .tasks-more__summary{font-variant-numeric:tabular-nums}.tasks-ink .tasks-group__heading,.tasks-ink .tasks-edit__group,.tasks-ink .tasks-settings__subhead,.tasks-ink .tasks-detail__bucket,.tasks-ink .tasks-column__run-heading,.tasks-ink .tasks-day__queuetitle,.tasks-ink .tasks-day__runheading,.tasks-ink .tasks-day__laneheading{letter-spacing:.1em}.tasks-ink .task-bucket{border-radius:var(--radius-sm);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--weight-strong);white-space:nowrap;flex:none;align-items:center;padding:3px 8px;line-height:1.25;display:inline-flex}.tasks-ink .task-bucket--defined{background:var(--color-accent-soft);color:var(--color-accent)}.tasks-ink .task-bucket--dated{background:color-mix(in oklch, var(--color-warning) var(--ink-badge-fill), transparent);color:var(--ink-badge-dated)}.tasks-ink .task-bucket--timed{background:color-mix(in oklch, var(--color-success) var(--ink-badge-fill), transparent);color:var(--ink-badge-timed)}.tasks-stale{margin-inline:var(--page-inline-pad);color:var(--color-text-secondary);text-align:center;margin-block-end:var(--space-3);font-size:.875rem}.tasks-review{z-index:95;background:var(--color-bg);padding-block:max(var(--space-3), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-bottom));padding-inline:var(--page-inline-pad);flex-direction:column;display:flex;position:fixed;inset:0}.tasks-review__bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex:none;display:flex}.tasks-review__exit{color:var(--color-text);margin-inline-start:calc(var(--space-2) * -1)}.tasks-review__exit svg{block-size:16px;inline-size:16px}.tasks-review__progress{color:var(--color-text-tertiary);font-size:.8125rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.tasks-review__heading{inline-size:100%;max-inline-size:560px;flex:none;margin-block-start:var(--space-3);margin-inline:auto}.tasks-review__mode{font-size:1.0625rem;font-weight:var(--weight-strong);color:var(--color-text)}.tasks-review__type{color:var(--color-text-secondary);margin-block-start:2px;font-size:.8125rem}.tasks-review__card{justify-content:center;gap:var(--space-4);inline-size:100%;max-inline-size:560px;padding-block:var(--space-4);flex-direction:column;flex:auto;margin-inline:auto;display:flex;overflow-y:auto}.tasks-review__field>label{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tasks-review__badge{border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px var(--space-2);color:var(--color-text-tertiary);font-size:.6875rem;font-weight:var(--weight-body)}textarea.tasks-review__title{resize:none;min-block-size:0;font-weight:var(--weight-strong);line-height:1.4;display:block;overflow:hidden}.tasks-review__context{gap:var(--space-2);border-inline-start:2px solid var(--color-border);flex-direction:column;padding-inline-start:var(--space-3);display:flex}.tasks-review__context-label{color:var(--color-text-tertiary);font-size:.75rem}.tasks-review__note{color:var(--color-text-secondary);white-space:pre-wrap;font-size:.9375rem;line-height:1.5}.tasks-review__chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tasks-review__verbs{gap:var(--space-2);flex-direction:column;flex:none;display:flex}.tasks-review__row{align-items:center;gap:var(--space-2);display:flex}.tasks-review__verbs-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tasks-review__verbs-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:var(--weight-medium)}.tasks-review__delete:not(.is-armed){color:var(--color-danger)}.tasks-review__row--stage{flex-wrap:wrap}.tasks-review__row--stage .btn{flex:auto;justify-content:center}.tasks-review__row--answer{margin-block-start:var(--space-1)}.tasks-review__skip{flex:1 1 0;justify-content:center}.tasks-review__keep{flex:2 1 0;justify-content:center}@media (width>=900px){.tasks-review__verbs{inline-size:100%;max-inline-size:560px;margin-inline:auto}}.task-chip--goal.has-color{color:color-mix(in oklab, var(--goal-color) 45%, var(--color-text));background:color-mix(in oklab, var(--goal-color) 10%, var(--color-bg-subtle))}.task-goal-list{flex-direction:column;gap:10px;display:flex}.task-goal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:inherit;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.task-goal-card__stripe{background:var(--goal-color,var(--color-border));border-radius:2px;flex:none;inline-size:3px}.task-goal-card__body{flex-direction:column;flex:1;gap:6px;min-inline-size:0;display:flex}.task-goal-card__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-goal-card__title{font-size:.9375rem;font-weight:var(--weight-strong)}.task-goal-card__meta{color:var(--color-text-tertiary);flex-wrap:wrap;gap:10px;font-size:.75rem;display:flex}.task-goal-section+.task-goal-section{margin-block-start:22px}.task-goal-section__heading{font-size:.75rem;font-weight:var(--weight-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 10px}.task-goal-list--prioritizing .task-goal-card--reorder{cursor:grab;-webkit-user-select:none;user-select:none}.task-goal-card--reorder.is-dragging{z-index:2;border-color:color-mix(in oklab, var(--color-tasks) 45%, var(--color-border));box-shadow:var(--shadow-md);cursor:grabbing;position:relative}.task-goal-card__grip{min-block-size:26px;inline-size:26px;color:var(--color-text-tertiary);opacity:.7;cursor:grab;touch-action:none;background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.task-goal-card__grip svg{block-size:16px;inline-size:16px}.task-goal-head{gap:12px;margin-block-end:18px;display:flex}.task-goal-head__stripe{background:var(--goal-color,var(--color-border));border-radius:2px;flex:none;inline-size:3px}.task-goal-head__body{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.task-goal-head__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-goal-head__period{color:var(--color-text-tertiary);font-size:.75rem}.task-goal-head__brief{white-space:pre-wrap;color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.task-goal-head__link{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-habits);align-self:flex-start}.task-reminder{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-2)}.task-reminder__row{align-items:center;gap:var(--space-4);min-height:56px;display:flex}.task-reminder__text{flex:auto;min-inline-size:0}.task-reminder__label{font-size:.9375rem;font-weight:var(--weight-medium);color:var(--color-text);display:block}.task-reminder__sub{color:var(--color-text-tertiary);margin-top:2px;font-size:.75rem}.task-reminder__controls{flex:none;align-items:center;gap:7px;display:flex}.task-reminder__time{border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-bg-subtle);height:40px;color:var(--color-text);font:inherit;font-size:var(--input-font-size);font-weight:var(--weight-strong);padding:0 12px}.task-reminder__time:disabled{opacity:.5}
