:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#111418;--bg-raised:#1a1f26;--bg-sunken:#0c0f12;--border:#2a323c;--text:#eef2f6;--text-muted:#96a2b0;--accent:#4ea1ff;--danger:#ff6b6b;--success:#4ade80;--warning:#fbbf24;--radius:14px;--radius-sm:9px;--tap-target:48px;--tap-target-lg:56px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--keyboard-inset:0px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f7f9fb;--bg-raised:#fff;--bg-sunken:#eaeef3;--border:#d7dee7;--text:#131920;--text-muted:#5c6875;--accent:#0b62c4}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:17px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{min-height:calc(100% - var(--keyboard-inset));padding:calc(var(--safe-top) + var(--space-4)) var(--space-4) calc(var(--safe-bottom) + var(--space-4));flex-direction:column;max-width:640px;margin-inline:auto;display:flex}.app-shell>.add-bar{margin-top:auto}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.app-shell--centred{justify-content:center;gap:var(--space-5)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.app-header h1{margin:0;font-size:22px}.page-header{align-items:center;gap:var(--space-1);margin-inline-start:calc(var(--space-3) * -1);margin-bottom:var(--space-4);display:flex}.page-title{letter-spacing:-.3px;margin:0;font-size:22px}.auth-header{text-align:center}.auth-header h1{margin:0 0 var(--space-1) 0;letter-spacing:-.4px;font-size:28px}.auth-header p{margin:0}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack h2{margin:0;font-size:19px}.stack p{margin:0}.centred{text-align:center}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--text-muted);font-size:14px;font-weight:600}.field__input{min-height:var(--tap-target);padding:0 var(--space-3);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:17px}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__hint{color:var(--text-muted);font-size:13px}.field__error,.form-error{color:var(--danger);font-size:14px}.button{min-height:var(--tap-target-lg);padding:0 var(--space-5);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:17px;font-weight:600;text-decoration:none;transition:filter .12s;display:inline-flex}.button:disabled{opacity:.55;cursor:default}.button:not(:disabled):active{filter:brightness(.9)}.button--primary{background:var(--accent);color:#fff}.button--quiet{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text)}.button--small{min-height:40px;padding:0 var(--space-3);font-size:15px}.icon-button{width:var(--tap-target);height:var(--tap-target);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:active{background:var(--bg-sunken);color:var(--text)}.group-title{letter-spacing:-.3px;margin:0;font-size:22px}.group-switcher,.list-switcher{align-self:flex-start;align-items:center;max-width:100%;display:inline-flex;position:relative}.group-switcher:after,.list-switcher:after{content:"";right:var(--space-2);opacity:.55;pointer-events:none;border-bottom:2px solid;border-right:2px solid;width:9px;height:9px;position:absolute;transform:translateY(-25%)rotate(45deg)}.group-switcher__select{min-height:var(--tap-target);max-width:60vw;padding:0 calc(var(--space-5) + var(--space-1)) 0 var(--space-2);border-radius:var(--radius-sm);letter-spacing:-.3px;appearance:none;text-overflow:ellipsis;background:0 0;border:none;font-size:22px;font-weight:700}.group-switcher__select:focus-visible,.list-switcher__select:focus-visible{outline-offset:0;border-radius:var(--radius-sm)}.group-switcher__select option,.list-switcher__select option{background:var(--bg-raised);color:var(--text)}.member-list{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.member-chip{align-items:center;gap:var(--space-2);display:inline-flex}.member-chip__swatch{border-radius:50%;flex-shrink:0;width:12px;height:12px}.member-chip__name{font-weight:600}.member-chip__role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.list-switcher{margin-bottom:var(--space-2)}.list-switcher__select{min-height:var(--tap-target);max-width:100%;padding:0 var(--space-5) 0 var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);appearance:none;text-overflow:ellipsis;background:0 0;border:none;font-size:16px;font-weight:600}.member-list--header{gap:var(--space-4);margin-bottom:var(--space-4);font-size:14px}.connection{margin-bottom:var(--space-3);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.connection__dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection__dot[data-state=live]{background:var(--success)}.connection__dot[data-state=connecting],.connection__dot[data-state=syncing]{background:var(--warning);animation:1.4s ease-in-out infinite pulse}.connection__dot[data-state=offline]{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.connection__person{font-weight:600}.connection__person+.connection__person:before{content:", ";color:var(--text-muted);font-weight:400}.item-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.item{border-bottom:1px solid var(--border);border-inline-start:3px solid #0000;align-items:stretch;display:flex}.item--assigned{border-inline-start-width:3px}.item-row{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--tap-target-lg);padding:var(--space-3) var(--space-2);text-align:left;flex:1;display:flex}.item-row:active{background:var(--bg-raised)}.item--duplicate{background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:var(--radius-sm);animation:.45s ease-in-out nudge}@keyframes nudge{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.item--duplicate{outline:2px solid var(--accent);outline-offset:-2px;animation:none}}.item-edit{width:var(--tap-target);color:var(--text-muted);opacity:.55;flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-edit:active{opacity:1;color:var(--accent)}@media (hover:hover){.item-edit:hover{opacity:1;color:var(--accent)}}.item-editor{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);background:var(--bg-raised)}.item-editor__form{gap:var(--space-2);flex-direction:column;display:flex}.item-editor__input{min-height:var(--tap-target);padding:0 var(--space-3);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:17px}.item-editor__input--note{color:var(--text-muted);font-size:16px}.item-editor__assign{align-items:center;gap:var(--space-3);display:flex}.item-editor__assign-label{color:var(--text-muted);flex-shrink:0;font-size:14px}.item-editor__select{min-width:0;min-height:var(--tap-target);padding:0 var(--space-3);background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;font-size:17px}.item-editor__select option{background:var(--bg-raised);color:var(--text)}.item-editor__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.item-editor__delete{margin-left:auto}.button--danger{background:var(--danger);color:#fff}.item-row__tick{border:2px solid var(--border);width:26px;height:26px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s;display:flex}.item-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item-row__name{overflow-wrap:anywhere;font-size:17px}.item-row__name[data-checked]{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:2px}.item-row__note{color:var(--text-muted);font-size:14px}.item-row__by{flex-shrink:0;font-size:13px;font-weight:600}.item-row__by--assigned{opacity:.85;font-weight:500}.empty-state{padding:var(--space-6) var(--space-4);text-align:center}.done-section{margin-top:var(--space-5)}.done-section__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.done-section__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px;font-weight:600}.add-bar{bottom:var(--keyboard-inset);z-index:2;gap:var(--space-2);padding:var(--space-3) 0 calc(var(--safe-bottom) + var(--space-2));margin-top:var(--space-4);background:var(--bg);border-top:1px solid var(--border);flex-direction:column;order:99;display:flex;position:sticky}.chips{gap:var(--space-2);scrollbar-width:none;padding-bottom:var(--space-1);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:40px;padding:0 var(--space-4);background:var(--bg-raised);border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex-shrink:0;font-size:15px}.chip:active{background:var(--accent);border-color:var(--accent);color:#fff}.chip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chip-confirm{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-1);display:flex}.chip-confirm__text{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.add-bar__form{gap:var(--space-2);display:flex}.add-bar__input{min-width:0;min-height:var(--tap-target-lg);padding:0 var(--space-4);background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;flex:1;font-size:17px}.add-bar__submit{width:var(--tap-target-lg);height:var(--tap-target-lg);background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.add-bar__submit:disabled{opacity:.4}.invitations{border-color:var(--accent)}.invitation-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.invitation{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.invitation__text{overflow-wrap:anywhere;flex:1;min-width:12ch;margin:0}.invitation__actions{gap:var(--space-2);display:flex}.form-success{color:var(--success);font-size:14px}.subheading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.settings{margin-top:var(--space-2);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-4);flex-direction:column;display:flex}.settings-section{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:none}.settings-section__title{margin:0 0 var(--space-3) 0;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:600}.settings-row{align-items:center;gap:var(--space-2);display:flex}.settings-row__input{min-width:0;min-height:var(--tap-target);padding:0 var(--space-3);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;font-size:16px}.settings-hint{margin:var(--space-2) 0 0 0;color:var(--text-muted);font-size:12px;line-height:1.45}.detail-list{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.detail-list__row{justify-content:space-between;gap:var(--space-4);font-size:14px;display:flex}.detail-list dt{color:var(--text-muted)}.detail-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.settings-actions{gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.link-button{min-height:40px;color:var(--text-muted);text-underline-offset:3px;padding:0;font-size:13px;text-decoration:underline}.link-button:disabled{opacity:.5}.link-button--danger{color:var(--danger)}.settings-people{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-person{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap-target);display:flex}.settings-status{margin:var(--space-2) 0 0 0;color:var(--success);font-size:12px}.toggle{align-items:flex-start;gap:var(--space-3);min-height:var(--tap-target);padding:var(--space-2) 0;cursor:pointer;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin:0}.toggle__hint{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.modal{color:var(--text);width:min(560px, calc(100% - 2 * var(--space-4)));background:0 0;border:none;max-width:none;max-height:100%;margin:auto;padding:0}.modal::backdrop{background:#0009}.modal__body{overscroll-behavior:contain;max-height:85dvh;padding:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.modal__title{margin:0;font-size:19px}.modal--sheet{width:100%;max-width:640px;margin:auto auto 0}.modal--sheet .modal__body{padding:var(--space-2) var(--space-3) calc(var(--safe-bottom) + var(--space-3));border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}.modal .settings{background:0 0;border:none;margin-top:0;padding:0}.menu{flex-direction:column;display:flex}.menu__item{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-height:var(--tap-target-lg);padding:var(--space-3) var(--space-2);color:var(--text);text-align:left;text-decoration:none;display:flex}.menu__item+.menu__item{border-top:1px solid var(--border)}.menu__item:active{background:var(--bg-sunken)}.menu__label{font-size:17px;font-weight:600}.menu__hint{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.menu__item--danger .menu__label{color:var(--danger)}.menu__item--quiet .menu__label{color:var(--text-muted);font-weight:400}.update-prompt{top:calc(var(--safe-top) + var(--space-2));z-index:10;align-items:center;gap:var(--space-3);width:calc(100% - var(--space-5));max-width:520px;padding:var(--space-3) var(--space-4);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);font-size:15px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.update-prompt__actions{gap:var(--space-2);margin-left:auto;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.status-dot{width:10px;height:10px;margin-right:var(--space-2);background:var(--text-muted);border-radius:50%;display:inline-block}.status-dot[data-state=healthy]{background:var(--success)}.status-dot[data-state=unhealthy]{background:var(--danger)}.status-dot[data-state=checking]{background:var(--warning)}.muted{color:var(--text-muted)}