:root{--color-bg:#fff;--color-surface:#f7f7f8;--color-border:#e3e3e8;--color-text:#1a1a1a;--color-text-muted:#6b6b76;--color-primary:#3f51b5;--color-primary-contrast:#fff;--color-danger:#d50000;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--radius:8px;--font-sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;padding:0}a{color:inherit;text-decoration:none}.btn{font:inherit;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.shell__nav{border-right:1px solid var(--color-border);padding:var(--space-4);background:var(--color-surface)}.shell__main{padding:var(--space-6);min-width:0}.nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);display:block}.nav__link[aria-current=page]{background:var(--color-bg);color:var(--color-text);font-weight:600}.tasks-page{gap:var(--space-6);flex-direction:column;display:flex}.tasks-page__header{align-items:center;gap:var(--space-4);display:flex}.tasks-page__header h1{margin:0}.tasks-add-btn{margin-left:auto}.tasks-add-panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.tasks-columns{gap:var(--space-4);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (max-width:768px){.tasks-columns{grid-template-columns:1fr}}.task-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.task-section__heading{margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);align-items:center;gap:var(--space-2);font-size:.9rem;display:flex}.task-section__count{background:var(--color-border);border-radius:99px;padding:2px 8px;font-size:.75rem}.task-section__empty{color:var(--color-text-muted);margin:0;font-size:.875rem}.task-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3)}.task-item--editing{background:var(--color-surface)}.task-item__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.task-item__check{cursor:pointer;flex-shrink:0;width:16px;height:16px}.task-item__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.task-item__title--done{color:var(--color-text-muted);text-decoration:line-through}.task-item__badge{background:var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.75rem}.task-item__badge--priority{color:#e65100;background:#fff3e0}.task-item__status{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:.75rem}.task-item__action{padding:var(--space-1) var(--space-2);font-size:.75rem}.task-item__action--danger{color:var(--color-danger);border-color:var(--color-danger)}.task-item__notes{margin:var(--space-2) 0 0 22px;color:var(--color-text-muted);font-size:.85rem}.task-item__subform{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.task-item__subtasks{margin:var(--space-3) 0 0 22px;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.task-form{gap:var(--space-2);flex-direction:column;display:flex}.task-form__input,.task-form__select,.task-form__textarea{font:inherit;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);width:100%;font-size:.875rem}.task-form__textarea{resize:vertical}.task-form__actions{gap:var(--space-2);display:flex}.habits-page{gap:var(--space-4);flex-direction:column;display:flex}.habits-page h1{margin:0}.habit-list{gap:var(--space-4);flex-direction:column;display:flex}.habit-list__toolbar{align-items:center;gap:var(--space-4);display:flex}.habit-list__archived-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-muted);cursor:pointer;font-size:.875rem;display:flex}.habit-list__new-form{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.habit-list__empty{color:var(--color-text-muted);margin:0}.habit-row{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);gap:var(--space-3);flex-direction:column;display:flex}.habit-row--archived{opacity:.55}.habit-row__header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.habit-row__dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:12px;height:12px}.habit-row__name{font-weight:600}.habit-row__meta{color:var(--color-text-muted);font-size:.8rem}.habit-row__streak{font-size:.875rem}.habit-row__actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.habit-row__actions .btn{padding:var(--space-1) var(--space-3);font-size:.8rem}.habit-grid{flex-wrap:wrap;gap:3px;display:flex}.habit-cell{border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:3px;width:18px;height:18px;padding:0;transition:background .1s}.habit-cell--done{background:var(--color-primary);border-color:var(--color-primary)}.habit-cell--today{box-shadow:0 0 0 2px var(--color-text-muted)}.habit-cell:hover{opacity:.8}.habit-form{gap:var(--space-3);flex-direction:column;display:flex}.habit-form__row{gap:var(--space-1);flex-direction:column;display:flex}.habit-form__row label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.habit-form__row input,.habit-form__row select{font:inherit;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.habit-form__actions{gap:var(--space-2);display:flex}.login{place-items:center;min-height:100vh;display:grid}.login__card{text-align:center;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius)}