:root{--bg:#f5f4f0;--surface:#fffefb;--ink:#1c1c1a;--ink-2:#4a4945;--muted:#8d8a82;--line:#e7e4dc;--line-2:#d9d5cb;--accent:#1c1c1a;--done:#7c9a6e;--danger:#b4432f;--focus:#3b63f3;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#151514;--surface:#1d1d1b;--ink:#eeede8;--ink-2:#bdbbb4;--muted:#85837c;--line:#2a2a27;--line-2:#3a3935;--accent:#eeede8;--done:#93b384;--danger:#e0725c;--focus:#7d9bff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.app{max-width:600px;margin:0 auto;padding:28px 16px 80px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.top h1{letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.top h1 span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px;font-weight:400}.top-right{align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--line-2);color:var(--ink-2);background:var(--surface);border-radius:99px;padding:5px 10px;font-size:12px}.pill:hover{border-color:var(--ink-2);color:var(--ink)}.pill.on{color:var(--muted);background:0 0;border-color:#0000;padding-inline:4px}.demo-tag{font:11px var(--mono);color:var(--muted)}.av{--c:#999;letter-spacing:.02em;color:#fff;background:var(--c);width:22px;height:22px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:600;display:inline-grid}.me-btn .av{width:26px;height:26px;box-shadow:none;font-size:11px}.new{margin-bottom:14px}.new input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);outline:none;width:100%;padding:11px 14px}.new input::placeholder{color:var(--muted)}.new input:focus{border-color:var(--line-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 14%, transparent)}.filter{gap:14px;margin:0 2px 8px;font-size:12px;display:flex}.filter button{color:var(--muted);border-bottom:1px solid #0000;padding:2px 0}.filter button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.list:empty{display:none}.empty{color:var(--muted);text-align:center;padding:28px 4px;font-size:13px}.task+.task{border-top:1px solid var(--line)}.row{align-items:center;gap:10px;min-height:46px;padding:10px 12px;display:flex}.check{border:1.5px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.check:hover{border-color:var(--ink-2)}.check svg{opacity:0;width:10px;height:10px}.task.done .check{background:var(--done);border-color:var(--done)}.task.done .check svg{opacity:1}.title-btn{text-align:left;flex:1;align-items:baseline;gap:8px;min-width:0;padding:2px 0;display:flex}.title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread-dot{background:var(--ink);border-radius:50%;flex:none;align-self:center;width:5px;height:5px}.task.open .title{white-space:normal;font-weight:500}.task.done .title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.count{font:11px var(--mono);color:var(--muted);flex:none}.count.fresh{color:var(--ink-2)}.title-input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:2px 0;font-weight:500}.faces{flex:none;display:flex}.faces .av+.av{margin-left:-4px}.faces .more{font:11px var(--mono);color:var(--muted);align-self:center;margin-left:5px}.following-dot{background:var(--ink);opacity:0;border-radius:50%;flex:none;width:5px;height:5px}.detail{gap:14px;padding:0 14px 14px 40px;display:grid}.desc{resize:none;width:100%;color:var(--ink-2);field-sizing:content;background:0 0;border:0;outline:none;min-height:22px;padding:0;line-height:1.5}.desc::placeholder{color:var(--muted)}.label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:6px;padding:3px 9px 3px 3px;font-size:12px;display:inline-flex}.chip .av{width:18px;height:18px;box-shadow:none;filter:grayscale();opacity:.45;font-size:9px}.chip[aria-pressed=true]{color:var(--ink);border-color:var(--line-2)}.chip[aria-pressed=true] .av{filter:none;opacity:1}.chip:hover{border-color:var(--ink-2)}.fold{border-top:1px solid var(--line);padding-top:10px}.fold-btn{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:flex}.fold-btn svg{width:9px;height:9px;color:var(--muted);transition:transform .15s}.fold-btn[aria-expanded=true] svg{transform:rotate(90deg)}.fold-btn .latest{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.updates{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.update{grid-template-columns:18px 1fr;gap:8px;display:grid}.update .av{width:18px;height:18px;box-shadow:none;margin-top:1px;font-size:9px}.update-meta{color:var(--muted);font-size:11px}.update-meta b{color:var(--ink-2);margin-right:4px;font-weight:500}.update-body{white-space:pre-wrap;word-break:break-word}.update-form{margin-top:10px}.update-form input{border:1px solid var(--line);background:var(--bg);border-radius:8px;outline:none;width:100%;padding:7px 10px;font-size:13px}.update-form input:focus{border-color:var(--line-2)}.foot{color:var(--muted);align-items:center;gap:14px;font-size:11px;display:flex}.foot .spacer{flex:1}.link{color:var(--muted);font-size:11px}.link:hover{color:var(--ink)}.link.danger{color:var(--danger)}.done-toggle{color:var(--muted);align-items:center;gap:6px;margin:18px 2px 8px;font-size:12px;display:flex}.done-toggle svg{width:9px;height:9px;transition:transform .15s}.done-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.sheet-wrap{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:340px;padding:20px;box-shadow:0 20px 50px #00000014}.sheet h2{margin:0 0 4px;font-size:15px;font-weight:600}.sheet p{color:var(--muted);margin:0 0 14px;font-size:13px}.people{gap:4px;margin-bottom:12px;display:grid}.person{text-align:left;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.person:hover,.person[aria-current=true]{background:var(--bg)}.person .av{box-shadow:none}.sheet form{gap:6px;display:flex}.sheet input{border:1px solid var(--line);background:var(--bg);border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 10px}.sheet .pill{flex:none}.toasts{z-index:20;gap:6px;width:min(420px,100% - 32px);display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);border-radius:10px;padding:9px 12px;font-size:12px;animation:.2s ease-out in;box-shadow:0 8px 24px #00000026}.toast small{opacity:.6;font:10px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;display:block}@keyframes in{0%{opacity:0;transform:translateY(6px)}}