:root{--bg:#0e0f13;--panel:#16181f;--panel-2:#1c1f28;--border:#262a35;--text:#e6e8ee;--muted:#8a90a2;--accent:#5e6ad2;--danger:#eb5757;--ok:#4cb782;--warn:#f2c94c;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}input,textarea,select,button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;background:var(--accent);border-color:#0000}button.ghost{border-color:var(--border);color:var(--muted);background:0 0}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button:disabled{opacity:.5;cursor:default}.loading{display:grid;color:var(--muted);place-items: center;min-height:60vh}.error{color:var(--danger);font-size:13px}.hint{color:var(--muted);max-width:60ch;font-size:13px}.brand{letter-spacing:.04em;color:var(--text);text-decoration:none;font-size:16px;font-weight:700}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items: center;padding:10px 16px}.topbar-right{display:flex;align-items: center;gap:12px}.whoami{color:var(--muted)}.sync{display:inline-flex;color:var(--muted);align-items: center;gap:6px;font-size:12px}.sync-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.sync-live .sync-dot{background:var(--ok)}.sync-connecting .sync-dot,.sync-stale .sync-dot{background:var(--warn)}.sync-offline .sync-dot,.sync-authentication-required .sync-dot,.sync-update-required .sync-dot{background:var(--danger)}.auth{display:grid;place-items: center;min-height:100vh}.auth-card{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:340px;padding:28px}.auth-sub{color:var(--muted);margin:0 0 8px;font-size:13px}.workspaces{width:100%;max-width:900px;margin:0 auto;padding:24px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:16px 0}.workspace-card{display:flex;background:var(--panel);border:1px solid var(--border);color:var(--text);text-decoration:none;border-radius:10px;flex-direction:column;gap:6px;padding:16px}.workspace-card:hover{border-color:var(--accent)}.workspace-name{font-weight:600}.workspace-slug{color:var(--muted);font-size:12px}.board{display:flex;position:relative;flex-direction:column;flex:1;gap:12px;padding:16px}.board-head{display:flex;align-items: center;gap:12px}.board-head h2{margin:0;font-size:18px}.stale-tag{color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:1px 8px;font-size:12px}.columns{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));overflow-x:auto;flex:1;align-items: start;gap:12px}.column{background:var(--panel);border:1px solid var(--border);display:flex;border-radius:10px;flex-direction:column;gap:8px;min-height:200px;padding:8px}.column-over{border-color:var(--accent)}.column-head{display:flex;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;padding:4px 6px;font-size:12px}.column-cards{display:flex;flex-direction:column;gap:6px}.card{display:flex;background:var(--panel-2);border:1px solid var(--border);cursor:grab;border-radius:8px;align-items: center;gap:8px;padding:10px}.card-selected{border-color:var(--accent)}.card-pending{opacity:.65}.card-title{flex:1}.priority{background:var(--border);border-radius:2px;flex-shrink:0;width:8px;height:8px}.priority-low{background:#4cb782}.priority-medium{background:#f2c94c}.priority-high{background:#f2994a}.priority-urgent{background:#eb5757}.avatar{background:var(--accent);color:#fff;display:inline-flex;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:22px;height:22px;font-size:11px}.column-new input{background:0 0;border-style:dashed;width:100%}.detail{position:fixed;background:var(--panel);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:14px;width:360px;padding:16px;top:0;bottom:0;right:0}.detail-head{display:flex;align-items: center;gap:8px}.detail-head h3{flex:1;margin:0}.detail-title{background:0 0;border-color:#0000;flex:1;font-weight:600}.detail-title:hover,.detail-title:focus{border-color:var(--border)}.field{display:flex;flex-direction:column;gap:6px}.field>span{color:var(--muted);font-size:12px}.labels{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.label{color:var(--muted);background:0 0;border-radius:999px;padding:2px 10px;font-size:12px}.label-on{color:var(--text);background:var(--panel-2)}.label-new input{background:0 0;border-style:dashed;width:110px;padding:2px 8px;font-size:12px}.comments{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.comment{background:var(--panel-2);display:flex;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px}.comment-author{color:var(--muted);font-size:12px}.overlay{position:fixed;display:grid;background:#0000008c;place-items: center;inset:0}.dialog{overflow-y:auto;background:var(--panel);border:1px solid var(--border);display:flex;border-radius:12px;flex-direction:column;gap:10px;width:420px;max-height:80vh;padding:20px}.member-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.member-list li{display:flex;align-items: center;gap:10px}.member-list li span:nth-child(2){flex:1}
