:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg:#f4f5f7;--surface:#fff;--text:#16181d;--text-muted:#5b6270;--placeholder:#8a92a0;--border:#dfe2e8;--accent:#2f5bea;--accent-text:#fff;--danger:#c0262d;--danger-text:#fff;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #0000000f, 0 4px 14px #0000000d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101216;--surface:#1a1d23;--text:#eceef2;--text-muted:#9aa1ae;--placeholder:#707a8b;--border:#2b2f38;--accent:#6c8cff;--accent-text:#0b0f1c;--danger:#ff7a80;--danger-text:#2a0b0d;--shadow:0 1px 2px #0006}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}html.has-modal{overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.heat-0{--heat-hue:135}.heat-1{--heat-hue:130}.heat-2{--heat-hue:126}.heat-3{--heat-hue:121}.heat-4{--heat-hue:116}.heat-5{--heat-hue:111}.heat-6{--heat-hue:107}.heat-7{--heat-hue:102}.heat-8{--heat-hue:97}.heat-9{--heat-hue:92}.heat-10{--heat-hue:88}.heat-11{--heat-hue:83}.heat-12{--heat-hue:78}.heat-13{--heat-hue:73}.heat-14{--heat-hue:69}.heat-15{--heat-hue:64}.heat-16{--heat-hue:59}.heat-17{--heat-hue:54}.heat-18{--heat-hue:50}.heat-19{--heat-hue:45}.heat-20{--heat-hue:40}.heat-21{--heat-hue:36}.heat-22{--heat-hue:32}.heat-23{--heat-hue:28}.heat-24{--heat-hue:24}.heat-25{--heat-hue:20}.heat-26{--heat-hue:16}.heat-27{--heat-hue:12}.heat-28{--heat-hue:8}.heat-29{--heat-hue:4}.heat-30{--heat-hue:0}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;padding:0 18px;font-weight:600}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-text);border-color:#0000}.btn--destructive{background:var(--danger);color:var(--danger-text);border-color:#0000}.btn--link{min-height:36px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0 10px;font-weight:500}.btn--danger{color:var(--danger)}.icon-button{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.icon-button:hover:not(:disabled){border-color:var(--border);background:var(--surface);color:var(--text)}.icon-button:disabled{opacity:.45;cursor:default}.icon-button--danger:hover:not(:disabled){color:var(--danger)}.icon-button__icon{width:20px;height:20px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.field__control{position:relative}.field__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:left;appearance:none;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;padding:0 12px;display:block}.field__input::-webkit-date-and-time-value{text-align:left;min-height:1.2em;margin:0}.field__input[type=date]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238a92a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;align-items:center;padding-right:44px;line-height:1.2;display:flex;position:relative}.field__input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.field__input--clearable{padding-right:44px}.field__clear{width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field__clear:hover{background:var(--bg);color:var(--text)}.field__clear .icon-button__icon{width:18px;height:18px}.change-password{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:14px;margin-bottom:16px;padding:18px;display:flex}.change-password__username{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.change-password__title{margin:0;font-size:1.05rem}.change-password__message{margin:0;font-size:.9rem}.change-password__message--error{color:var(--danger)}.change-password__actions{justify-content:flex-end;gap:10px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.9rem;font-weight:500;display:inline-flex}.chip:disabled{opacity:.5;cursor:default}.chip__count{color:var(--text-muted);font-size:.8rem}.chip--selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.chip--selected .chip__count{color:inherit;opacity:.8}.modal{overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(92vw,380px);max-height:80dvh;color:var(--text);margin:10dvh auto auto;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c128c}.modal__title{margin:0 0 8px;font-size:1.1rem}.modal__title:focus{outline:none}.modal__message{color:var(--text-muted);overflow-wrap:anywhere;margin:0 0 20px}.modal__body{flex-direction:column;gap:16px;display:flex}.modal__error{color:var(--danger);margin:0;font-size:.9rem}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.tag-picker{flex-direction:column;gap:8px;display:flex}.tag-picker__label{color:var(--text-muted);font-size:.85rem;font-weight:600}.tag-picker__chips{flex-wrap:wrap;gap:8px;display:flex}.tag-picker__add{border:1px dashed var(--text-muted);min-height:36px;color:var(--text-muted);background:0 0;border-radius:999px;align-items:center;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.tag-picker__add:hover{border-color:var(--accent);color:var(--accent)}.tag-picker__hint{color:var(--text-muted);margin:0;font-size:.85rem}.chore-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.chore-form__interval{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px;display:grid}.chore-form__select{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);width:100%;min-width:0;height:44px;min-height:44px;color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a92a0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:0 36px 0 12px}.chore-form__every{flex-direction:column;gap:6px;min-width:0;display:flex}.chore-form__every-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.chore-form__error{color:var(--danger);margin:0;font-size:.9rem}.chore-form__actions{justify-content:flex-end;gap:10px;display:flex}.chore-card{border:1px solid hsl(var(--heat-hue) 45% 80%);border-radius:var(--radius);background:hsl(var(--heat-hue) 70% 95%);box-shadow:var(--shadow);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 10px 10px 18px;transition:background-color .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.chore-card:before{content:"";background:hsl(var(--heat-hue) 75% 45%);width:8px;transition:background-color .15s;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.chore-card,.chore-card:before{transition:none}}.chore-card__main{flex:1;min-width:0}.chore-card__heading{font-size:inherit;margin:0}.chore-card__toggle{width:100%;min-height:32px;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.chore-card__chevron{color:var(--text-muted);flex:none;place-items:center;transition:transform .15s;display:grid}.chore-card__chevron .icon-button__icon{width:16px;height:16px}.chore-card__chevron--closed{transform:rotate(-90deg)}.chore-card--compact{align-items:center;padding-top:6px;padding-bottom:6px}.chore-card--compact .chore-card__main{flex:1}.chore-card__done-compact{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);width:32px;height:32px;color:var(--accent-text);flex:none;place-items:center;padding:0;display:grid}.chore-card__done-compact:disabled{opacity:.55;cursor:default}.chore-card__done-compact .icon-button__icon{width:18px;height:18px}.chore-card__name{overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:650;line-height:1.3}.chore-card__status{margin:2px 0 0;font-size:.9rem}.chore-card__due{color:hsl(var(--heat-hue) 80% 26%);font-weight:700}.chore-card__interval{color:var(--text-muted)}.chore-card__tags{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.chore-card__tag{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:600}.chore-card__actions{flex-direction:column;flex:none;width:108px;display:flex}.chore-card__done{border:1px solid var(--accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--accent);height:42px;color:var(--accent-text);place-items:center;padding:0;display:grid}.chore-card__done:disabled{opacity:.55;cursor:default}.chore-card__done .icon-button__icon{width:24px;height:24px}.chore-card__segments{display:flex}.chore-card__segments .icon-button{border:1px solid var(--border);background:var(--surface);width:auto;height:34px;color:var(--text-muted);border-radius:0;flex:1}.chore-card__segments .icon-button+.icon-button{margin-left:-1px}.chore-card__segments .icon-button:first-child{border-bottom-left-radius:var(--radius-sm)}.chore-card__segments .icon-button:last-child{border-bottom-right-radius:var(--radius-sm)}.chore-card__segments .icon-button:hover:not(:disabled){background:var(--bg);color:var(--text)}.chore-card__segments .icon-button--danger:hover:not(:disabled){color:var(--danger)}.chore-card__error{color:var(--danger);margin:6px 0 0;font-size:.9rem}@media (prefers-color-scheme:dark){.chore-card{border-color:hsl(var(--heat-hue) 35% 28%);background:hsl(var(--heat-hue) 40% 15%)}.chore-card:before{background:hsl(var(--heat-hue) 70% 52%)}.chore-card__due{color:hsl(var(--heat-hue) 85% 72%)}}.pill-toggle{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.pill-toggle--icon{gap:4px;padding:0 10px}.pill-toggle .icon-button__icon{width:16px;height:16px}@media (hover:hover){.pill-toggle:hover{border-color:var(--accent);color:var(--text)}.pill-toggle--active:hover{color:var(--accent-text)}}.pill-toggle--active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.pill-toggle__count{background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);border-radius:999px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.pill-toggle--active .pill-toggle__count{background:var(--accent-text);color:var(--accent)}.search-box{margin-bottom:12px;position:relative}.search-box__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);appearance:none;width:100%;min-width:0;height:44px;padding:0 44px 0 12px;display:block}.search-box__clear{width:32px;height:32px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@media (hover:hover){.search-box__clear:hover{background:var(--bg);color:var(--text)}}.search-box__clear .icon-button__icon{width:18px;height:18px}.tag-filter__chips{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.chore-list__toolbar{align-items:center;gap:8px;margin-bottom:12px;display:flex}.chore-list__controls{flex:none;gap:6px;display:flex}.chore-list__add-button{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);width:36px;height:36px;color:var(--accent-text);place-items:center;padding:0;display:grid}.chore-list__add-button .icon-button__icon{width:20px;height:20px;transition:transform .15s}.chore-list__add-button--open .icon-button__icon{transform:rotate(45deg)}.chore-list__add[hidden]{display:none}.chore-list__summary{min-width:0;color:var(--text-muted);flex:1;margin:0;font-size:.9rem;line-height:1.3}.chore-list__items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.chore-list__add{margin-bottom:16px}.chore-list__empty{color:var(--text-muted);text-align:center;padding:40px 16px}.chore-list__error{color:var(--danger)}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:28px 24px;display:flex}.login__form{flex-direction:column;gap:16px;display:flex}.login__title{margin:0;font-size:1.5rem}.login__hint{color:var(--text-muted);margin:0;font-size:.9rem}.login__notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin:0;padding:10px 12px;font-size:.9rem}.login__username{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.login__error{color:var(--danger);margin:0;font-size:.9rem}.settings-menu{position:relative}.settings-menu__button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.settings-menu__button:hover,.settings-menu__button[aria-expanded=true]{border-color:var(--border);background:var(--surface);color:var(--text)}.settings-menu__icon{width:24px;height:24px}.settings-menu__popover{z-index:10;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:190px;box-shadow:var(--shadow);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.settings-menu__item{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:500}.settings-menu__item:hover,.settings-menu__item:focus-visible{background:var(--bg)}.settings-menu__item--divided{border-top:1px solid var(--border);border-radius:0 0 6px 6px;margin-top:4px}.tag-manager{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:14px;margin-bottom:16px;padding:18px;display:flex}.tag-manager__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tag-manager__header-actions{gap:8px;display:flex}.tag-manager__title{margin:0;font-size:1.05rem}.tag-manager__new{gap:8px;display:flex}.tag-manager__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex:1;min-width:0;min-height:44px;padding:0 12px}.tag-manager__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tag-manager__row{border-top:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.tag-manager__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.tag-manager__count{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.tag-manager__empty{color:var(--text-muted);margin:0}.tag-manager__error{color:var(--danger);margin:0;font-size:.9rem}.app{max-width:640px;margin:0 auto;padding:0 16px 32px}.app__header{justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.app__header-actions{gap:2px;display:flex}.app__title{margin:0;font-size:1.35rem}.app__footer{color:var(--text-muted);text-align:center;margin-top:32px;font-size:.8rem}.app__loading{min-height:100dvh;color:var(--text-muted);place-items:center;display:grid}.app__refresh{width:44px;height:44px}.app__refresh .icon-button__icon{width:24px;height:24px}