: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)}.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}}