@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";.app{min-height:100vh;padding:48px 20px 80px;display:flex;flex-direction:column;gap:32px}.app__header{max-width:720px;margin:0 auto;text-align:center}.app__header h1{font-size:clamp(2.6rem,5vw,4rem);margin:0 0 8px;letter-spacing:-.02em}.app__header p{margin:0;color:var(--muted);font-weight:300}.app__main{display:flex;justify-content:center}.card{width:min(720px,92vw);background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);padding:28px;border:1px solid rgba(0,0,0,.05)}.auth-panel{margin-bottom:10px;padding:16px;border:1px solid rgba(27,27,31,.07);border-radius:16px;background:linear-gradient(135deg,#ff5f8a14,#22c1c30f)}.auth-panel--loading{color:var(--muted);font-size:.9rem}.auth-panel--signed-out{display:grid;gap:14px}.auth-panel__intro{display:grid;gap:4px}.auth-panel__intro h2{margin:0;font-size:1.05rem;line-height:1.3}.auth-panel__intro p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.auth-panel__eyebrow{color:#b53661;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-panel__form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end}.auth-panel__field{display:grid;gap:6px;min-width:0}.auth-panel__field>span{color:#555564;font-size:.74rem;font-weight:600}.auth-panel__field input{width:100%;min-width:0;min-height:42px;padding:10px 12px;border:1px solid rgba(27,27,31,.12);border-radius:12px;outline:none;background:#ffffffeb;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.auth-panel__field input:focus{border-color:#ff5f8aa6;box-shadow:0 0 0 3px #ff5f8a1f}.auth-panel__actions{display:flex;gap:8px}.auth-panel__button{min-height:42px;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.auth-panel__button:hover:not(:disabled){transform:translateY(-1px)}.auth-panel__button:disabled{cursor:wait;opacity:.65}.auth-panel__button--primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #ff5f8a3d}.auth-panel__button--secondary{border-color:#ff5f8a2e;background:#ffffffdb;color:#b53661}.auth-panel__error{margin:0;color:#b42318;font-size:.82rem;font-weight:500}.auth-panel__invite-note{display:grid;gap:2px;color:var(--muted);font-size:.8rem;line-height:1.45}.auth-panel__invite-note strong{color:#555564}.auth-panel--signed-in{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-panel__identity{display:grid;gap:3px;min-width:0}.auth-panel__email{overflow-wrap:anywhere;font-size:.95rem}.auth-panel__helper{color:var(--muted);font-size:.78rem}.auth-panel__button--signout{flex:0 0 auto;border-color:#1b1b1f1a;background:#ffffffe6;color:#4c4c5a}.invite-onboarding{margin-bottom:12px;padding:16px;display:grid;gap:14px;border:1px solid rgba(255,95,138,.16);border-radius:16px;background:#ff5f8a0d}.invite-onboarding__copy{display:grid;gap:5px}.invite-onboarding__copy h2,.invite-onboarding__copy p{margin:0}.invite-onboarding__copy h2{font-size:1.05rem}.invite-onboarding__copy p{color:var(--muted);font-size:.84rem;line-height:1.45}.invite-onboarding__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.invite-onboarding__actions{display:flex;justify-content:flex-end}.invite-onboarding__error{margin:0;color:#b42318;font-size:.82rem;font-weight:500}.sync-status{margin:0 2px 16px;color:var(--muted);font-size:.86rem;font-weight:500}.todo-input{display:flex;gap:12px;align-items:center;margin-bottom:20px}.todo-input input{flex:1;min-width:0;border-radius:999px;border:1px solid rgba(0,0,0,.1);padding:12px 16px;font-size:1rem;background:#fff}.todo-input button{border:none;padding:12px 18px;border-radius:999px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 18px #ff5f8a4d}.todo-input button:hover{transform:translateY(-1px)}.todo-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.todo-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(0,0,0,.05);background:#fffafc;animation:pop-in .2s ease-out;transition:transform .2s ease,box-shadow .2s ease}.todo-item__check{display:flex;flex:1;min-width:0;gap:10px;align-items:center}.todo-item__check input{flex:0 0 auto}.todo-item__title{min-width:0;overflow-wrap:anywhere;font-weight:500}.todo-item.is-complete .todo-item__title{text-decoration:line-through;color:var(--muted)}.todo-item__remove{border:none;background:transparent;color:var(--secondary);font-weight:600;cursor:pointer}.filters{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filters button{border:none;background:#f3f2ff;color:#4c4c66;padding:8px 12px;border-radius:999px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.filters button.is-active{background:var(--secondary);color:#fff;box-shadow:0 6px 14px #22c1c34d}.filters button.is-active span{background:#fff;color:var(--secondary)}.filters button span{background:#ffffffb3;color:inherit;padding:2px 8px;border-radius:999px;font-size:.85rem}.todo-item__actions{display:flex;flex:0 0 auto;gap:8px}.todo-item__actions button{border:none;background:#fff0f6;color:#c93f6b;font-weight:600;cursor:pointer;padding:6px 10px;border-radius:999px}.todo-item__remove{background:#e6f8f8;color:#0d7f80}.todo-item__edit{display:flex;gap:12px;width:100%;align-items:center}.todo-item__edit input{flex:1;min-width:0;border-radius:999px;border:1px solid rgba(0,0,0,.1);padding:10px 14px}.empty{padding:28px;text-align:center;background:#fff5e6;border-radius:16px;border:1px dashed rgba(0,0,0,.1)}.empty__title{font-size:1.1rem;font-weight:600;margin:0 0 6px}.empty__subtitle{margin:0;color:var(--muted)}.todo-item:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}.filters button,.todo-item__actions button{transition:transform .2s ease,box-shadow .2s ease}.filters button:hover,.todo-item__actions button:hover{transform:translateY(-1px)}@media(max-width:640px){.app{padding:28px 12px 48px;gap:24px}.app__header h1{font-size:clamp(2.55rem,15vw,3.35rem)}.app__header p{font-size:.92rem}.card{width:100%;padding:16px;border-radius:20px}.auth-panel,.invite-onboarding{padding:16px;border-radius:16px}.auth-panel__form-row,.invite-onboarding__fields{grid-template-columns:minmax(0,1fr);gap:12px}.auth-panel__field input{min-height:48px;font-size:1rem}.auth-panel__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.auth-panel__button,.invite-onboarding__actions .auth-panel__button{width:100%;min-height:48px;font-size:.95rem}.auth-panel--signed-in{align-items:stretch;flex-direction:column;gap:14px}.auth-panel__button--signout{width:100%}.sync-status{margin:0 4px 16px}.todo-input{flex-direction:column;align-items:stretch;gap:8px}.todo-input input,.todo-input button{width:100%;min-height:48px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.filters button{justify-content:center;min-width:0;padding:9px 6px;font-size:.78rem}.filters button span{padding:2px 6px;font-size:.78rem}.todo-item{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.todo-item__check{width:100%;align-items:flex-start;line-height:1.45}.todo-item__check input{margin-top:4px}.todo-item__actions{width:100%;justify-content:flex-end}.todo-item__actions button{min-height:40px;padding:8px 14px}.todo-item__edit{flex-direction:column;align-items:stretch;gap:10px}.todo-item__edit input{width:100%;min-height:46px}.empty{padding:24px 16px}}@media(max-width:420px){.filters button{gap:4px;font-size:.74rem}.todo-item__actions button{flex:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.confirm-delete-modal__backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#1b1b1f6b}.confirm-delete-modal{width:min(420px,100%);display:grid;gap:20px;padding:22px;border-radius:18px;background:var(--card);box-shadow:0 24px 60px #1b1b1f3d}.confirm-delete-modal__copy{display:grid;gap:8px}.confirm-delete-modal__copy h2,.confirm-delete-modal__copy p{margin:0}.confirm-delete-modal__copy h2{font-size:1.25rem}.confirm-delete-modal__copy p{color:var(--muted);line-height:1.45}.confirm-delete-modal__actions{display:flex;justify-content:flex-end;gap:10px}.confirm-delete-modal__button{min-height:44px;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer}.confirm-delete-modal__button--secondary{border:1px solid rgba(27,27,31,.12);background:#fff;color:var(--ink)}.confirm-delete-modal__button--danger{border:none;background:#c93f6b;color:#fff}.confirm-delete-modal__button:focus-visible{outline:3px solid rgba(255,95,138,.3);outline-offset:2px}@media(max-width:640px){.confirm-delete-modal__backdrop{align-items:end;padding:12px}.confirm-delete-modal{width:100%;padding:20px;border-radius:20px}.confirm-delete-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.confirm-delete-modal__button{min-height:48px}}.filters-panel{display:grid;gap:10px;margin-bottom:18px}.filters-panel .filters{margin-bottom:0}.filters--priority button{background:#fff7e8;color:#76521e}.filters--priority button.is-active{background:var(--secondary);color:#fff}@media(max-width:640px){.filters-panel .filters--priority{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.filters-panel .filters--priority button:first-child{grid-column:1 / -1}.filters-panel .filters--priority button{justify-content:center;min-width:0;min-height:40px}}.priority-select{display:grid;gap:5px;flex:0 0 auto;min-width:120px}.priority-select>span{color:#555564;font-size:.74rem;font-weight:600}.priority-select select{min-height:42px;padding:9px 34px 9px 12px;border:1px solid rgba(27,27,31,.12);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:500}.priority-select select:focus{outline:none;border-color:#ff5f8aa6;box-shadow:0 0 0 3px #ff5f8a1f}.shared-todo .priority-select{max-width:180px}@media(max-width:640px){.todo-input .priority-select,.shared-todo .priority-select,.todo-item__edit .priority-select{width:100%;max-width:none}.priority-select select{width:100%;min-height:48px}}.shared-todo{display:grid;gap:14px;margin-bottom:18px;padding:16px;border:1px solid rgba(255,95,138,.18);border-radius:16px;background:#fffafcf5}.shared-todo__intro{display:grid;gap:4px}.shared-todo__intro h2,.shared-todo__intro p{margin:0}.shared-todo__intro h2{font-size:1.05rem}.shared-todo__intro p{color:var(--muted);font-size:.84rem}.shared-todo__eyebrow{color:#b53661;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shared-todo__field{display:grid;gap:6px}.shared-todo__field>span{color:#555564;font-size:.74rem;font-weight:600}.shared-todo__field textarea{width:100%;min-width:0;min-height:112px;padding:12px 14px;border:1px solid rgba(27,27,31,.12);border-radius:14px;outline:none;background:#fff;color:var(--ink);font:inherit;line-height:1.45;resize:vertical}.shared-todo__field textarea:focus{border-color:#ff5f8aa6;box-shadow:0 0 0 3px #ff5f8a1f}.shared-todo__actions{display:flex;justify-content:flex-end;gap:8px}.shared-todo__button{min-height:42px;padding:10px 16px;border-radius:12px;border:1px solid transparent;font-weight:600;cursor:pointer}.shared-todo__button--primary{background:var(--primary);color:#fff;box-shadow:0 8px 18px #ff5f8a3d}.shared-todo__button--secondary{border-color:#1b1b1f1a;background:#fff;color:#4c4c5a}.shared-todo__button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:640px){.shared-todo__field textarea{min-height:132px;resize:none}.shared-todo__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.shared-todo__button{width:100%;min-height:48px}}.shared-todo__error{margin:0;color:#b42318;font-size:.85rem}.todo-item__body{display:flex;align-items:center;gap:8px;min-width:0}.todo-item__priority{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.01em}.todo-item__priority--low{background:#eef2ff;color:#4f5f8f}.todo-item__priority--medium{background:#fff3d8;color:#8a5a00}.todo-item__priority--high{background:#ffe8ef;color:#a52850}.todo-item__edit textarea{flex:1;width:100%;min-width:0;min-height:82px;padding:10px 14px;border:1px solid rgba(0,0,0,.1);border-radius:14px;outline:none;background:#fff;color:var(--ink);font:inherit;line-height:1.45;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.todo-item__edit textarea:focus{border-color:#ff5f8aa6;box-shadow:0 0 0 3px #ff5f8a1f}@media(max-width:640px){.todo-item__body{display:grid;gap:6px}.todo-item__priority{justify-self:start}.todo-item__edit textarea{min-height:108px;resize:none}}.todo-item__edit-error{margin:0;color:#b42318;font-size:.85rem}:root{--bg: #fff6f0;--bg-accent: #ffe6f2;--card: #ffffff;--ink: #1b1b1f;--muted: #6b6b75;--primary: #ff5f8a;--secondary: #22c1c3;--accent: #f7b731;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;background:radial-gradient(circle at top left,var(--bg-accent),var(--bg));color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font-family:inherit}