: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}body.guest #shell{grid-template-columns:1fr}body.guest #side{display:none}.c-layer{position:absolute;inset:0;pointer-events:none;z-index:5}.c-layer.placing{pointer-events:auto;cursor:crosshair}.c-pin{all:unset;pointer-events:auto;position:absolute;transform:translate(-50%,-100%);min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;border-radius:13px 13px 13px 2px;background:var(--amber);color:#1b1036;font:600 12px/26px Instrument Sans,system-ui,sans-serif;text-align:center;cursor:pointer;box-shadow:0 2px 6px #1b103640}.c-pin.resolved{background:#d9d4e6;color:var(--muted)}.c-pin.on{outline:2px solid var(--violet)}.c-box{pointer-events:auto;position:absolute;width:280px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 32px #1b103633;display:flex;flex-direction:column;gap:8px;z-index:6}.c-box textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px;resize:vertical}.c-box .row{display:flex;gap:6px}.c-box .end{justify-content:flex-end}.c-msg p{margin:2px 0 0;white-space:pre-wrap;word-break:break-word;font-size:14px}.c-msg small,.c-item small{color:var(--muted)}.c-link{all:unset;cursor:pointer;color:var(--violet);font-size:12px}.c-panel{position:absolute;top:0;right:0;bottom:0;width:300px;background:#fff;border-left:1px solid var(--line);padding:14px;overflow:auto;z-index:7;display:flex;flex-direction:column;gap:8px}.c-panel[hidden]{display:none}.c-panel h3{margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif}.c-panel .row{display:flex;gap:8px;align-items:center}.c-check{font-size:13px;color:var(--muted)}.c-item{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:8px;border:1px solid var(--line);font-size:14px}.c-item:hover{border-color:var(--violet)}.c-empty{color:var(--muted);font-size:14px}