*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#e8e8ea;-webkit-font-smoothing:antialiased;background:#0f0f10;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea{font:inherit;color:inherit}a{color:inherit}:root{--color-bg:#0f0f10;--color-bg-elevated:#18181b;--color-bg-hover:#ffffff0a;--color-text:#e8e8ea;--color-text-muted:#9a9aa3;--color-border:#1f1f22;--color-accent:#f56b0a;--color-overdue:#c94a4a;--sidebar-width:240px;--sidebar-rail-width:48px;--main-max-width:960px;--main-padding:1.5rem;--radius:6px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{grid-template-rows:auto 1fr;grid-template-columns:1fr;min-height:100vh;display:grid}#sidebar{z-index:90;background:var(--color-bg);border-right:1px solid var(--color-border);visibility:hidden;flex-direction:column;gap:.75rem;width:min(80vw,300px);padding:1rem;transition:transform .2s,visibility .2s;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%)}#main{width:100%;max-width:var(--main-max-width);padding:var(--main-padding);flex-direction:column;gap:1.5rem;margin-inline:auto;display:flex}@media (min-width:768px){:root{--main-padding:2rem}body{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:none;transition:grid-template-columns .2s}body.is-sidebar-collapsed{grid-template-columns:var(--sidebar-rail-width) 1fr}#sidebar{z-index:auto;visibility:visible;border-right:1px solid var(--color-border);border-bottom:none;width:auto;position:static;overflow-y:visible;transform:none}}.sidebar__toggle{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;align-self:flex-start;width:32px;height:32px;display:none}.sidebar__toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}@media (min-width:768px){.sidebar__toggle{display:block}}.sidebar__areas{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.sidebar__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar__count{font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex-shrink:0;font-size:.85rem}@media (min-width:768px){body.is-sidebar-collapsed .sidebar__name,body.is-sidebar-collapsed .sidebar__count{display:none}}.capture__form{display:flex}.capture__input{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;flex:1;padding:.6rem .75rem}.capture__input::placeholder{color:var(--color-text-muted)}.capture__input:focus{border-color:var(--color-accent);outline:none}.next-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius);padding:1rem}.next-card__label{letter-spacing:.12em;color:var(--color-accent);text-transform:uppercase;margin:0 0 .5rem;font-size:.7rem}.next-card__list{margin:0;padding:0;list-style:none}.group__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.85rem}.group--overdue .group__heading{color:var(--color-overdue)}.group__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.task{border-radius:var(--radius);grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:.6rem;padding:.5rem .6rem;display:grid;position:relative}.task:hover{background:var(--color-bg-elevated)}.task__check{accent-color:var(--color-accent);cursor:pointer;width:1rem;height:1rem}.task__title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task__star,.task__menu-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.25rem .4rem;font-size:1rem}.task__star[aria-pressed=true]{color:var(--color-accent)}.task__star:hover,.task__menu-btn:hover{color:var(--color-text);background:var(--color-bg)}.task__time-label,.task__recurring{color:var(--color-text-muted);font-size:.85rem}.task-menu{z-index:10;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);min-width:8rem;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;right:.5rem;box-shadow:0 4px 16px #0006}.task-menu__item{width:100%;color:var(--color-text);text-align:left;border-radius:var(--radius);cursor:pointer;font:inherit;background:0 0;border:none;min-block-size:44px;padding:.4rem .6rem;display:block}.task-menu__item:hover:not(:disabled){background:var(--color-bg)}.task-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.task-menu__item:disabled{color:var(--color-text-muted);cursor:not-allowed}.task-menu--picker{max-height:50vh;overflow-y:auto}.task-menu__group{padding-block:.15rem}.task-menu__group-label{color:var(--color-text-muted);margin:0;padding:.25rem .6rem .1rem;font-size:.75rem}.task-menu__item--back{border-top:1px solid var(--color-border);margin-top:.15rem}#toast-root{left:0;right:0;bottom:calc(var(--capture-h) + .5rem);pointer-events:none;z-index:100;justify-content:center;display:flex;position:fixed}.toast{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);pointer-events:auto;align-items:center;gap:1rem;padding:.6rem .75rem;display:flex;box-shadow:0 8px 24px #00000080}.toast__undo{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:.2rem .4rem}.toast__undo:hover{text-decoration:underline}.empty{color:var(--color-text-muted);text-align:center;padding:2rem 0;font-style:italic}.area{padding:var(--main-padding,1.5rem);flex-direction:column;gap:1.25rem;display:flex}.area__header{align-items:baseline;gap:.75rem;display:flex}.area__title{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:600}.area--not-found{color:var(--color-text-muted)}.area__back-link{color:var(--color-accent);text-decoration:underline}.area__sections{flex-direction:column;gap:1rem;display:flex}.area__footer{margin-top:.5rem}.area__add-section{color:var(--color-text-muted);border:1px dashed var(--color-border);width:100%;cursor:pointer;min-block-size:44px;font:inherit;text-align:left;background:0 0;border-radius:8px;padding:.75rem 1rem}.area__add-section:hover{color:var(--color-text);border-color:var(--color-accent)}.area__add-section:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:12px}.section__header{align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.section__toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:.5rem;min-block-size:44px;padding:.5rem .75rem;display:flex}.section__toggle:hover{background:var(--color-bg-hover)}.section__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section__chevron{color:var(--color-text-muted);font-size:.85rem;transition:transform .15s;display:inline-block}.section__title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600;line-height:1.2}.section__menu-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-block-size:44px;min-inline-size:44px;padding:0;font-size:1.25rem}.section__menu-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.section__menu-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section__header--editing{padding:.25rem .5rem}.section__rename-input{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-accent);font:inherit;border-radius:6px;flex:1;min-block-size:44px;padding:.5rem .75rem}.section__rename-input:focus{outline:none}.section__body{flex-direction:column;gap:.5rem;padding:0 .5rem .75rem;display:flex}.section__tasks{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.section[data-collapsed=true] .section__body{display:none}.section[data-collapsed=true] .section__chevron{transform:rotate(-90deg)}.section-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;margin:0 .5rem;padding:.25rem;list-style:none;display:flex;position:relative;box-shadow:0 8px 24px #00000059}.section-menu__item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-block-size:44px;padding:.5rem .75rem;display:block}.section-menu__item:hover:not(:disabled){background:var(--color-bg-hover)}.section-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.section-menu__item:disabled{color:var(--color-text-muted);cursor:not-allowed}.sidebar__home{color:var(--color-text);cursor:pointer;text-align:left;min-block-size:44px;background:0 0;border:0;width:100%;padding:.75rem 1rem;font-size:1.1rem;font-weight:700}.sidebar__home:hover{color:var(--color-accent)}.sidebar__home:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar__home.is-active{color:var(--color-accent)}.sidebar__area{color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;min-block-size:44px;padding:.5rem .75rem;display:flex}.sidebar__area:hover{background:var(--color-bg-hover)}.sidebar__area:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar__area.is-active{color:var(--color-accent);background:var(--color-bg-hover)}@media (prefers-reduced-motion:reduce){.section__chevron{transition:none}}@media (min-width:1024px){.area__title{font-size:1.75rem}}.sidebar__area-row{align-items:center;display:flex;position:relative}.sidebar__area-row .sidebar__area{flex:1;min-width:0}.sidebar__menu-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;min-block-size:44px;min-inline-size:44px;padding:0;font-size:1.25rem}.sidebar__menu-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.sidebar__menu-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar-menu{z-index:10;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;margin:0;padding:.25rem;list-style:none;display:flex;position:absolute;top:100%;right:.5rem;box-shadow:0 8px 24px #00000059}.sidebar-menu__item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;min-block-size:44px;padding:.5rem .75rem;display:block}.sidebar-menu__item:hover:not(:disabled){background:var(--color-bg-hover)}.sidebar-menu__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sidebar-menu__item:disabled{color:var(--color-text-muted);cursor:not-allowed}.sidebar__area-row--editing{gap:.5rem;padding:.25rem .5rem}.sidebar__rename-input{background:var(--color-bg-elevated);min-width:0;color:var(--color-text);border:1px solid var(--color-accent);font:inherit;border-radius:6px;flex:1;min-block-size:44px;padding:.5rem .75rem}.sidebar__rename-input:focus{outline:none}.sidebar__add-area-row{margin-top:.5rem;list-style:none}.sidebar__add-area{color:var(--color-text-muted);border:1px dashed var(--color-border);width:100%;cursor:pointer;min-block-size:44px;font:inherit;text-align:left;background:0 0;border-radius:8px;padding:.5rem .75rem}.sidebar__add-area:hover{color:var(--color-text);border-color:var(--color-accent)}.sidebar__add-area:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width:768px){body.is-sidebar-collapsed .sidebar__menu-btn,body.is-sidebar-collapsed .sidebar__add-area-row,body.is-sidebar-collapsed .sidebar__rename-input{display:none}}.task--editing{padding:.5rem .6rem;display:block}.task--editing:hover{background:0 0}.task__rename-input{background:var(--color-bg-elevated);width:100%;color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius);font:inherit;min-block-size:44px;padding:.5rem .75rem}.task__rename-input:focus{outline:none}:root{--capture-h:calc(3.4rem + env(safe-area-inset-bottom,0px))}#topbar{z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex;position:sticky;top:0}.topbar__menu,.topbar__wordmark{color:var(--color-text);font:inherit;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;min-block-size:44px;min-inline-size:44px}.topbar__menu{font-size:1.25rem}.topbar__wordmark{padding-inline:.5rem;font-size:1.1rem;font-weight:700}.topbar__menu:hover,.topbar__wordmark:hover{color:var(--color-accent)}.topbar__menu:focus-visible,.topbar__wordmark:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#scrim{z-index:80;opacity:0;visibility:hidden;background:#00000080;transition:opacity .2s,visibility .2s;position:fixed;inset:0}#capture-root{inset-inline:0;z-index:60;padding:.5rem var(--main-padding);padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:1px solid var(--color-border);position:fixed;bottom:0}#main{padding-block-end:calc(var(--main-padding) + var(--capture-h))}body.is-drawer-open{overflow:hidden}@media (prefers-reduced-motion:reduce){#sidebar,#scrim{transition:none}}@media (min-width:768px){#topbar,#scrim{display:none}#capture-root{z-index:auto;background:0 0;border-top:0;padding:0;position:static}#main{padding-block-end:var(--main-padding)}#toast-root{bottom:1rem}}body.is-drawer-open #sidebar{visibility:visible;transform:none}body.is-drawer-open #scrim{opacity:1;visibility:visible}.repeat-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.repeat-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:90vh;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:1rem;animation:.2s repeat-sheet-in;display:flex;overflow-y:auto;box-shadow:0 -8px 24px #00000080}@keyframes repeat-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.repeat-panel__heading{margin:0;font-size:1.1rem}.repeat-fieldset{border:0;flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.repeat-fieldset__legend{color:var(--color-text-muted);padding:0;font-size:.85rem}.repeat-cadence{flex-wrap:wrap;gap:.5rem;display:flex}.repeat-cadence__option{cursor:pointer;align-items:center;gap:.3rem;min-block-size:44px;padding-inline:.4rem;display:inline-flex}.repeat-cadence__input{block-size:1.1rem;inline-size:1.1rem;accent-color:var(--color-accent)}.repeat-field{flex-direction:column;gap:.25rem;display:flex}.repeat-field--interval{flex-flow:wrap;align-items:center;gap:.5rem}.repeat-field label{color:var(--color-text-muted);font-size:.85rem}.repeat-field__unit{color:var(--color-text-muted)}.repeat-input{background:var(--color-bg);min-block-size:44px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;padding:.5rem}.repeat-input--interval{inline-size:5rem}.repeat-input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.repeat-weekdays{flex-wrap:wrap;gap:.35rem;display:flex}.repeat-weekday{border:1px solid var(--color-border);background:var(--color-bg);min-block-size:44px;min-inline-size:44px;color:var(--color-text);border-radius:var(--radius);cursor:pointer;font:inherit}.repeat-weekday[aria-pressed=true]{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.repeat-weekday:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.repeat-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.repeat-btn{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);min-block-size:44px;color:var(--color-text);font:inherit;cursor:pointer;padding:.5rem 1rem}.repeat-btn--primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.repeat-btn--remove{color:var(--color-overdue);margin-inline-end:auto}.repeat-btn:disabled{opacity:.5;cursor:not-allowed}.repeat-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.repeat-panel{animation:none}}@media (min-width:768px){.repeat-backdrop{align-items:center}.repeat-panel{border-radius:var(--radius);inline-size:420px;max-inline-size:92vw;animation:none}}