:root{--night: #1b1036;--night-2: #2a1a52;--violet: #571EFA;--violet-2: #341291;--amber: #F2A93B;--ink: #1d1a26;--muted: #6b6578;--line: #e6e2ef;--bg: #faf9fc;font-family:Instrument Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden}#shell{display:grid;grid-template-columns:272px 1fr;height:100vh}#side{background:var(--night);color:#ece8f8;display:flex;flex-direction:column;padding:14px 10px;gap:10px;overflow:auto}.brand{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;font-size:20px;padding:4px 8px}#search{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ffffff22;background:#ffffff10;color:inherit}#lists h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#b9b0d6;margin:14px 8px 4px;display:flex;justify-content:space-between;align-items:center}#lists button.item{all:unset;display:flex;gap:6px;align-items:center;width:100%;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lists button.item:hover,#lists button.item.on{background:#ffffff18}#lists .tools button{all:unset;cursor:pointer;padding:0 4px;color:#d8d0f2;font-size:16px}main{display:flex;flex-direction:column;min-width:0}#bar{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);background:#fff;min-height:52px}#title{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:600;font-size:17px}#status{color:var(--muted);font-size:13px;flex:1}#people{display:flex;gap:4px}#people button{all:unset;cursor:pointer;width:28px;height:28px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;outline-offset:2px}#people button.following{outline:2px solid var(--amber)}#actions{display:flex;gap:6px}button.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit;font-size:14px}button.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff}#stage{flex:1;position:relative;min-height:0}#stage>affine-editor-container{position:absolute;inset:0}.home{padding:32px;max-width:980px}.home h1{font-family:Bricolage Grotesque,system-ui,sans-serif}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.card{all:unset;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}.card:hover{border-color:var(--violet)}.card b{font-size:15px}.card span{color:var(--muted);font-size:13px}dialog{border:none;border-radius:14px;padding:0;width:min(560px,92vw);box-shadow:0 20px 60px #1b103655}dialog form{padding:20px;display:flex;flex-direction:column;gap:12px}dialog h2{margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:19px}dialog .row{display:flex;gap:8px;align-items:center}dialog .end{justify-content:flex-end}dialog input,dialog select{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font:inherit}dialog table{width:100%;border-collapse:collapse;font-size:14px}dialog td{padding:6px 4px;border-bottom:1px solid var(--line)}.error{color:#a1260d;font-size:14px}.empty{color:#b9b0d6;font-size:13px;padding:4px 8px}