.toast-viewport{right:var(--space-4);bottom:calc(var(--mobile-nav-height) + var(--space-4));left:var(--space-4);z-index:100;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md);pointer-events:auto;margin-left:auto;display:flex}.toast__message{min-width:0;font-size:var(--font-size-sm);flex:1}.toast__dismiss{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.25rem;display:grid}.toast__dismiss:hover{background:var(--color-surface-soft)}.toast--success{border-color:color-mix(in srgb, var(--color-completed) 30%, var(--color-border))}.toast--error{border-color:color-mix(in srgb, var(--color-overdue) 30%, var(--color-border))}.toast--info{border-color:color-mix(in srgb, var(--color-primary) 25%, var(--color-border))}@media (width>=800px){.toast-viewport{right:var(--space-6);bottom:var(--space-6);width:min(420px, calc(100vw - var(--space-12)));left:auto}}.full-page-loader{background:var(--color-background);place-items:center;min-height:100vh;display:grid}.full-page-loader__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite full-page-loader-spin}.full-page-loader__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes full-page-loader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.full-page-loader__spinner{animation-duration:2.4s}}.household-error{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.household-error .empty-state{max-width:480px}.household-error__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.app-layout{background:var(--color-background);min-height:100dvh}.app-sidebar{display:none}.app-content{width:100%;min-height:100dvh;padding:var(--space-6) var(--space-4) calc(var(--mobile-nav-height) + var(--space-8))}.app-bottom-navigation{z-index:20;height:var(--mobile-nav-height);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.app-bottom-navigation__link{padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);transition:color var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.app-bottom-navigation__link--active{color:var(--color-primary);font-weight:600}@media (width>=800px){.app-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.app-sidebar{height:100dvh;padding:var(--space-8) var(--space-5);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0}.app-sidebar__header{margin-bottom:var(--space-10)}.app-logo{color:var(--color-text);font-size:var(--font-size-xl);font-weight:700;text-decoration:none}.app-navigation{gap:var(--space-1);flex-direction:column;display:flex}.app-navigation__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none}.app-navigation__link:hover{background:var(--color-surface-soft);color:var(--color-text)}.app-navigation__link--active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.app-sidebar__footer{gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.app-logout{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0}.app-logout:hover{color:var(--color-text)}.app-content{width:100%;max-width:var(--content-max-width);padding:var(--space-12) var(--space-8);margin-inline:auto}.app-bottom-navigation{display:none}}.login-page{min-height:100dvh;padding:var(--space-6) var(--space-4);background:var(--color-background);place-items:center;display:grid}.login-page__shell{width:100%;max-width:420px}.login-page__intro{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.login-page__mark{border-radius:var(--radius-md);background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);flex:0 0 44px;place-items:center;font-size:1.25rem;display:grid}.login-page__intro h1{margin:0;font-size:clamp(1.6rem,5vw,2rem);line-height:1.1}.login-page__intro p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.login-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.login-card__header{margin-bottom:var(--space-5)}.login-card__header h2{margin:0;font-size:1.15rem}.login-card__header p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-form__field{gap:var(--space-2);flex-direction:column;display:flex}.login-form__field label{font-weight:600}.login-form__submit{width:100%;min-height:46px;margin-top:var(--space-1)}.login-page__footer{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.login-page__footer span{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-surface-soft);padding:calc(var(--space-1) / 2) var(--space-1);margin-left:var(--space-2);display:inline-block}@media (width>=600px){.login-page{padding:var(--space-8)}.login-card{padding:var(--space-6)}}.member-badge{border-radius:var(--radius-pill);background:var(--color-shared-soft);min-height:24px;color:var(--color-shared);font-size:var(--font-size-xs);align-items:center;padding:3px 9px;font-weight:600;line-height:1;display:inline-flex}.member-badge[data-member-color=purple]{background:var(--color-member-purple-soft);color:var(--color-member-purple)}.member-badge[data-member-color=green]{background:var(--color-member-green-soft);color:var(--color-member-green)}.member-badge[data-member-color=blue]{background:var(--color-member-blue-soft);color:var(--color-member-blue)}.member-badge[data-member-color=rose]{background:var(--color-member-rose-soft);color:var(--color-member-rose)}.member-badge[data-member-color=orange]{background:var(--color-member-orange-soft);color:var(--color-member-orange)}.member-badge[data-member-color=teal]{background:var(--color-member-teal-soft);color:var(--color-member-teal)}.task-list{gap:var(--space-2);flex-direction:column;display:flex}.task-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.task-card__toggle{border:2px solid var(--color-border-strong);min-width:28px;min-height:28px;color:var(--color-text);font-size:var(--font-size-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.task-card__toggle:after{content:"";position:absolute;inset:-6px}.task-card__toggle:hover{border-color:var(--color-primary)}.task-card__content{min-width:0}.task-card__title{margin-bottom:var(--space-1);font-size:var(--font-size-md);line-height:var(--line-height-tight);display:block}.task-card__meta{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.task-card__area{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.task-card__status,.task-card__completion{margin-top:var(--space-2);font-size:var(--font-size-sm)}.task-card--due{border-color:color-mix(in srgb, var(--color-due) 28%, var(--color-border))}.task-card--due .task-card__toggle{border-color:var(--color-due);color:var(--color-due)}.task-card--overdue{border-color:color-mix(in srgb, var(--color-overdue) 32%, var(--color-border));background:var(--color-overdue-soft)}.task-card--overdue .task-card__toggle{border-color:var(--color-overdue);color:var(--color-overdue)}.task-card--overdue .task-card__status{color:var(--color-overdue);font-weight:600}.task-card--completed{background:var(--color-completed-soft);border-color:#0000}.task-card--completed .task-card__toggle{border-color:var(--color-completed);background:var(--color-completed);color:#fff}.task-card--completed .task-card__title{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-thickness:1px}.task-card--completed .task-card__completion{color:var(--color-completed)}.task-card--dismissed{background:var(--color-surface-soft);border-color:#0000}.task-card--dismissed .task-card__toggle{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.task-card--dismissed .task-card__title{color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:1px}.task-card--dismissed .task-card__completion{color:var(--color-text-secondary)}.task-card--dismissable{grid-template-columns:auto minmax(0,1fr) auto}.task-card__dismiss{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;place-items:center;padding:0;line-height:1;display:grid;position:relative}.task-card__dismiss:after{content:"";position:absolute;inset:-8px}.task-card__dismiss:hover{background:var(--color-surface-soft);color:var(--color-text)}.task-card--updating{opacity:.72}.task-section{margin-top:var(--space-10)}.task-section:first-of-type{margin-top:var(--space-8)}.task-section__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.task-section__title{color:var(--color-text);font-size:var(--font-size-lg);margin:0}.task-section--overdue .task-section__title{color:var(--color-overdue)}.task-section--completed .task-section__title{color:var(--color-completed)}.member-section{margin-top:var(--space-6)}.member-section:first-child{margin-top:0}.member-section__header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.member-section__identity{align-items:center;gap:var(--space-2);display:flex}.member-section__title{margin:0}.member-section__you{color:var(--color-text-muted);font-size:var(--font-size-xs)}.member-section__time{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (width>=800px){.task-card{padding:var(--space-5)}.task-section{margin-top:var(--space-12)}.member-section{margin-top:var(--space-8)}}.task-definition{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.task-definition__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.task-definition__header h3{margin:0 auto 0 0}.task-definition__meta{gap:var(--space-1) var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.task-definition__description{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.task-definition__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.task-definition--archived{opacity:.65}.task-form{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.task-form__header h2{margin-bottom:var(--space-1)}.task-form__header p{color:var(--color-text-secondary);margin:0}.task-form__field{gap:var(--space-2);flex-direction:column;display:flex}.task-form__field label,.task-form__label{font-size:var(--font-size-sm);font-weight:600}.task-form__field small{color:var(--color-text-muted)}.task-form__grid{gap:var(--space-4);display:grid}.task-form__input-with-suffix{align-items:center;gap:var(--space-2);display:flex}.task-form__input-with-suffix span{color:var(--color-text-secondary)}.task-form__recurrence{gap:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.task-form__recurrence legend{padding:0 var(--space-2);font-weight:600}.task-form__recurrence-line{align-items:center;gap:var(--space-2);grid-template-columns:auto 80px minmax(0,1fr);display:grid}.task-form__weekdays{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.task-form__weekday{min-width:0;min-height:40px;padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.task-form__weekday--selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.task-form__actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (width>=600px){.task-form__grid{grid-template-columns:1fr 1fr}.task-definition{flex-direction:row;align-items:center}.task-definition__content{flex:1;min-width:0}.task-definition__actions{flex-shrink:0}}.history-entry{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);display:grid}.history-entry:first-child{padding-top:0}.history-entry__marker{background:var(--color-completed);color:#fff;width:30px;height:30px;font-size:var(--font-size-sm);border-radius:50%;place-items:center;font-weight:700;display:grid}.history-entry__content{min-width:0}.history-entry__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.history-entry__title{margin-bottom:var(--space-1)}.history-entry__meta{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.history-entry__time{color:var(--color-text-muted);font-size:var(--font-size-sm);flex-shrink:0}.history-entry__dates{gap:var(--space-1);margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.history-entry__dates strong{color:var(--color-text);font-weight:500}.history-entry--dismissed .history-entry__marker{background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:var(--font-size-md)}.history-entry--dismissed .history-entry__title{color:var(--color-text-secondary)}.history-entry__undo{margin-top:var(--space-3);color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.history-entry__undo:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline}.history-entry__undo:disabled{color:var(--color-text-muted);cursor:default}@media (width>=600px){.history-entry{gap:var(--space-4);padding:var(--space-5) 0}.history-entry__dates{gap:var(--space-5);flex-direction:row}}.task-card--skeleton{pointer-events:none}.task-card-skeleton__toggle{border-radius:50%;width:32px;height:32px}.task-card-skeleton__title{width:62%;height:18px;margin-bottom:var(--space-2)}.task-card-skeleton__meta{width:38%;height:13px;margin-bottom:var(--space-2)}.task-card-skeleton__area{width:28%;height:13px}.history-entry-skeleton__marker{border-radius:50%;width:30px;height:30px}.history-entry-skeleton__title{width:48%;height:17px;margin-bottom:var(--space-2)}.history-entry-skeleton__meta{width:35%;height:13px;margin-bottom:var(--space-3)}.history-entry-skeleton__date{width:58%;height:13px}.task-definition-skeleton__title{width:45%;height:18px;margin-bottom:var(--space-3)}.task-definition-skeleton__meta{width:70%;height:14px}.today-page{width:100%}.today-page__header{margin-bottom:var(--space-8)}.today-page__header h1{margin-bottom:var(--space-1)}.today-page__header p{color:var(--color-text-secondary);margin:0}.week-page{width:100%}.week-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.week-page__header h1{margin-bottom:var(--space-1)}.week-page__range{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.week-page__today-button{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;font-weight:600}.week-page__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-overdue-soft);color:var(--color-overdue)}.week-calendar{margin-bottom:var(--space-8)}.week-calendar__navigation{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.week-calendar__range{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;font-weight:600}.week-calendar__arrow{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);place-items:center;padding:0;font-size:1.5rem;line-height:1;display:grid}.week-calendar__arrow:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft)}.week-calendar__days{gap:var(--space-1);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-calendar__day{min-width:0;min-height:78px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;display:flex;position:relative}.week-calendar__weekday{width:100%;font-size:var(--font-size-xs);text-align:center;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;overflow:hidden}.week-calendar__date{margin-top:var(--space-1);font-size:var(--font-size-md);font-weight:600}.week-calendar__count{min-width:18px;height:18px;margin-top:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-text-secondary);place-items:center;padding-inline:5px;font-size:.65rem;line-height:1;display:grid}.week-calendar__today-label{margin-top:var(--space-1);color:var(--color-primary);font-size:.625rem;line-height:1}.week-calendar__day--today{color:var(--color-primary)}.week-calendar__day--selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.week-calendar__day--selected .week-calendar__count{background:var(--color-surface);color:var(--color-primary)}.week-page__selected-day{margin-top:var(--space-8)}.week-page__day-header{margin-bottom:var(--space-4)}.week-page__day-header>div{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.week-page__day-header h2{text-transform:capitalize;margin:0}.week-page__today-label{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-xs);padding:3px 9px;font-weight:600;display:inline-flex}@media (width>=800px){.week-calendar__days{gap:var(--space-2)}.week-calendar__day{min-height:96px;padding:var(--space-3)}.week-calendar__weekday{font-size:var(--font-size-sm)}.week-calendar__date{font-size:var(--font-size-lg)}}.confirm-dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100% - 32px,460px);color:var(--color-text);box-shadow:var(--shadow-md);background:0 0;padding:0}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059}.confirm-dialog__content{padding:var(--space-5);border-radius:inherit;background:var(--color-surface)}.confirm-dialog__header h2{margin-bottom:var(--space-2)}.confirm-dialog__header p{color:var(--color-text-secondary);margin:0}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.routine-page{width:100%}.routine-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.routine-page__header h1{margin-bottom:var(--space-1)}.routine-page__header p{color:var(--color-text-secondary);margin:0}.routine-page__error,.task-form__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-overdue-soft);color:var(--color-overdue)}.routine-page__form{margin-bottom:var(--space-10)}.routine-page__section{margin-top:var(--space-10)}.routine-page__section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.routine-page__section-header h2{margin:0}.routine-page__section-header span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.routine-page__tasks{gap:var(--space-3);flex-direction:column;display:flex}.routine-page__form{margin-bottom:var(--space-10);scroll-margin-top:var(--space-6)}.history-page{width:100%}.history-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.history-page__header h1{margin-bottom:var(--space-1)}.history-page__header p{color:var(--color-text-secondary);margin:0}.history-page__total{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:inline-flex}.history-page__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--color-overdue-soft);color:var(--color-overdue)}.history-list{flex-direction:column;display:flex}.history-pagination{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.history-pagination__status{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-page{width:100%;max-width:var(--content-max-width);padding-bottom:var(--space-8);margin:0 auto}.settings-page__header{margin-bottom:var(--space-6)}.settings-page__header h1{margin:0}.settings-page__header p{margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.settings-section{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.settings-section+.settings-section{margin-top:var(--space-4)}.settings-section__header{padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.settings-section__header h2{margin:0;font-size:1.1rem}.settings-section__header p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-form{gap:var(--space-5);flex-direction:column;display:flex}.settings-form__field{gap:var(--space-2);flex-direction:column;display:flex}.settings-form__field label,.settings-color legend{font-weight:600}.settings-form__field small{color:var(--color-text-secondary)}.settings-form__actions{justify-content:flex-end;display:flex}.settings-color{border:0;padding:0}.settings-color__options{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.settings-color__option{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);display:flex}.settings-color__option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-color__option--selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.settings-color__option:focus-within{outline:3px solid color-mix(in srgb, var(--color-primary) 35%, transparent);outline-offset:3px}.settings-color__swatch{border-radius:50%;flex:0 0 18px;width:18px;height:18px}.settings-color__option[data-member-color=purple] .settings-color__swatch{background:var(--color-member-purple)}.settings-color__option[data-member-color=green] .settings-color__swatch{background:var(--color-member-green)}.settings-color__option[data-member-color=blue] .settings-color__swatch{background:var(--color-member-blue)}.settings-color__option[data-member-color=rose] .settings-color__swatch{background:var(--color-member-rose)}.settings-color__option[data-member-color=orange] .settings-color__swatch{background:var(--color-member-orange)}.settings-color__option[data-member-color=teal] .settings-color__swatch{background:var(--color-member-teal)}.settings-color__option--selected[data-member-color=purple]{border-color:var(--color-member-purple);background:var(--color-member-purple-soft)}.settings-color__option--selected[data-member-color=green]{border-color:var(--color-member-green);background:var(--color-member-green-soft)}.settings-color__option--selected[data-member-color=blue]{border-color:var(--color-member-blue);background:var(--color-member-blue-soft)}.settings-color__option--selected[data-member-color=rose]{border-color:var(--color-member-rose);background:var(--color-member-rose-soft)}.settings-color__option--selected[data-member-color=orange]{border-color:var(--color-member-orange);background:var(--color-member-orange-soft)}.settings-color__option--selected[data-member-color=teal]{border-color:var(--color-member-teal);background:var(--color-member-teal-soft)}.settings-account__item{gap:var(--space-1);flex-direction:column;display:flex}.settings-account__label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-account__value{overflow-wrap:anywhere;font-weight:500}@media (width>=600px){.settings-form__field{max-width:520px}.settings-section{padding:var(--space-6)}}:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--line-height-tight:1.2;--line-height-normal:1.5;--color-background:#f7f5f2;--color-surface:#fff;--color-surface-soft:#f1efeb;--color-text:#262421;--color-text-secondary:#6f6b65;--color-text-muted:#96918a;--color-border:#e3dfd9;--color-border-strong:#d1ccc5;--color-primary:#6557c8;--color-primary-hover:#5749b7;--color-primary-soft:#eeebff;--color-due:#4669a8;--color-due-soft:#eef3fb;--color-overdue:#a84d4d;--color-overdue-soft:#fbefef;--color-completed:#4f7d65;--color-completed-soft:#edf5f0;--color-member-purple:#7657c8;--color-member-purple-soft:#eee9fb;--color-member-green:#397d69;--color-member-green-soft:#e5f2ed;--color-member-blue:#4673a8;--color-member-blue-soft:#e7eff8;--color-member-rose:#a85f78;--color-member-rose-soft:#f7e9ee;--color-member-orange:#a8663f;--color-member-orange-soft:#f7ede5;--color-member-teal:#3f7f86;--color-member-teal-soft:#e5f1f2;--color-shared:#6d6a66;--color-shared-soft:#efedea;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 8px 24px #0000000f;--content-max-width:920px;--sidebar-width:230px;--mobile-nav-height:72px;--transition-fast:.15s ease;--transition-normal:.22s ease}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility}body{background:var(--color-background);min-width:320px;min-height:100vh;font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}button,input,textarea,select{font:inherit}button,a{color:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-2);font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-lg);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-md);line-height:var(--line-height-tight)}ul{margin:0;padding:0;list-style:none}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 35%, transparent);outline-offset:3px}.empty-state{align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.empty-state__content{max-width:420px}.empty-state__title{margin-bottom:var(--space-2);color:var(--color-text)}.empty-state__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.empty-state__action{justify-content:center;display:flex}.button{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.button:disabled{cursor:default;opacity:.55}.button--primary{background:var(--color-primary);color:#fff}.button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--color-surface) 95%, black)}.button--danger{background:var(--color-overdue);color:#fff}.button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-overdue) 85%, black)}.button--quiet-danger{color:var(--color-overdue);background:0 0}.button--quiet-danger:hover:not(:disabled){color:color-mix(in srgb, var(--color-overdue) 75%, black)}input,select,textarea{width:100%;min-height:44px;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}select{appearance:none;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==) right 12px center no-repeat;padding-right:36px}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:3px solid color-mix(in srgb, var(--color-primary) 18%, transparent)}.alert{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert--error{border-color:color-mix(in srgb, var(--color-overdue) 28%, var(--color-border));background:var(--color-overdue-soft);color:var(--color-overdue)}.alert--success{border-color:color-mix(in srgb, var(--color-completed) 28%, var(--color-border));background:var(--color-completed-soft);color:var(--color-completed)}.alert--info{background:var(--color-due-soft);color:var(--color-due)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-soft) 25%, var(--color-border) 50%, var(--color-surface-soft) 75%);background-size:200% 100%;animation:1.4s infinite skeleton-loading;display:block}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}