:root{--bg: #fdfaf6;--fg: #2b2018;--muted: #6b5d4f;--accent: #8a5a2b;--error: #b3261e;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg)}.shell{max-width:32rem;margin:0 auto;padding:2rem 1.25rem}h1{margin:0 0 1rem;font-size:1.75rem;color:var(--accent)}.muted{color:var(--muted)}.error{color:var(--error)}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.85em;word-break:break-all}.card{display:flex;flex-direction:column;gap:.75rem}.card label{font-weight:600}.card input{padding:.6rem .7rem;font:inherit;color:inherit;background:transparent;border:1px solid var(--muted);border-radius:.5rem}.card input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card button{align-self:flex-start;padding:.6rem 1.1rem;font:inherit;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:.5rem;cursor:pointer}.card button:disabled{opacity:.55;cursor:not-allowed}.card .link-button,.link-button{align-self:flex-start;padding:.2rem 0;font:inherit;color:var(--accent);background:none;border:none;text-decoration:underline;cursor:pointer}.field-hint{margin:-.4rem 0 0;font-size:.85rem}.todo h2{margin:0 0 .5rem;font-size:1.25rem}.empty-state{color:var(--muted)}.add-task{display:flex;flex-direction:column;gap:.4rem;margin:0 0 1rem}.add-task label{font-weight:600}.add-task-row{display:flex;gap:.5rem}.add-task input{flex:1;min-width:0;padding:.6rem .7rem;font:inherit;color:inherit;background:transparent;border:1px solid var(--muted);border-radius:.5rem}.add-task input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.add-task button{padding:.6rem 1.1rem;font:inherit;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:.5rem;cursor:pointer}.add-task button:disabled{opacity:.55;cursor:not-allowed}.task-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.task-list li{border:1px solid var(--muted);border-radius:.5rem;overflow:hidden}.task-complete{display:block;width:100%;padding:.6rem .7rem;font:inherit;text-align:left;color:inherit;background:transparent;border:none;cursor:pointer}.task-complete:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,transparent)}.task-complete:disabled{cursor:default;opacity:.6}.task-complete:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.undo-banner{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;padding:.5rem .7rem;border:1px solid var(--accent);border-radius:.5rem;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:.95rem}.view-nav{display:flex;gap:.5rem;margin:0 0 1rem}.view-nav button{padding:.4rem .9rem;font:inherit;font-weight:600;color:var(--accent);background:transparent;border:1px solid var(--muted);border-radius:.5rem;cursor:pointer}.view-nav button[aria-current=page]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.done h2{margin:0 0 .5rem;font-size:1.25rem}.done-log{display:flex;flex-direction:column;gap:1rem}.done-day h3{margin:0 0 .4rem;font-size:.95rem;color:var(--muted)}.done-entries{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.done-entries li{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;border:1px solid var(--muted);border-radius:.5rem}.done-by{flex-shrink:0;color:var(--muted)}.invite{margin:0 0 2rem;padding:1rem 1.1rem;border:1px solid var(--muted);border-radius:.75rem;display:flex;flex-direction:column;gap:.6rem}.invite h2{margin:0;font-size:1.1rem}.invite p{margin:0}.invite-fields{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;margin:0}.invite-fields dt{font-weight:600}.invite-fields dd{margin:0;min-width:0}.invite-fields code{word-break:break-all}.invite-actions{display:flex;align-items:center;gap:.75rem}.invite-actions button:not(.link-button){padding:.5rem 1rem;font:inherit;font-weight:600;color:var(--bg);background:var(--accent);border:none;border-radius:.5rem;cursor:pointer}.invite-actions button:disabled{opacity:.55;cursor:not-allowed}.invite-actions button.danger{background:var(--error)}.copied{color:var(--muted);font-size:.9rem}.invite-regen{display:flex;flex-direction:column;gap:.5rem}@media(prefers-color-scheme:dark){:root{--bg: #1b1611;--fg: #f2ebe2;--muted: #b6a892;--accent: #e0a86b;--error: #f2b8b5}}
