:root{--bg:#f6f5f1;--surface:#fff;--ink:#1d1d1b;--muted:#6b6a65;--line:#dddbd3;--accent:#4e79a7;--in:#59a14f;--out:#e15759;--mono:ui-monospace,"SF Mono",Menlo,monospace;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171716;--surface:#222220;--ink:#ecebe6;--muted:#9a9890;--line:#34332f;--accent:#76a3d1;--in:#8cd17d;--out:#ff9d9a;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);margin:0;padding:24px 16px 48px;font:15px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body>header{max-width:1100px;margin:0 auto 20px}h1{letter-spacing:-.01em;margin:0;font-size:22px}body>header p{color:var(--muted);margin:4px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(0,420px);align-items: start;gap:20px;max-width:1100px;margin:0 auto}.people{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:10px 12px}.people:not(:has(member-row)){display:none}.people h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 6px;font-size:13px}member-row{display:block}member-row .who{display:flex;align-items: center;gap:4px;min-height:28px}member-row [data-col=name]{border-radius:4px;padding:1px 4px}member-row[me]>.who [data-col=name]{font-weight:600}member-row[me]>.who [data-col=name]:after{content:" · you";color:var(--muted);font-weight:400}member-row .invited{border-left:1px solid var(--line);margin-left:10px;padding-left:12px}member-row:not([link])>.who>.copy,member-row:not([me])>.who>.out,member-row:not([mine])>.who>[data-delete],member-row:not([me])>.invite{display:none}member-row>.invite{max-width:260px;margin:4px 0 4px 22px}member-row .roles{color:var(--muted);font-size:12px}member-row .give{display:flex;color:var(--muted);gap:10px;margin-top:4px;font-size:13px}member-row .give:empty{display:none}member-row .give input{width:auto}.out{margin:0}.copy .icon-check,.copy[copied] .icon-copy{display:none}.copy[copied] .icon-check{display:block;color:var(--in)}.nobody{text-align:center;max-width:420px;margin:15vh auto 0}.nobody h2{margin:0 0 6px;font-size:18px}.nobody p{color:var(--muted);margin:0}body[data-away]:after{content:"Reconnecting…";position:fixed;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 14px;font-size:13px;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000026}[contenteditable]:focus{outline:2px solid var(--accent);outline-offset:1px}.icon{display:block;width:16px;height:16px}.copy,.out button,button[data-delete]{display:inline-grid;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items: center;width:24px;height:24px;padding:0}.copy:hover,.out button:hover,button[data-delete]:hover{background:var(--line);color:var(--ink)}button[data-delete]{opacity:0}member-row .who:hover button{opacity:1}button[data-delete]:focus-visible{opacity:1}input[name]{font:inherit;color:inherit;border:1px dashed var(--line);background:0 0;border-radius:6px;width:100%;padding:5px 8px}input[name]:focus{outline:none;border-style:solid;border-color:var(--accent)}.wire{background:var(--surface);border:1px solid var(--line);position:sticky;overflow:auto;border-radius:10px;max-height:calc(100vh - 32px);padding:10px 12px;top:16px}.wire h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:13px}.wire ol{list-style:none;font:12px/1.45 var(--mono);margin:0;padding:0}.wire li{border-top:1px solid var(--line);word-break:break-all;border-left:3px solid;padding:6px 0 6px 10px}.wire li.in{border-left-color:var(--in)}.wire li.out{border-left-color:var(--out)}.wire .meta{display:block;color:var(--muted)}@media (max-width:760px){.layout{grid-template-columns:minmax(0,1fr)}.wire{position:static;max-height:50vh}}.lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.add-list{max-width:220px;margin-top:12px}list-row{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px 12px}list-row header{display:flex;align-items: center;gap:6px}list-row .sharing{display:flex;color:var(--muted);flex-wrap:wrap;align-items: center;gap:4px;margin:2px 4px 0;font-size:12px}list-row:not([made_by]) .sharing{display:none}list-row .by:before{content:"by "}list-row .shares{display:contents}share-row{display:inline-flex;background:color-mix(in srgb,var(--accent)12%,transparent);color:var(--ink);border-radius:10px;align-items: center;gap:2px;padding:0 2px 0 8px}share-row:before{content:"with ";color:var(--muted)}share-row button[data-delete]{width:18px;height:18px}share-row button[data-delete] .icon{width:12px;height:12px}share-row:hover button{opacity:1}list-row:not([mine]) share-row button[data-delete],list-row:not([mine]) form.share{display:none}form.share{display:inline-flex;align-items: center;gap:2px}form.share select{font:inherit;color:inherit;border:1px dashed var(--line);background:0 0;border-radius:6px;padding:1px 4px}form.share button{display:inline-grid;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items: center;width:22px;height:22px;padding:0}form.share button:hover{background:var(--line);color:var(--ink)}form.share .icon{width:14px;height:14px}list-row h3{border-radius:4px;flex:1;margin:0;padding:2px 4px;font-size:15px}list-row .items{min-height:8px;margin:8px 0}list-row header:hover button{opacity:1}item-row{display:flex;border-radius:6px;align-items: center;gap:8px;padding:5px 4px}.grip{display:grid;color:var(--muted);cursor:grab;user-select:none;opacity:.5}.grip .icon{width:14px;height:14px}item-row:hover .grip,item-row:hover button{opacity:1}item-row:hover{background:color-mix(in srgb,var(--accent)8%,transparent)}item-row [data-col=title]{border-radius:4px;flex:1;padding:1px 3px}item-row[done] [data-col=title]{color:var(--muted);text-decoration:line-through}.assignee{position:relative;display:inline-flex;color:var(--muted);white-space:nowrap;border-radius:11px;align-items: center;gap:4px;min-height:22px;padding:0 6px;font-size:13px}.assignee .icon{width:14px;height:14px}.assignee select{position:absolute;opacity:0;cursor:pointer;width:100%;inset:0}item-row[assigned_to] .assignee{background:color-mix(in srgb,var(--accent)14%,transparent);color:var(--ink)}item-row[assigned_to] .assignee .icon,item-row:not([assigned_to]) .assignee [data-ref]{display:none}item-row:not([assigned_to]) .assignee{opacity:0}item-row:hover .assignee,.assignee:focus-within{opacity:1}body:not(:has(member-row)) .assignee{display:none}