:root{--nav-height:3rem;--tab-bar-height:3rem;--lists-panel-min-width:200px;--lists-panel-max-width:33vw;--today-panel-max-width:800px;--panel-gap:1rem;--panel-padding:1rem;--panel-background:#f5f5f5;--border-colour:#d0d0d0;--muted-text:#555;--mobile-breakpoint:768px}body{color:#000;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}code{background:#f0f0f0;border-radius:.25em;padding:.15em .4em;font-family:SF Mono,Menlo,Consolas,monospace}button{font:inherit;cursor:pointer;background:#fff;border:1px solid #333;border-radius:.3em;padding:.4em .9em}button:disabled{opacity:.5;cursor:default}input,select{font:inherit}main.centered{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;max-width:40rem;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.avatar-fallback{background:#e0e0e0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}hr{border:0;border-top:1px solid #e0e0e0;width:100%;max-width:20rem}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-nav{flex:0 0 calc(var(--nav-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(var(--panel-padding), env(safe-area-inset-left,0px));padding-right:max(var(--panel-padding), env(safe-area-inset-right,0px));border-bottom:1px solid var(--border-colour);background:#fff;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-nav-name{color:inherit;font-weight:600;text-decoration:none}.app-nav-profile{align-items:center;display:flex}.nav-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.nav-avatar-fallback{background:#e0e0e0;justify-content:center;align-items:center;font-size:1rem;display:flex}.app-body{flex:auto;min-height:0;overflow:hidden}.page{box-sizing:border-box;height:100%;padding:var(--panel-padding);overflow-y:auto}.page-narrow{text-align:center;max-width:40rem;margin:0 auto}.page-header{margin-bottom:1rem}.page-error,.form-error{border:1px solid var(--border-colour);border-radius:.3em;margin:.5rem 0;padding:.5rem .75rem}.home{flex-direction:column;height:100%;display:flex}.home-panels{gap:var(--panel-gap);flex:auto;min-height:0;display:flex}.panel{box-sizing:border-box;padding:var(--panel-padding);overflow-y:auto}.today-panel{flex:0 1 calc(100% - var(--lists-panel-min-width));max-width:var(--today-panel-max-width)}.lists-panel{flex:1 1 var(--lists-panel-min-width);min-width:var(--lists-panel-min-width);max-width:var(--lists-panel-max-width);background:var(--panel-background)}.panel-header h1{margin:0;font-size:1.25rem}.panel-subtitle{color:var(--muted-text);margin:.25rem 0 0;font-size:.85rem}.panel-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.tab-bar{flex:0 0 calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border-colour);background:#fff;align-items:stretch;display:none}.tab-bar button{border:0;border-radius:0;flex:1}.tab-bar button[aria-pressed=true]{background:var(--panel-background);font-weight:600}.card-stack,.item-list{margin:0;padding:0;list-style:none}.card-stack{flex-direction:column;gap:.75rem;display:flex}.list-card{border:1px solid var(--border-colour);background:#fff;border-radius:.3em;padding:.75rem}.list-card-header{flex-direction:column;gap:.15rem;display:flex}.list-card-titlerow{align-items:center;gap:.25rem;display:flex}.list-card-title{flex:auto;min-width:0;margin:0;font-size:1rem}.list-card-count{color:var(--muted-text);margin:0;font-size:.75rem}.collapse-toggle{flex:none}.drag-handle{width:1.75rem;height:1.75rem;color:var(--muted-text);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:.2em;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sortable-item[data-dragging] .drag-handle,.drag-handle:active{cursor:grabbing}.drag-handle:disabled{opacity:.35;cursor:default}.list-card-body{margin-top:.5rem}.card-more,.card-open{margin-top:.5rem;font-size:.85rem;display:inline-block}.item-row{align-items:flex-start;gap:.5rem;padding:.25rem 0;display:flex}.item-row input[type=checkbox]{flex:none;margin-top:.35em}.item-body{flex:auto;min-width:0}.item-content{cursor:pointer;display:block}.item-content-truncated{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-content-done{color:var(--muted-text);text-decoration:line-through}.item-notes{color:var(--muted-text);white-space:pre-wrap;margin:.15rem 0 0;font-size:.85rem}.item-labels{flex-wrap:wrap;gap:.5rem;display:flex}.item-label{color:var(--muted-text);font-size:.75rem}.empty-state{color:var(--muted-text);max-width:40rem}.add-item-form{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.add-item-input{border:1px solid var(--border-colour);border-radius:.3em;flex:8rem;min-width:0;padding:.4em .5em}.new-list-form{border:1px solid var(--border-colour);background:#fff;border-radius:.3em;flex-direction:column;flex:1 0 100%;gap:.5rem;padding:.75rem;display:flex}.field{flex-direction:column;gap:.15rem;font-size:.85rem;display:flex}.field input{border:1px solid var(--border-colour);border-radius:.3em;padding:.4em .5em}.field-inline{flex-direction:row;align-items:center;gap:.35rem}.form-actions{gap:.5rem;display:flex}@media (max-width:767.98px){.tab-bar{display:flex}.panel{flex:auto;width:100%;min-width:0;max-width:none}.home[data-active-panel=today] [data-panel=lists],.home[data-active-panel=lists] [data-panel=today]{display:none}}.icon-button{min-width:1.75rem;min-height:1.75rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.2em;line-height:1;display:inline-flex}.item-edit-button,.item-menu-trigger,.list-menu-trigger{flex:none}@media (hover:hover){.item-edit-button,.item-menu-trigger,.list-menu-trigger{opacity:0;transition:opacity .1s}.item-row:hover .item-edit-button,.item-row:hover .item-menu-trigger,.list-card-header:hover .list-menu-trigger,.item-edit-button:focus-visible,.item-menu-trigger:focus-visible,.list-menu-trigger:focus-visible,.menu-trigger[aria-expanded=true]{opacity:1}}@media (prefers-reduced-motion:reduce){.item-edit-button,.item-menu-trigger,.list-menu-trigger{transition:none}}.icon-button-spacer{flex:none;width:1.75rem;height:1.75rem;display:inline-block}.item-checkbox{flex:none}.quick-edit{display:block;position:relative}.quick-edit-text{width:100%;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:text;background:0 0;border:0;border-radius:0;padding:0;display:block}.quick-edit-input{width:100%;color:inherit;font:inherit;line-height:inherit;resize:none;background:0 0;border:0;padding:0;display:block;overflow-y:hidden}.quick-edit-input:focus{border-bottom:1px solid var(--border-colour);outline:none}.field-label{align-items:center;gap:.35rem;margin-bottom:.15rem;font-size:.85rem;display:flex}.field-status{align-items:center;width:1em;display:inline-flex}.field-message{border:1px solid var(--border-colour);border-radius:.3em;margin:.25rem 0 0;padding:.25rem .5rem;font-size:.8rem}.field-hint{color:var(--muted-text);margin:.25rem 0 0;font-size:.8rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{box-sizing:border-box;background:#fff;border-radius:.4em;width:min(34rem,100%);max-height:calc(100dvh - 2rem);padding:1rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-field{margin-bottom:.9rem}.modal-textarea{box-sizing:border-box;border:1px solid var(--border-colour);width:100%;font:inherit;resize:none;border-radius:.3em;padding:.4em .5em;display:block;overflow-y:hidden}.tag-editor{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.tag-chips{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag-chip{border:1px solid var(--border-colour);border-radius:1em;align-items:center;gap:.25rem;padding:.1em .2em .1em .45em;font-size:.8rem;display:inline-flex}.tag-chip-remove{min-width:1.2rem;min-height:1.2rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.tag-input{border:1px solid var(--border-colour);border-radius:.3em;flex:6rem;min-width:0;padding:.3em .4em}.pin-search{border-top:1px solid var(--border-colour);margin-top:1.5rem;padding-top:.75rem}.pin-search input{box-sizing:border-box;border:1px solid var(--border-colour);border-radius:.3em;width:100%;padding:.4em .5em}.pin-search-status{color:var(--muted-text);margin:.35rem 0 0;font-size:.8rem}.pin-search-results{border:1px solid var(--border-colour);background:#fff;border-radius:.3em;margin:.35rem 0 0;padding:0;list-style:none}.pin-search-result{width:100%;color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:0;padding:.35em .5em;display:block;overflow:hidden}.pin-search-result:hover{background:var(--panel-background)}.list-title{margin:0}.list-title .quick-edit{align-items:baseline;gap:.5rem;display:flex}.list-title .quick-edit-text{width:auto}.list-title .icon-button{font-size:1rem}.list-deadline{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.list-deadline input{border:1px solid var(--border-colour);border-radius:.3em;padding:.3em .4em}.panel,.page{padding-bottom:max(var(--panel-padding), env(safe-area-inset-bottom,0px));padding-left:max(var(--panel-padding), env(safe-area-inset-left,0px));padding-right:max(var(--panel-padding), env(safe-area-inset-right,0px))}@media (max-width:767.98px){.panel{padding-bottom:var(--panel-padding)}}.menu-popup{z-index:200;border:1px solid var(--border-colour);background:#fff;border-radius:.3em;min-width:11rem;max-width:min(18rem,100vw - 1rem);max-height:min(20rem,100vh - 2rem);padding:.25rem;position:fixed;overflow-y:auto;box-shadow:0 2px 8px #00000026}.menu-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.2em;padding:.4em .6em;display:block}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--panel-background)}.menu-item:disabled{opacity:.45;cursor:default}.menu-item-destructive{color:#b00020}.menu-question{color:var(--muted-text);margin:0;padding:.4em .6em;font-size:.8rem}.menu-confirm-actions{gap:.25rem;display:flex}.menu-confirm-actions .menu-item{text-align:center;flex:auto;width:auto}.completed-toggle{border:0;border-top:1px solid var(--border-colour);width:100%;color:var(--muted-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.25rem;margin-top:.5rem;padding:.3em 0;font-size:.8rem;display:flex}.completed-list{margin-top:.15rem}.toast-region{left:50%;bottom:calc(var(--tab-bar-height) + 1rem + env(safe-area-inset-bottom,0px));z-index:150;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{color:#fff;white-space:nowrap;background:#000;border-radius:.3em;margin:0;padding:.5em .9em;font-size:.85rem}.sortable-item{position:relative}.sortable-item[data-dragging] .list-card{opacity:.5;transform:scale(1.02);box-shadow:0 4px 12px #0003}.sortable-item[data-grabbed] .list-card{outline-offset:2px;outline:2px solid #000}.sortable-item[data-drop]:after{content:"";pointer-events:none;--drop-line-offset:calc(-.375rem - 1px);background:#000;height:2px;position:absolute;left:0;right:0}.sortable-item[data-drop=before]:after{top:var(--drop-line-offset)}.sortable-item[data-drop=after]:after{bottom:var(--drop-line-offset)}.button-destructive{color:#b00020;border-color:#b00020}.inline-confirm{border:1px solid var(--border-colour);border-radius:.3em;margin-top:.5rem;padding:.5rem .75rem}.inline-confirm .menu-question{margin-bottom:.4rem;padding:0}.family-section{text-align:left;margin-top:1.5rem}.family-section h2{margin:0 0 .5rem;font-size:1.1rem}.family-detail h3{margin:0 0 .5rem;font-size:1rem}.family-detail h4{margin:1rem 0 .35rem;font-size:.9rem}.family-member-list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.family-member-row{border-bottom:1px solid var(--border-colour);align-items:center;gap:.6rem;padding:.4rem 0;display:flex}.family-member-avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.family-member-avatar-fallback{background:#e0e0e0;justify-content:center;align-items:center;font-size:1rem;display:flex}.family-member-info{flex:auto;min-width:0}.family-member-name{margin:0}.family-member-role{color:var(--muted-text);margin:0;font-size:.8rem}.invite-form{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem;display:flex}.pending-invitation-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.pending-invitation-row{border-bottom:1px solid var(--border-colour);padding:.3rem 0}.pending-invitation-row p{margin:0}.pending-invitation-dates{color:var(--muted-text);font-size:.8rem}.invitation-banner{border:1px solid var(--border-colour);background:var(--panel-background);border-radius:.3em;margin-bottom:.75rem;padding:.6rem .85rem}.invitation-banner p{margin:0 0 .5rem}.invitation-banner-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.invitation-banner-nav{color:var(--muted-text);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.invitation-page .form-actions{justify-content:center;margin-top:1rem}