:root{--bg:#f6f7f9;--panel:#fff;--ink:#14213d;--muted:#6b7587;--line:#e3e6ec;--accent:#1f3a5f;--accent-ink:#fff;--todo:#8892a6;--in_progress:#2f6fed;--blocked:#d64545;--done:#2e9b62;--radius:12px;--shadow:0 1px 2px #14213d0f, 0 4px 14px #14213d0d}@media (prefers-color-scheme:dark){:root{--bg:#0e131c;--panel:#161d2a;--ink:#e8ecf3;--muted:#92a0b8;--line:#263145;--accent:#8fb4ff;--accent-ink:#0e131c;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}h1{letter-spacing:-.01em;margin:0;font-size:26px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 10px;font-size:13px;font-weight:600}h3{margin:6px 0;font-size:16px}.muted{color:var(--muted);font-size:13px}.grow{flex:1}.boot{text-align:center;color:var(--muted);padding:60px}.err{color:var(--blocked)}.shell header{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:22px;padding:12px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;color:var(--accent);font-size:18px;font-weight:800}header nav{gap:18px;display:flex}header nav a{color:var(--muted);font-weight:500}header nav a:hover{color:var(--ink)}.me{align-items:center;gap:8px;font-weight:500;display:flex}main{max-width:1180px;margin:0 auto;padding:24px 28px 80px}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:14px;display:flex}.crumbs a:hover{color:var(--ink);text-decoration:underline}.crumbs b{color:var(--ink)}.sep{opacity:.5;margin:0 6px}.page-head{align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.page-head .title{font:inherit;letter-spacing:-.015em;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;min-width:0;margin-left:-8px;padding:4px 8px;font-size:28px;font-weight:700}.page-head .title:hover,.page-head .title:focus{border-color:var(--line);background:var(--panel);outline:none}.actions{gap:8px;display:flex}button,select,input,textarea{font:inherit;color:var(--ink)}button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:7px 13px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.danger:hover{border-color:var(--blocked);color:var(--blocked)}button.link{color:var(--accent);background:0 0;border:0;padding:2px 4px}button.link:hover{text-decoration:underline}select,input{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px}.fields{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:14px 16px;display:flex}.field{flex-direction:column;gap:4px;min-width:150px;display:flex}.field>span{color:var(--muted);font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.grid.big{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--todo);padding:14px 16px;transition:transform 80ms,border-color 80ms;display:block}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card.s-in_progress{border-top-color:var(--in_progress)}.card.s-blocked{border-top-color:var(--blocked)}.card.s-done{border-top-color:var(--done)}.card.big h3{font-size:19px}.card-top{align-items:center;gap:8px;display:flex}.card-foot{margin-top:12px}.peek{gap:5px;margin:10px 0 0;padding:0;list-style:none;display:grid}.peek li{align-items:center;gap:8px;font-size:13.5px;display:flex}.peek .t{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.peek .more{padding-left:16px}.dot{background:var(--todo);border-radius:50%;flex:none;width:8px;height:8px}.dot.in_progress{background:var(--in_progress)}.dot.blocked{background:var(--blocked)}.dot.done{background:var(--done)}.pill{background:color-mix(in srgb, var(--todo) 18%, transparent);color:var(--todo);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600}.pill.in_progress{background:color-mix(in srgb, var(--in_progress) 16%, transparent);color:var(--in_progress)}.pill.blocked{background:color-mix(in srgb, var(--blocked) 16%, transparent);color:var(--blocked)}.pill.done{background:color-mix(in srgb, var(--done) 16%, transparent);color:var(--done)}.prio{color:var(--muted);font-size:12px}.prio.p3,.prio.p4{color:var(--blocked);font-weight:600}.progress{align-items:center;gap:10px;margin-top:6px;display:flex}.progress .bar{background:var(--line);border-radius:99px;flex:1;height:7px;overflow:hidden}.progress.wide .bar{min-width:220px;height:10px}.progress .fill{background:var(--done);border-radius:99px;height:100%;transition:width .25s}.owner{align-items:center;gap:8px;font-size:14px;display:inline-flex}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.avatar.agent{border-radius:6px}.avatar.none{background:var(--line);color:var(--muted)}.add{gap:8px;max-width:520px;margin-top:14px;display:flex}.add input{flex:1}textarea.body{resize:vertical;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:160px;padding:12px 14px;line-height:1.55}textarea.body:focus{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}.attention{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blocked);border-radius:var(--radius);margin-bottom:20px;padding:4px 16px 10px}.att-row,.work-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:9px 4px;display:flex}.att-row:last-child,.work-row:last-child{border-bottom:0}.att-row:hover,.work-row:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.work-row .path{text-align:right;margin-left:auto}.person-card .agents{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.agent-tag{background:var(--bg);border:1px solid var(--line);border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:12.5px;display:inline-flex}.history .h-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:5px 0;font-size:13.5px;display:flex}.history .h-row.sel{background:color-mix(in srgb, var(--accent) 8%, transparent)}.preview{background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;border-radius:8px;padding:10px 12px}.scrim{z-index:20;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:var(--radius);flex-direction:column;gap:10px;width:min(560px,92vw);max-height:80vh;padding:18px;display:flex}.dialog .opts{gap:4px;display:grid;overflow:auto}.opt{text-align:left;background:0 0;border:0;border-radius:6px;padding:7px 8px}.opt:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.toasts{z-index:30;gap:8px;display:grid;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:var(--bg);max-width:360px;box-shadow:var(--shadow);border-radius:10px;padding:10px 14px}.signin{text-align:center;max-width:560px;margin:12vh auto;padding:0 20px}.people-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.person{flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}@media (width<=720px){main{padding:16px 14px 60px}.shell header{flex-wrap:wrap;gap:12px;padding:10px 14px}.page-head{flex-direction:column}.grid.big{grid-template-columns:1fr}}h1,h2,h3,.crumbs,.peek .t,.work-row b,.att-row b,.toast,.dialog .opt{overflow-wrap:anywhere;min-width:0}.page-head>*,.att-row>*,.work-row>*,.fields>*{min-width:0}.progress.wide .bar{min-width:120px}.progress.wide{flex-wrap:wrap}.card{min-width:0}@media (width<=720px){.fields{gap:12px}.field{min-width:120px}.att-row,.work-row{flex-wrap:wrap}.work-row .path{text-align:left;margin-left:0}}.peek{grid-template-columns:minmax(0,1fr)}.att-row .muted,.work-row .muted,.work-row .path{overflow-wrap:anywhere;min-width:0}.tabs{justify-content:center;gap:4px;margin:18px 0 8px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 16px}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.auth-form{text-align:left;gap:12px;max-width:360px;margin:12px auto 0;display:grid}.auth-form label{color:var(--muted);gap:4px;font-size:13px;display:grid}.auth-form input{font-size:15px}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:9px 14px;font-weight:600}button.google{margin-top:14px}.invite-link{gap:8px;max-width:640px;margin-top:12px;display:grid}.invite-link input{width:100%}.invites{max-width:640px;margin-top:14px}.key-reveal{background:var(--panel);border:1px solid var(--accent);border-radius:var(--radius);gap:8px;max-width:720px;margin:14px 0;padding:14px 16px;display:grid}.key-reveal input{width:100%;font-family:ui-monospace,monospace}.key-reveal pre{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;overflow:auto}.agent-block{max-width:720px;margin-top:10px}.key-row code{font-size:13px}.key-reveal{min-width:0}.key-reveal b{overflow-wrap:anywhere}.agent-block .work-row{flex-wrap:wrap}.agent-block b{overflow-wrap:anywhere;min-width:0}
