@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-vietnamese-400-normal-CqDGOq4W.woff2)format("woff2"),url(/assets/lexend-deca-vietnamese-400-normal-CzFfcpeX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-ext-400-normal-BvTspokg.woff2)format("woff2"),url(/assets/lexend-deca-latin-ext-400-normal-ByAQwelJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-400-normal-Cs_IAxDy.woff2)format("woff2"),url(/assets/lexend-deca-latin-400-normal-BFkfGIOA.woff)format("woff");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:Lexend Deca;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-deca-vietnamese-600-normal-Bo42gXLo.woff2)format("woff2"),url(/assets/lexend-deca-vietnamese-600-normal-CWoKeKH5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-deca-latin-ext-600-normal-DuZ4tfLm.woff2)format("woff2"),url(/assets/lexend-deca-latin-ext-600-normal-DNNhR6ou.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-deca-latin-600-normal-Cnc3Ftn4.woff2)format("woff2"),url(/assets/lexend-deca-latin-600-normal-rYZKbV2f.woff)format("woff");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Lexend Deca", system-ui, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.625rem;--text-2xl:2.25rem;--weight-regular:400;--weight-semibold:600;--leading-tight:1.2;--leading-normal:1.5;--color-bg:#f6f1e9;--color-surface:#fffcf7;--color-surface-sunken:#efe8dc;--color-text:#2a251f;--color-text-muted:#5f574c;--color-border:#e3dacb;--color-border-strong:#948a7b;--color-action:#2f3e46;--color-action-text:#fffcf7;--color-focus:#2f6b8f;--color-energy-cost:#9c4a26;--color-energy-gain:#386240;--cat-sand:#a8834f;--cat-sage:#5f8a62;--cat-sky:#5a809b;--cat-rose:#ad6f69;--cat-lavender:#7d73a8;--cat-butter:#a8903a;--cat-teal:#4f8783;--cat-plum:#95637f;--space-half:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--border-thin:1px;--border-icon:1.5px;--border-thick:2px;--underline-offset:.3em;--radius-sm:6px;--radius-lg:22px;--duration-fast:.15s;--duration-highlight:2.4s;--duration-normal:.28s;--ease-out:cubic-bezier(.16, 1, .3, 1);--tap-min:44px;--content-width:28rem;--page-width:72rem;--focus-ring:3px solid var(--color-focus);--focus-offset:2px;--field-narrow:3.5rem;--timeline-time-col:2.75rem;--rail-col:2.25rem;--color-rail:color-mix(in oklab, var(--color-border-strong) 55%, var(--color-surface));--color-rail-past:var(--color-text-muted);--dot-size:.5rem;--dot-size-lg:.75rem;--dot-past:45%;--check-size:1.25rem;--capsule-width:1.75rem;--capsule-base:1.25rem;--capsule-per-minute:.07rem;--capsule-max:7rem;--capsule-tint:24%;--capsule-tint-done:10%;--energy-max:30}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1c1a17;--color-surface:#262320;--color-surface-sunken:#171512;--color-text:#ede6da;--color-text-muted:#a89e90;--color-border:#3a352f;--color-border-strong:#7a7266;--color-action:#e9e2d5;--color-action-text:#1c1a17;--color-focus:#8cb8d6;--color-energy-cost:#e2906b;--color-energy-gain:#93c095;--cat-sand:#c9a36d;--cat-sage:#86b089;--cat-sky:#84a8c2;--cat-rose:#cf948e;--cat-lavender:#a69ccf;--cat-butter:#cdb35c;--cat-teal:#7fb3ad;--cat-plum:#c799b4}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);margin:0}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}h1,h2,h3{font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.icon{fill:currentColor;flex-shrink:0;width:1em;height:1em}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.eyebrow{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.button{min-height:var(--tap-min);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--color-action);color:var(--color-action-text);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-text)}.text-action{min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:underline;text-decoration-thickness:var(--border-thin);-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:var(--underline-offset);transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.text-action:hover{color:var(--color-text);text-decoration-color:currentColor}.symbol-button{z-index:0;width:var(--tap-min);height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-lg);transition:color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;line-height:1;display:grid;position:relative}.symbol-button:active{transform:scale(.9)}@media (hover:hover){.symbol-button:hover{color:var(--color-text)}}.tl-name a:hover,.task-link:hover .task-link-name,.category-link:hover .category-name-label,.plan-block:hover .category-name a{text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:var(--underline-offset)}.energy-option input,.choice input,.color-choice input{opacity:0;width:1px;height:1px;position:absolute}.energy-option input:focus-visible+span,.choice input:focus-visible+span{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.text-field:focus-visible,.choice-custom input:focus-visible{border-bottom-color:var(--color-focus);box-shadow:0 var(--border-thin) 0 0 var(--color-focus);outline:none}.task--free:focus-visible{outline:var(--focus-ring);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.plan-block:has(a:focus-visible){outline:var(--focus-ring);outline-offset:var(--space-1);border-radius:var(--radius-sm)}.battery{--max:var(--energy-max);align-items:center;gap:var(--space-2);min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;padding:0;display:inline-flex}.battery:hover{color:var(--color-text)}.battery-body{border:var(--border-icon) solid currentColor;border-radius:4px;width:2.25rem;height:1rem;padding:2px;position:relative}.battery-body:after{content:"";background:currentColor;border-radius:0 1px 1px 0;width:2px;height:.375rem;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.battery-fill{height:100%;width:calc(var(--level) / var(--max) * 100%);background:var(--color-energy-gain);border-radius:1px;display:block}.day-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.day-sub{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.day-sub strong{font-weight:var(--weight-regular);color:var(--color-energy-gain)}.timeline{--col-gap:var(--space-3);display:grid}.tl-item{--rail-x:calc(var(--timeline-time-col) + var(--col-gap) + var(--rail-col) / 2);--dot-y:calc(var(--space-2) + var(--text-base) * var(--leading-tight) / 2);grid-template-columns:var(--timeline-time-col) var(--rail-col) minmax(0, 1fr);column-gap:var(--col-gap);row-gap:var(--space-1);padding-block:var(--space-2);align-items:baseline;display:grid;position:relative}.tl-item:before,.tl-item--past:after,.tl-item--now:after{content:"";top:0;bottom:0;left:var(--rail-x);width:var(--border-thin);position:absolute;transform:translate(-50%)}.tl-item:before{background:var(--color-rail)}.tl-item--past:after,.tl-item--now:after{background:var(--color-rail-past)}.tl-item--now:after{bottom:calc(100% - var(--dot-y))}.tl-item:first-child:before,.tl-item:first-child:after{top:var(--dot-y)}.tl-item:last-child:before,.tl-item:last-child:after{bottom:calc(100% - var(--dot-y))}.tl-time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;grid-column:1}.tl-item>.dot{z-index:1;grid-column:2;place-self:center;position:relative}.tl-item--gap:not(.tl-item--now)>.tl-time{align-self:start}.tl-item--now>.dot{background:var(--dot,var(--color-text));box-shadow:0 0 0 3px var(--color-surface)}.tl-name{font-size:var(--text-base);font-weight:var(--weight-semibold);grid-column:3}.tl-name a{color:inherit;text-decoration:none;position:relative}.tl-name a:after{content:"";inset:calc((1lh - var(--tap-min)) / 2) calc(var(--space-2) * -1);position:absolute}.tl-done{gap:0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;grid-column:3;display:flex}.tl-done li:before{content:"✓ " / "";color:var(--color-energy-gain)}.tl-item--past .tl-name{color:var(--color-text-muted)}.tl-item--past>.dot{background:color-mix(in oklab, var(--dot) var(--dot-past), var(--color-surface))}.tl-gap{font-size:var(--text-xs);color:var(--color-text-muted);grid-column:3;margin:0}.tl-gap strong{font-weight:var(--weight-regular);color:var(--color-text)}.tl-item--now{--dot-y:calc(var(--space-4) + var(--text-lg) * var(--leading-tight) / 2);row-gap:var(--space-2);padding-block:var(--space-4)}.tl-head{align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;grid-column:3;display:flex}.tl-head>:first-child{margin-right:auto}.tl-item--now .tl-name{font-size:var(--text-lg)}.tl-now-label{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.tl-head>.plan-toggle{margin-block:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);align-self:center}.plan-toggle .icon{width:.85em;height:.85em}.plan-toggle:before{content:"";z-index:-1;inset:calc((var(--tap-min) - var(--space-6)) / 2);transition:background-color var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute}.plan-toggle[aria-expanded=true]{color:var(--color-text)}.plan-toggle[aria-expanded=true]:before{background:color-mix(in oklab, var(--color-border-strong) 28%, var(--color-surface))}.plan-area{display:contents}.plan-choices{gap:var(--space-1);margin-block:var(--space-1);margin-inline:calc(var(--space-2) * -1);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);flex-direction:column;grid-column:2/-1;display:flex}.plan-choices[hidden]{display:none}.plan-choices>.tl-gap{padding-left:calc(var(--rail-col) + var(--col-gap))}.plan-choices>.tl-gap:not(:first-child){margin-top:var(--space-2)}.empty{font-size:var(--text-sm);color:var(--color-text-muted);grid-column:3;margin:0}.tasks{row-gap:var(--space-1);grid-column:2/-1;display:grid}.task{grid-template-columns:var(--rail-col) minmax(0, 1fr) auto;column-gap:var(--col-gap,var(--space-3));align-items:center;display:grid}.task-capsule{grid-area:1/1}.task-main{grid-area:1/2}.task-actions{margin-right:calc(var(--space-3) * -1);grid-area:1/3;display:flex}.task-details{grid-area:2/2/auto/-1}.task-capsule{z-index:1;width:var(--capsule-width);height:min(calc(var(--capsule-base) + var(--minutes,15) * var(--capsule-per-minute)), var(--capsule-max));border-radius:calc(var(--capsule-width) / 2);background:color-mix(in oklab, var(--dot,var(--color-border-strong)) var(--capsule-tint), var(--color-surface));font-size:var(--text-sm);justify-self:center;place-items:center;line-height:1;display:grid;position:relative}.task--suggested .task-capsule{background:var(--color-surface);border:var(--border-thin) dashed var(--dot,var(--color-border-strong))}.task--suggested .task-capsule>span{opacity:.5}.task.is-done .task-capsule{background:color-mix(in oklab, var(--dot,var(--color-border-strong)) var(--capsule-tint-done), var(--color-surface))}.task--free{grid-column:2/-1}.task--free .task-capsule{background:var(--color-surface);border:var(--border-thin) solid color-mix(in oklab, var(--dot,var(--color-border-strong)) 55%, var(--color-surface));color:var(--dot,var(--color-border-strong))}.task--free .task-main{font-size:var(--text-xs);color:var(--color-text-muted)}.task--suggested .check,.task:not(.task--suggested,.task--free) .decide--take,.task.is-done .decide{display:none}.check{color:#0000;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.check:before{content:"";z-index:-1;inset:calc((var(--tap-min) - var(--check-size)) / 2);border:var(--border-icon) solid var(--color-border-strong);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute}.check[aria-pressed=true]{color:var(--color-energy-gain);font-size:var(--text-base)}.check[aria-pressed=true]:before{border-color:#0000}.task.is-done .task-name{color:var(--color-text-muted)}@media (hover:hover){.check:hover{color:var(--color-text-muted)}.check:hover:before{border-color:var(--color-text)}.check[aria-pressed=true]:hover{color:var(--color-energy-gain)}.check[aria-pressed=true]:hover:before{border-color:var(--color-border-strong)}}.task-main{align-items:center;gap:0 var(--space-2);min-height:var(--tap-min);text-align:left;background:0 0;border:none;flex-wrap:wrap;padding:0;display:flex}.task-name{min-width:0;font-size:var(--text-base);line-height:var(--leading-tight);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.task--suggested .task-name{color:var(--color-text-muted)}.task-energy{align-items:center;gap:var(--space-half);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1;display:inline-flex}.task-energy--cost{color:var(--color-energy-cost)}.task-energy--gain{color:var(--color-energy-gain)}.task-details{padding-bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.task-details[hidden]{display:none}.task-details .text-action{font-size:inherit}.task-info{margin:0}.task-info-row{align-items:center;column-gap:var(--space-4);display:flex}.task-info-row .task-info{flex:1;min-width:0}.toast{align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-1) 0 var(--space-1) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.toast[hidden]{display:none}.toast-level{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;display:inline-flex}.toast--task{grid-template-columns:var(--rail-col) minmax(0, 1fr) auto;column-gap:var(--space-3);padding-inline:0 var(--space-2);color:inherit;text-decoration:none;display:grid}.toast-text{overflow-wrap:break-word;min-width:0}.toast-go{align-items:center;gap:var(--space-1);color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.toast--task:hover .toast-go,.toast--task:focus-visible .toast-go{color:var(--color-text)}.inbox{align-items:center;gap:var(--space-2);border-bottom:var(--border-thin) solid var(--color-border-strong);transition:border-color var(--duration-fast) var(--ease-out);display:flex}.inbox:has(input:focus-visible){border-bottom-color:var(--color-focus);box-shadow:0 var(--border-thin) 0 0 var(--color-focus)}.inbox input{min-width:0;min-height:var(--tap-min);color:inherit;font:inherit;background:0 0;border:none;flex:1;padding:0}.inbox input::placeholder{color:var(--color-text-muted)}.inbox input:focus-visible{outline:none}.inbox-add{margin-right:calc(var(--space-3) * -1)}.field-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted);padding:0}.energy-picker{gap:var(--space-2);border:none;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;display:grid}.energy-option{position:relative}.energy-option>span{place-items:center;gap:var(--space-1);min-height:calc(var(--tap-min) * 1.5);padding-block:var(--space-2);border-bottom:var(--border-thick) solid transparent;color:var(--color-text-muted);text-align:center;font-size:var(--text-lg);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:grid}.energy-icons{gap:var(--space-half);display:inline-flex}.energy-option small{font-size:var(--text-xs);line-height:var(--leading-tight)}.energy-option>span:hover{color:var(--color-text)}.energy-option--cost input:checked+span{color:var(--color-energy-cost);border-bottom-color:currentColor}.energy-option--neutral input:checked+span{color:var(--color-text);border-bottom-color:currentColor}.energy-option--gain input:checked+span{color:var(--color-energy-gain);border-bottom-color:currentColor}.choice-picker{margin:0 0 0 calc(var(--space-2) * -1);border:none;flex-wrap:wrap;align-items:center;padding:0;display:flex}.choice-picker>legend{margin-left:var(--space-2)}.choice{position:relative}.choice>span{min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-2);color:var(--color-text-muted);font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);place-items:center;display:grid;position:relative}.choice>span:after{content:"";inset:auto var(--space-2) var(--space-1);height:var(--border-thick);background:0 0;position:absolute}.choice>span:hover,.choice input:checked+span{color:var(--color-text)}.choice input:checked+span:after{background:currentColor}.choice--category>span{gap:var(--space-2);grid-auto-flow:column}.choice-custom{align-items:center;gap:var(--space-2);margin-left:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:none}.choice-picker:has(input[value=custom]:checked) .choice-custom{display:inline-flex}.choice-custom input{width:var(--field-narrow);min-height:var(--tap-min);border:none;border-bottom:var(--border-thin) solid var(--color-border-strong);color:var(--color-text);font:inherit;font-size:var(--text-base);text-align:center;background:0 0;padding:0}.done-field{border:none;min-width:0;margin:0;padding:0}.done-calendar{gap:var(--space-1);max-width:calc(7 * var(--tap-min));display:grid}.done-month{justify-content:space-between;align-items:center;display:flex}.done-month-name{font-size:var(--text-sm);color:var(--color-text);margin:0}.done-days{border-collapse:collapse;table-layout:fixed;width:100%}.done-days th{padding:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-muted);text-align:center}.done-days td{text-align:center;padding:0}.done-day{align-content:center;justify-items:center;gap:var(--space-1);width:100%;max-width:var(--tap-min);border-radius:var(--radius-sm);height:3rem;color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);font-variant-numeric:tabular-nums;vertical-align:top;background:0 0;border:none;padding:0;line-height:1;display:inline-grid}.done-day:focus-visible{outline-offset:calc(var(--focus-offset) * -1)}.done-day[aria-current=date] .done-day-number{color:var(--color-text);font-weight:var(--weight-semibold)}.done-day-mark{width:var(--check-size);height:var(--check-size);border:var(--border-icon) solid var(--color-border-strong);color:#0000;font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.done-day:active .done-day-mark{transform:scale(.9)}.done-day[aria-pressed=true] .done-day-mark{color:var(--color-energy-gain);font-size:var(--text-base);border-color:#0000}.done-day--later{color:var(--color-border-strong)}.done-day--later .done-day-mark{visibility:hidden}@media (hover:hover){.done-day:hover .done-day-mark{border-color:var(--color-text)}.done-day[aria-pressed=true]:hover .done-day-mark{border-color:var(--color-border-strong)}}.categories{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.category{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:inline-flex}.nav{gap:var(--space-5);display:flex}.top-bar{z-index:10;margin-top:calc(-1 * env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--color-surface);position:sticky;top:0}:root{scroll-padding-top:calc(env(safe-area-inset-top) + var(--tap-min) + var(--space-4))}.top-bar:before{content:"";height:var(--space-4);background:linear-gradient(var(--color-surface), transparent);pointer-events:none;position:absolute;inset:100% 0 auto}.nav-link{min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);place-items:center;text-decoration:none;display:inline-grid;position:relative}.nav-link:after{content:"";inset:auto 0 var(--space-1);height:var(--border-thick);background:0 0;position:absolute}.nav-link:hover,.nav-link[aria-current=page]{color:var(--color-text)}.nav-link[aria-current=page]:after{background:currentColor}.back-link{align-items:center;gap:var(--space-1);min-height:var(--tap-min);color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-text)}.view-title{font-size:var(--text-xl)}.dot{width:var(--dot-size);height:var(--dot-size);background:var(--dot,var(--color-border-strong));border-radius:50%;display:block}.dot--large{width:var(--dot-size-lg);height:var(--dot-size-lg)}.category-name{grid-template-columns:var(--rail-col) minmax(0, 1fr);column-gap:var(--space-3);font-size:var(--text-base);align-items:baseline;display:grid}.category-name>.dot{place-self:center}.category-name--large{font-size:var(--text-xl)}.category-name-text{gap:var(--space-half);min-width:0;display:grid}.category-name-label{font-weight:var(--weight-semibold);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.category-name-info{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-group{gap:var(--space-2);display:grid}.task-links{gap:var(--space-1);display:grid}.task-link{grid-template-columns:var(--rail-col) minmax(0, 1fr);column-gap:var(--space-3);min-height:var(--tap-min);padding-block:var(--space-1);color:inherit;align-items:center;text-decoration:none;display:grid}.task-link-text{gap:var(--space-half);display:grid}.task-link-name{line-height:var(--leading-tight);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.task-link-info{font-size:var(--text-xs);color:var(--color-text-muted)}.task-row{align-items:center;column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.is-noted{margin-inline:calc(var(--space-2) * -1);padding-inline:var(--space-2);border-radius:var(--radius-sm);animation:noted-fade var(--duration-highlight) var(--ease-out) forwards}@keyframes noted-fade{0%{background:var(--color-surface-sunken)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.is-noted{background:var(--color-surface-sunken);animation:none}}.task-icon{width:var(--capsule-width);font-size:var(--text-base);justify-self:center;place-items:center;line-height:1;display:grid}.group-empty{padding-left:calc(var(--rail-col) + var(--space-3));font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.category-links{gap:var(--space-2);display:grid}.category-link{grid-template-columns:minmax(0, 1fr) var(--tap-min);column-gap:var(--space-3);min-height:var(--tap-min);color:inherit;align-items:center;text-decoration:none;display:grid}.category-link-go{color:var(--color-text-muted);place-items:center;display:grid}.category-link:hover .category-link-go{color:var(--color-text)}.category-tasks{gap:var(--space-2);display:grid}.later-label{margin-top:var(--space-3);padding-left:calc(var(--rail-col) + var(--space-3));font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.form{gap:var(--space-5);display:grid}.form-field{display:grid}.text-field{width:100%;min-height:var(--tap-min);border:none;border-bottom:var(--border-thin) solid var(--color-border-strong);color:var(--color-text);font:inherit;font-size:var(--text-lg);background:0 0;padding:0}.text-field--icon{width:var(--field-narrow);font-size:var(--text-xl);text-align:center}.field-error{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text)}.choice-picker>.field-error,.choice-picker>.field-hint{margin-left:var(--space-2);flex-basis:100%}.choice-picker>.field-hint:not(:empty){margin-top:var(--space-2)}.text-field[aria-invalid=true],.choice-custom input[aria-invalid=true]{border-bottom:var(--border-thick) solid var(--color-text)}.form-actions{align-items:center;gap:var(--space-3) var(--space-5);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.delete-row{align-items:center;gap:0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.plan-blocks{gap:var(--space-5);display:grid}.plan-block{gap:var(--space-1);display:grid;position:relative}.plan-block .category-name a{color:inherit;text-decoration:none}.plan-block .category-name a:after{content:"";position:absolute;inset:0}.plan-block .category-name a:focus-visible{outline:none}.plan-times{gap:var(--space-half);padding-left:calc(var(--rail-col) + var(--space-3));font-size:var(--text-sm);color:var(--color-text-muted);display:grid}.plan-time{color:var(--color-text);font-variant-numeric:tabular-nums}.week{--week-height:13.5rem;--week-axis:1.25rem;--week-gap:3px;gap:var(--space-2);display:grid}.week-head,.week-body{grid-template-columns:var(--week-axis) minmax(0, 1fr);column-gap:var(--space-2);display:grid}.week-head{grid-template-columns:var(--week-axis) repeat(7, minmax(0, 1fr));column-gap:var(--week-gap);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.week-head>:first-child{margin-right:calc(var(--space-2) - var(--week-gap))}.week-head .is-today{color:var(--color-text);font-weight:var(--weight-semibold)}.week-axis{height:var(--week-height);font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;position:relative}.week-axis>span{top:var(--at);line-height:1;position:absolute;right:0;transform:translateY(-50%)}.week-days{gap:var(--week-gap);height:var(--week-height);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative}.week-day{border-radius:var(--week-gap);background:color-mix(in oklab, var(--color-border) 35%, transparent);position:relative}.week-line{inset:var(--at) 0 auto;border-top:var(--border-thin) dotted var(--color-border);z-index:1;position:absolute}.week-slot{--lane-gap:2px;top:var(--top);left:calc(var(--lane,0) * (100% + var(--lane-gap)) / var(--lanes,1));width:calc((100% + var(--lane-gap)) / var(--lanes,1) - var(--lane-gap));height:max(var(--size), 3px);border-radius:var(--week-gap);background:var(--dot);z-index:2;position:absolute}.week-slot--quiet{background:var(--color-border)}.slots,.block-tasks{gap:var(--space-2);display:grid}.slots>.field-label,.block-tasks>.field-label{margin:0}.block-tasks>p{color:var(--color-text-muted);margin:0}.slot-list{display:grid}.slot{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--tap-min);color:var(--color-text-muted);display:flex}.slot-text .plan-time{font-size:var(--text-base)}.slot--quiet{opacity:.55}.slot-editor{gap:var(--space-2);margin-inline:calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-sunken);display:grid}.slot-editor .form-actions{padding-top:var(--space-1)}.slot-remove{margin-left:auto}.time-slot-head{align-items:center;gap:var(--space-3);display:flex}.field-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.slot-end{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.text-field--time{font-variant-numeric:tabular-nums;width:6.5rem}.block-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.plan-empty{margin:0}.slot-empty{color:var(--color-text-muted);margin:0}.color-picker{--swatch:1.25rem;--swatch-pad:calc((var(--tap-min) - var(--swatch)) / 2);margin:0 0 0 calc(var(--swatch-pad) * -1);border:none;padding:0;display:flex}.color-picker>legend{margin-left:var(--swatch-pad);padding:0}.color-choice{flex:0 1 var(--tap-min);min-width:0;position:relative}.color-choice>span{width:100%;height:var(--tap-min);cursor:pointer;border-radius:50%;place-items:center;display:grid}.color-choice>span:before{content:"";width:var(--swatch);height:var(--swatch);background:var(--dot);outline:var(--border-thick) solid transparent;outline-offset:3px;transition:outline-color var(--duration-fast) var(--ease-out);border-radius:50%}.color-choice input:checked+span:before{outline-color:var(--color-text)}.color-choice input:focus-visible+span{outline:var(--focus-ring)}@media (width<=480px){.timeline{--col-gap:var(--space-2)}}.app{gap:var(--space-6);max-width:var(--content-width);min-height:100dvh;padding:calc(var(--space-6) + env(safe-area-inset-top)) var(--space-5) 0;background:var(--color-surface);flex-direction:column;margin-inline:auto;display:flex}h1[tabindex="-1"]:focus{outline:none}.app-bottom{z-index:10;padding-block:var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-surface);margin-top:auto;position:sticky;bottom:0}.app-bottom .toast{margin-bottom:var(--space-3)}.app-message{color:var(--color-text-muted);margin:0}@media (width<=480px){body{background:var(--color-surface)}}
