:root{--navy: #1b2a4a;--navy-light: #2e4372;--navy-deep: #0e1728;--sand: #f6f4ef;--amber: #e8a33d;--amber-button: #e2a44a;--amber-button-hover: #d6963c;--rust: #b3261e;--rust-hover: #9c211a;--sage: #7fa893;--color-primary: var(--navy);--color-on-primary: #ffffff;--color-primary-container: var(--navy-light);--color-on-primary-container: #ffffff;--color-secondary: var(--amber);--color-on-secondary: var(--navy-deep);--color-background: var(--sand);--color-on-background: var(--navy-deep);--color-surface: #ffffff;--color-on-surface: var(--navy-deep);--color-elevated: #ffffff;--color-field: #ffffff;--color-accent-blue: var(--navy);--color-error: var(--rust);--color-error-strong: var(--rust);--color-border: rgba(14, 23, 40, .12);--on-surface-rgb: 14, 23, 40;color-scheme:light}@media(prefers-color-scheme:dark){:root{--color-primary: #9cb6e8;--color-on-primary: var(--navy-deep);--color-primary-container: var(--navy-light);--color-on-primary-container: #ffffff;--color-secondary: var(--amber);--color-on-secondary: var(--navy-deep);--color-background: var(--navy-deep);--color-on-background: var(--sand);--color-surface: var(--navy);--color-on-surface: var(--sand);--color-elevated: var(--navy-light);--color-field: var(--navy-deep);--color-accent-blue: #9cb6e8;--color-error: #f2b8b5;--color-error-strong: var(--rust);--color-border: rgba(246, 244, 239, .14);--on-surface-rgb: 246, 244, 239;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-background);color:var(--color-on-background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input{font:inherit}@keyframes dl-spin{to{transform:rotate(360deg)}}@keyframes dl-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:dl-spin .7s linear infinite;display:inline-block;flex-shrink:0}.spinner-muted{width:24px;height:24px;border-color:rgba(var(--on-surface-rgb),.2);border-top-color:var(--color-on-surface)}.page-spinner{display:flex;justify-content:center;padding:3.75rem 0}.pill-button{border:none;border-radius:999px;padding:.75rem 1.5rem;background:var(--amber-button);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.pill-button:hover:not(:disabled){background:var(--amber-button-hover)}.pill-button:disabled{opacity:.6;cursor:default}.pill-button.secondary{background:var(--color-elevated);color:var(--color-on-surface)}.pill-button.secondary:hover:not(:disabled){filter:brightness(1.12)}.pill-button.danger{background:var(--rust)}.pill-button.danger:hover:not(:disabled){background:var(--rust-hover)}.pill-button.full-width{width:100%;height:50px}.text-button{background:none;border:none;font:inherit;cursor:pointer;padding:.5rem .75rem;border-radius:8px}.text-button:disabled{opacity:.5;cursor:default}.text-button.link{color:var(--color-accent-blue);font-weight:600}.text-button.muted{color:rgba(var(--on-surface-rgb),.55)}.text-input{border:1px solid rgba(var(--on-surface-rgb),.18);border-radius:12px;padding:.875rem 1rem;background:var(--color-field);color:var(--color-on-surface);width:100%;outline:none}.text-input:focus{border-color:var(--color-accent-blue)}.text-input.code-input{text-align:center;letter-spacing:4px;font-size:1rem}.error-text{color:var(--color-error);font-size:.875rem}.auth-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem}.auth-card{width:100%;max-width:520px;background:var(--color-surface);border-radius:24px;padding:3rem 2.75rem 2.5rem;box-shadow:0 30px 60px -20px #0009}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center}.auth-badge{width:64px;height:64px;border-radius:18px;background:var(--color-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:34px;font-weight:700;line-height:1}.auth-header h1{margin:20px 0 0;font-size:30px;font-weight:700;color:var(--color-on-surface);letter-spacing:-.01em}.auth-tagline{margin:6px 0 28px;font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--amber)}.auth-intro{margin:0 0 20px;font-size:15px;line-height:1.5;color:rgba(var(--on-surface-rgb),.7);text-align:center}.auth-stage h2{margin:0 0 8px;font-size:19px;font-weight:600;color:var(--color-on-surface);text-align:center}.auth-divider{height:1px;background:rgba(var(--on-surface-rgb),.14);margin:20px 0}.auth-delivered{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;animation:dl-pop .4s ease-out;font-size:22px}.auth-delivered .check{color:var(--sage);font-weight:700}.auth-code-hint{margin:0 0 10px;font-size:13px;color:rgba(var(--on-surface-rgb),.6);text-align:center}.auth-links{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px}.auth-success{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 4px;animation:dl-pop .4s ease-out;text-align:center}.auth-success-badge{width:56px;height:56px;border-radius:50%;background:#7fa8932e;display:flex;align-items:center;justify-content:center;color:var(--sage);font-size:28px;font-weight:700}.page{max-width:640px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.page-header{display:flex;align-items:center;gap:.25rem;margin-bottom:1.5rem}.page-header-titles{flex:1;min-width:0}.page-header h1{flex:1;font-size:1.75rem;margin:0;text-align:left;letter-spacing:-.01em}.page-tagline{margin-top:2px;font-size:12px;font-weight:700;letter-spacing:.8px;color:var(--amber);text-transform:uppercase}.page-title-button{flex:1;min-width:0;background:none;border:none;padding:.25rem 0 .25rem .5rem;text-align:left;cursor:pointer;color:inherit}.page-title-button h1{font-size:22px}.new-row{display:flex;gap:.625rem;margin-top:1.25rem}.new-row .text-input{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.75rem 1.25rem}.empty-state-title{font-size:17px;font-weight:600;color:var(--color-on-surface);margin-bottom:6px}.empty-state-body{font-size:14px;color:rgba(var(--on-surface-rgb),.6)}.row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list-row,.task-row{display:flex;align-items:center;gap:2px;background:var(--color-surface);border-radius:14px;padding:6px 8px 6px 4px;box-shadow:0 1px 2px #0003;position:relative}.list-row.drag-over{background:var(--color-elevated)}.task-row{padding:4px 6px}.task-row.done{box-shadow:none;background:none;border-radius:0;padding:2px 6px}.drag-handle{cursor:grab;color:rgba(var(--on-surface-rgb),.35);-webkit-user-select:none;user-select:none;padding:0 6px;font-size:16px;flex-shrink:0}.accent-dot{width:12px;height:12px;border-radius:999px;flex-shrink:0}.row-title-wrap{flex:1;min-width:0;padding:10px 4px}.task-row .row-title-wrap{padding:2px 4px}.row-title{flex:1;text-align:left;background:none;border:none;color:var(--color-on-surface);padding:12px 4px;cursor:pointer;font:inherit;font-size:15.5px;border-radius:8px;display:block;width:100%}.list-row .row-title{padding:0;font-weight:500}.done-title{text-decoration:line-through;cursor:default;color:rgba(var(--on-surface-rgb),.55);padding:12px 4px;display:block;font-size:15.5px}.row-count{color:rgba(var(--on-surface-rgb),.6);font-size:14.5px;font-weight:500;padding:0 6px;flex-shrink:0}.inline-edit{flex:1}.inline-edit.text-input{border-color:var(--color-accent-blue);padding:.5rem .625rem}.icon-button{background:none;border:none;line-height:1;padding:0;cursor:pointer;color:var(--color-on-surface);border-radius:999px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-button:hover{background:rgba(var(--on-surface-rgb),.12)}.icon-button.small{width:36px;height:36px}.icon-button.starred{color:var(--list-accent, var(--color-secondary))}.icon-button.checkbox{width:44px;height:44px}.checkbox-box{width:20px;height:20px;border-radius:5px;border:2px solid var(--list-accent, var(--color-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox-box.checked{opacity:.5;color:var(--list-accent, var(--color-secondary))}.menu-overlay{position:fixed;inset:0;background:transparent;border:none;padding:0;z-index:5;cursor:default}.menu-popover{position:absolute;right:6px;top:calc(100% - 2px);z-index:6;background:var(--color-elevated);border-radius:12px;box-shadow:0 8px 24px #00000059;padding:8px;display:flex;flex-direction:column;gap:2px;min-width:11rem}.menu-popover button{background:none;border:none;color:var(--color-on-surface);text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:14.5px}.menu-popover button:hover{background:rgba(var(--on-surface-rgb),.1)}.menu-danger{color:var(--color-error)}.menu-popover button.menu-danger:hover{background:#f2b8b51f}.accent-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px}.accent-swatch{width:20px;height:20px;border-radius:999px;border:1px solid rgba(var(--on-surface-rgb),.25);cursor:pointer;padding:0}.dialog-overlay{position:fixed;inset:0;background:#0e172880;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.dialog-box{background:var(--color-elevated);color:var(--color-on-surface);border-radius:16px;padding:1.5rem;width:100%;max-width:24rem;box-shadow:0 8px 32px #0006;animation:dl-pop .2s ease-out}.dialog-box h2{margin:0 0 .625rem;font-size:17px}.dialog-box p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(var(--on-surface-rgb),.75)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.dialog-actions button:not(.pill-button){background:none;border:none;color:var(--color-on-surface);font:inherit;font-size:14.5px;padding:.625rem .875rem;cursor:pointer;border-radius:8px}.dialog-actions button:not(.pill-button):hover{background:rgba(var(--on-surface-rgb),.1)}.member-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(var(--on-surface-rgb),.12)}.member-email{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px}.member-note{opacity:.65;font-size:12.5px}.settings-section{margin-top:1.5rem}.settings-section h2{font-size:1rem;margin:0 0 .5rem}.settings-detail-label{color:var(--amber);font-size:.8rem;margin:0}.settings-segmented{display:flex;background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0003}.segmented-option{flex:1;background:none;border:none;color:inherit;font:inherit;padding:.7rem;cursor:pointer}.segmented-option.selected{background:var(--amber-button);color:#fff;font-weight:600}.settings-sign-out{background:var(--rust);margin-top:2rem;width:100%}.settings-sign-out:hover:not(:disabled){background:var(--rust-hover)}.settings-delete-account{display:block;width:100%;text-align:center;margin-top:.75rem;padding:.75rem;background:none;border:none;cursor:pointer;font:inherit;color:var(--color-error)}.settings-delete-account:disabled{opacity:.6;cursor:default}.done-section{margin-top:1.25rem}.done-toggle{background:none;border:none;color:rgba(var(--on-surface-rgb),.55);cursor:pointer;display:flex;align-items:center;gap:4px;padding:.5rem .25rem;font-size:12.5px;font-weight:700;letter-spacing:.5px}.add-bar{display:flex;align-items:center;gap:8px;margin-top:1.5rem}.add-bar .text-input{border-radius:999px;border-color:rgba(var(--on-surface-rgb),.22)}.add-bar-submit{width:52px;height:52px;border-radius:999px;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px;font-weight:700;background:rgba(var(--on-surface-rgb),.18)}.add-bar-submit.ready{background:var(--color-elevated)}