html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:monospace;overflow:hidden}.canvas-root{background:#f5efe1;width:100vw;height:100vh;position:relative;overflow:hidden}.edge-layer{pointer-events:none;position:absolute;inset:0}.node-layer{position:absolute;inset:0}.node{-webkit-user-select:none;user-select:none;color:#1f2a44;flex-direction:column;align-items:center;gap:4px;font-family:monospace;font-size:12px;display:flex;position:absolute;transform:translate(-50%,-50%)}.node-label{text-align:center;word-break:break-word;max-width:140px}.person-node .node-label{white-space:nowrap;margin-top:4px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.person-photo{background:#fff;border:1px solid #1f2a44;max-width:80px;height:auto;display:block}.scrap-photo{background:#fff;border:1px solid #1f2a44;max-width:140px;height:auto;display:block}.scrap-card{color:#3a2f1c;text-align:center;word-break:break-word;white-space:normal;background:#fffbe6;border:1px solid #a18a3f;max-width:140px;padding:6px 8px}.login-root{background:#f5efe1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{color:#1f2a44;background:#fffbe6;border:1px solid #1f2a44;border-radius:4px;flex-direction:column;gap:12px;min-width:260px;padding:24px;font-family:monospace;display:flex}.login-label{font-size:12px}.login-input{font:inherit;color:inherit;background:#fff;border:1px solid #1f2a44;border-radius:2px;padding:8px 10px}.login-button{font:inherit;color:#fffbe6;cursor:pointer;background:#1f2a44;border:1px solid #1f2a44;border-radius:2px;padding:8px 10px}.login-button:disabled{opacity:.5;cursor:default}.login-error{color:#a23;font-size:12px}